SlideShare ist ein Scribd-Unternehmen logo
1 von 18
Sistema automatizado para el control de
  citas pediátricas del centro clínico
   ambulatorio Santa Cruz del Zulia



            AUTORES
         ARTEAGA DANIA
          BAENA TANIA
          BERRIO YORLY
         CHAVEZ MARTHA


                TUTOR
             Jackson Jaime
DESCRIPCION DEL RECURSO TECNOLOGICO
       El presente recurso tecnológico consiste en el diseño de una página web
del centro clínico ambulatorio santa cruz, en la cual consta de una serie de
imágenes relacionándose con unos colores amigables donde la parte superior está
representada con su respectivo logo identificándose con el nombre del mismo y en
la parte izquierda nos encontramos con sus imágenes que identificara        algunos
departamentos que ofrece el centro clínico ambulatorio santa cruz del Zulia y a su
vez en la parte inferior con el símbolo de la medicina ,y en su inferior se encuentra
el botón de Aceptar que nos conllevara a la siguiente pagina.


       Por consiguiente cuenta con una barra de menú Superior desplazando la
opción de control de citas, Especialidades, Utilidades, mapa de navegación y
usuarios en el fondo de la página web la imagen del centro clínico ambulatorio.
       En la mención y representación       de   los colores es tomado para los
productos de alta tecnología, en el cual el blanco podrá utilizarse para comunicar
simplicidad, ya que es el más incorporado por los hospitales, médicos y
esterilidad.
Puede usarse por tanto para sugerir para anunciar productos médicos o
que estén directamente relacionados con la salud, a menudo se asocia con la
pérdida de peso, productos bajos en calorías y los productos lácteos.

      Mejorando también el metabolismo humano, aumenta el ritmo respiratorio y
eleva la presión sanguina relacionándose así con el color rojo

      En el diseño a demostrar trae el texto y las imágenes con este color blanco
a primer plano resaltándolas sobre el resto de colores, es muy recomendable para
encaminar a las personas a tomar decisiones rápidas durante su estancia en un
sitio web.
       Es decir se le considera un color beneficioso tanto para el cuerpo como
para la mente, retarda el metabolismo y produce un efecto relajante, donde este
color esta fuertemente ligado a la tranquilidad y la calma, es adecuado para
promocionar productos de alta tecnología o de alta precisión. Haciendo mención
del color Rojo podemos decir que mejora el metabolismo humano, aumenta el
ritmo respiratorio y eleva la presión sanguínea, El azul se asocia a la salud,
curación, entendimiento, suavidad y la tranquilidad.
GUIÓN DE PRODUCCIÓN
                             Aspectos gráficos y multimedia
Imágenes del recurso multimedia.
Gráficos asociados al diseño general y
   navegabilidad de las pantallas:
Descripción del fondo:

Fondo: Tonos De Color Azul Oscuros Y Blanco.
Fuente: Azul, Naranja, Rojo, Blanco, Negro.

Esquema de color:
Blanco: #000000.
Azul Oscuro: #003366
Rojo: #CC0000
Azul Claro: #CCEEFF
Título:
Arial Black, 18, Azul, Naranja, Rojo.
Subtítulos :
Calibri, 14, Negro.
Subtítulos contenidos en Bordes
Lucida Calligraphy,12 Negro
Párrafos:
Arial, 12, Negro.                     Resolución de Pantalla:
                                      1024 x 778
Mapa de navegabilidad
Diagramación de Pantallas
Pantalla nº:                                                       Secuencia de pantallas

Ejemplo        p01                      Viene de pantalla nº: p0              Va a la pantalla nº:02

Diseño visual de la pantalla




                     Diagramación de Pantallas
Diseño funcional de la pantalla
Animación (describir la acción de la imagen): (Ninguna)




Voz (narración): (Ninguna)




Música de fondo: (Ninguna)




Vídeo: (Ninguna)
Navegabilidad:




                                                                                 Nº Nombre
                                                                                 Del
Objeto                                                  Titulo De    Pantalla De
                                                                                 Archivo/Capa/
                                                        Referencia   Destino
                                                                                 Venta a
                                                                                 Destino :
Botón                                                   “aceptar”    P01         index.html
Hipervínculos: (Ninguna)

Ayuda: (no posee en la barra menú la opción de ayuda)


Archivos involucrados en la pantalla:



index.htm
            PHP.
Diagramación de Pantallas:
Pantalla nº:                             Secuencia de pantallas
Ejemplo        p02         Viene de pantalla nº: p01 Va a la pantalla nº:0
Diseño visual de la pantalla
Diseño Funcional De Pantalla
Animación (describir la acción de la imagen): (Ninguna)

Voz ( narración): (Ninguna)

Música de fondo:(Ninguna)

Video: (Ninguno)

                             · Diseño funcional de la pantalla
Animación (describir la acción de la imagen): (Ninguna)

Voz (narración): (Ninguna)

Música de fondo: (Ninguna)

Vídeo: (Ninguna)
Navegabilidad:

                                                  Nº Nombre Del
                                                  Archivo/Capa/
Objeto           Titulo De          Pantalla De
                 Referencia         Destino       Ventana Destino :

Menú Superior    Inicio             P01
                                                  index.htm
                                                              PHP

                 Control de Citas   P02           C:UsersTania
                                                  BDesktopPag_Web_fina
                                                  lpagescontrolde
                                                  citas.htm

                 Especialidades     P03           C:UsersTania
                                                  BDesktopPag_Web_fina
                                                  lpagesespecialidades.ht
                                                  m

                 Utilidades         P04           C:UsersTania
                                                  BDesktopPag_Web_fina
                                                  lpagesutilidades.htm

                 Mapa de            P05           C:UsersTania
                 Navegabilidad                    BDesktopPag_Web_finalp
                                                  agesmapa de
                                                  navegabilidad.htm
                 Usuario            P06           C:UsersTania
                                                  BDesktopPag_Web_fina
                                                  lpages/usuario.htm
Archivos involucrados en la pantalla:
Hipervínculos:



No posee Hipervínculos


Ayuda:
(No posee en la barra menú la opción
de ayuda)
 Carpeta “imgs”    Fondo _ ccasc.html, titulo_principal.html, logo_insticional:html,
 especialidades_visor.html
Diagramación de Pantallas:

Pantalla nº:                             Secuencia de pantallas
Ejemplo        p03         Viene de pantalla nº: p02 Va a la pantalla nº:4
Diseño visual de la pantalla
Diseño Funcional De Pantalla
Animación (describir la acción de la imagen): (Ninguna)

Voz ( narración): (Ninguna)

Música de fondo:(Ninguna)
Video: (Ninguno)
Navegabilidad:

                                                                Nº Nombre Del Archivo/Capa/

Objeto             Titulo De Referencia   Pantalla De Destino   Ventana Destino :

Menú Superior      Inicio                 P01                   PHP

                   Control de Citas       P02                   C:UsersTania
                                                                        index.htm
                                                                BDesktopPag_Web_finalpagescontrol
                                                                de citas.htm
                   Especialidades         P03                   C:UsersTania
                                                                BDesktopPag_Web_finalpagesespecia
                                                                lidades.htm

                   Utilidades             P04                   C:UsersTania
                                                                BDesktopPag_Web_finalpagesutilidad
                                                                es.htm
Navegabilidad:


                                                               Nº Nombre Del Archivo/Capa/

Objeto           Titulo De Referencia    Pantalla De Destino   Ventana Destino :



Menú Superior    Inicio                  P01                   PHP


                 Control de Citas        P02                   C:UsersTania
                                                                       index.htm
                                                               BDesktopPag_Web_finalpagescontrol
                                                               de citas.htm


                 Especialidades          P03                   C:UsersTania
                                                               BDesktopPag_Web_finalpagesespecia
                                                               lidades.htm



                 Utilidades              P04                   C:UsersTania
                                                               BDesktopPag_Web_finalpagesutilidad
                                                               es.htm


                 Mapa de Navegabilidad   P05                   C:UsersTania
                                                               BDesktopPag_Web_finalpages
                                                               mapa de navegacion.htm
                 Usuario                 P06                   C:UsersTania
                                                               BDesktopPag_Web_finalpages/u
                                                               suario.htm
Hipervínculos:




No posee Hipervínculos




Ayuda:

(No posee en la barra menú la opción de ayuda)
Archivos involucrados en la pantalla:

Carpeta “imgs” Fondo _ ccasc.html,
titulo_principal.html, logo_insticional:html,
especialidades_visor.html

Weitere ähnliche Inhalte

Kürzlich hochgeladen

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Kürzlich hochgeladen (11)

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 

Empfohlen

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Empfohlen (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Pagina web informativa del centro clinico Santa Cruz

  • 1. Sistema automatizado para el control de citas pediátricas del centro clínico ambulatorio Santa Cruz del Zulia AUTORES ARTEAGA DANIA BAENA TANIA BERRIO YORLY CHAVEZ MARTHA TUTOR Jackson Jaime
  • 2. DESCRIPCION DEL RECURSO TECNOLOGICO El presente recurso tecnológico consiste en el diseño de una página web del centro clínico ambulatorio santa cruz, en la cual consta de una serie de imágenes relacionándose con unos colores amigables donde la parte superior está representada con su respectivo logo identificándose con el nombre del mismo y en la parte izquierda nos encontramos con sus imágenes que identificara algunos departamentos que ofrece el centro clínico ambulatorio santa cruz del Zulia y a su vez en la parte inferior con el símbolo de la medicina ,y en su inferior se encuentra el botón de Aceptar que nos conllevara a la siguiente pagina. Por consiguiente cuenta con una barra de menú Superior desplazando la opción de control de citas, Especialidades, Utilidades, mapa de navegación y usuarios en el fondo de la página web la imagen del centro clínico ambulatorio. En la mención y representación de los colores es tomado para los productos de alta tecnología, en el cual el blanco podrá utilizarse para comunicar simplicidad, ya que es el más incorporado por los hospitales, médicos y esterilidad.
  • 3. Puede usarse por tanto para sugerir para anunciar productos médicos o que estén directamente relacionados con la salud, a menudo se asocia con la pérdida de peso, productos bajos en calorías y los productos lácteos. Mejorando también el metabolismo humano, aumenta el ritmo respiratorio y eleva la presión sanguina relacionándose así con el color rojo En el diseño a demostrar trae el texto y las imágenes con este color blanco a primer plano resaltándolas sobre el resto de colores, es muy recomendable para encaminar a las personas a tomar decisiones rápidas durante su estancia en un sitio web. Es decir se le considera un color beneficioso tanto para el cuerpo como para la mente, retarda el metabolismo y produce un efecto relajante, donde este color esta fuertemente ligado a la tranquilidad y la calma, es adecuado para promocionar productos de alta tecnología o de alta precisión. Haciendo mención del color Rojo podemos decir que mejora el metabolismo humano, aumenta el ritmo respiratorio y eleva la presión sanguínea, El azul se asocia a la salud, curación, entendimiento, suavidad y la tranquilidad.
  • 4. GUIÓN DE PRODUCCIÓN Aspectos gráficos y multimedia Imágenes del recurso multimedia.
  • 5. Gráficos asociados al diseño general y navegabilidad de las pantallas:
  • 6. Descripción del fondo: Fondo: Tonos De Color Azul Oscuros Y Blanco. Fuente: Azul, Naranja, Rojo, Blanco, Negro. Esquema de color: Blanco: #000000. Azul Oscuro: #003366 Rojo: #CC0000 Azul Claro: #CCEEFF Título: Arial Black, 18, Azul, Naranja, Rojo. Subtítulos : Calibri, 14, Negro. Subtítulos contenidos en Bordes Lucida Calligraphy,12 Negro Párrafos: Arial, 12, Negro. Resolución de Pantalla: 1024 x 778
  • 8. Diagramación de Pantallas Pantalla nº: Secuencia de pantallas Ejemplo p01 Viene de pantalla nº: p0 Va a la pantalla nº:02 Diseño visual de la pantalla Diagramación de Pantallas
  • 9. Diseño funcional de la pantalla Animación (describir la acción de la imagen): (Ninguna) Voz (narración): (Ninguna) Música de fondo: (Ninguna) Vídeo: (Ninguna)
  • 10. Navegabilidad: Nº Nombre Del Objeto Titulo De Pantalla De Archivo/Capa/ Referencia Destino Venta a Destino : Botón “aceptar” P01 index.html Hipervínculos: (Ninguna) Ayuda: (no posee en la barra menú la opción de ayuda) Archivos involucrados en la pantalla: index.htm PHP.
  • 11. Diagramación de Pantallas: Pantalla nº: Secuencia de pantallas Ejemplo p02 Viene de pantalla nº: p01 Va a la pantalla nº:0 Diseño visual de la pantalla
  • 12. Diseño Funcional De Pantalla Animación (describir la acción de la imagen): (Ninguna) Voz ( narración): (Ninguna) Música de fondo:(Ninguna) Video: (Ninguno) · Diseño funcional de la pantalla Animación (describir la acción de la imagen): (Ninguna) Voz (narración): (Ninguna) Música de fondo: (Ninguna) Vídeo: (Ninguna)
  • 13. Navegabilidad: Nº Nombre Del Archivo/Capa/ Objeto Titulo De Pantalla De Referencia Destino Ventana Destino : Menú Superior Inicio P01 index.htm PHP Control de Citas P02 C:UsersTania BDesktopPag_Web_fina lpagescontrolde citas.htm Especialidades P03 C:UsersTania BDesktopPag_Web_fina lpagesespecialidades.ht m Utilidades P04 C:UsersTania BDesktopPag_Web_fina lpagesutilidades.htm Mapa de P05 C:UsersTania Navegabilidad BDesktopPag_Web_finalp agesmapa de navegabilidad.htm Usuario P06 C:UsersTania BDesktopPag_Web_fina lpages/usuario.htm
  • 14. Archivos involucrados en la pantalla: Hipervínculos: No posee Hipervínculos Ayuda: (No posee en la barra menú la opción de ayuda) Carpeta “imgs” Fondo _ ccasc.html, titulo_principal.html, logo_insticional:html, especialidades_visor.html
  • 15. Diagramación de Pantallas: Pantalla nº: Secuencia de pantallas Ejemplo p03 Viene de pantalla nº: p02 Va a la pantalla nº:4 Diseño visual de la pantalla
  • 16. Diseño Funcional De Pantalla Animación (describir la acción de la imagen): (Ninguna) Voz ( narración): (Ninguna) Música de fondo:(Ninguna) Video: (Ninguno) Navegabilidad: Nº Nombre Del Archivo/Capa/ Objeto Titulo De Referencia Pantalla De Destino Ventana Destino : Menú Superior Inicio P01 PHP Control de Citas P02 C:UsersTania index.htm BDesktopPag_Web_finalpagescontrol de citas.htm Especialidades P03 C:UsersTania BDesktopPag_Web_finalpagesespecia lidades.htm Utilidades P04 C:UsersTania BDesktopPag_Web_finalpagesutilidad es.htm
  • 17. Navegabilidad: Nº Nombre Del Archivo/Capa/ Objeto Titulo De Referencia Pantalla De Destino Ventana Destino : Menú Superior Inicio P01 PHP Control de Citas P02 C:UsersTania index.htm BDesktopPag_Web_finalpagescontrol de citas.htm Especialidades P03 C:UsersTania BDesktopPag_Web_finalpagesespecia lidades.htm Utilidades P04 C:UsersTania BDesktopPag_Web_finalpagesutilidad es.htm Mapa de Navegabilidad P05 C:UsersTania BDesktopPag_Web_finalpages mapa de navegacion.htm Usuario P06 C:UsersTania BDesktopPag_Web_finalpages/u suario.htm
  • 18. Hipervínculos: No posee Hipervínculos Ayuda: (No posee en la barra menú la opción de ayuda) Archivos involucrados en la pantalla: Carpeta “imgs” Fondo _ ccasc.html, titulo_principal.html, logo_insticional:html, especialidades_visor.html