APLICACIÓN WEB DE LA FUNDACION MANOS VOLUNTARIAS

Transcripción

1 APLICACIÓN WEB DE LA FUNDACION MANOS VOLUNTARIAS LUIS MIGUEL CARMONA RUIZ UNIVERSIDAD CATÓLICA DE PEREIRA FACULTAD DE CIENCIAS BÁSICAS E INGENIERÍA PROGRAMA DE INGENIERÍA EN SISTEMAS Y TELECOMUNICACIONES PEREIRA, COLOMBIA 2012 ~ 1 ~

2 APLICACIÓN WEB DE LA FUNDACION MANOS VOLUNTARIAS LUIS MIGUEL CARMONA RUIZ INFORME DE PRÁCTICAS ACADÉMICAS TUTOR ALVARO IGNACIO MORALES GONZALES (Ingeniero de Sistemas) UNIVERSIDAD CATÓLICA DE PEREIRA FACULTAD DE CIENCIAS BÁSICAS E INGENIERÍA PROGRAMA DE INGENIERÍA EN SISTEMAS Y TELECOMUNICACIONES ~ 2 ~

3 AGRADECIMIENTOS Agradezco a la Fundación Manos Voluntarias, por brindarme la oportunidad y la confianza de realizar la práctica profesional y con esta aplicar los conocimientos adquiridos durante mi carrera y acogerme de una forma tan grata y placentera. Quiero expresar también mis sinceros agradecimientos al Ingeniero ALVARO IGNACIO MORALES GONZALES por brindarme la asesoría y parte de su tiempo acompañándome en los procesos realizados en la Fundación Manos Voluntarias, compartiendo sus conocimientos y la confianza puesta en mi trabajo. ~ 3 ~

4 TABLA DE CONTENIDO AGRADECIMIENTOS... 3 LISTAS DE GRAFICAS... 6 RESUMEN... 7 RESUMEN... 7 ABSTRACT... 7 INTRODUCCIÓN PRESENTACIÓN DE LA ORGANIZACIÓN O SITIO DE PRÁCTICA RESEÑA HISTORICA VISIÓN MISIÓN VALORES Relaciones satisfactorias ante una comunidad Velar por el bienestar de la sociedad Velar por el buen desarrollo de las comunidades más vulnerables humor Creatividad SERVICIOS OFRECIDOS POLÍTICAS DE CALIDAD NUMERO DE PERSONAL QUE CONPONE LA JUNTA PRESIDENTE VICEPRESIDENTE TESORERO FISCAL SECRETARIO DEFINICIÓN DE LAS LÍNEAS DE INTERVENCIÓN ~ 4 ~

5 3 DIAGNÓSTICO DEL ÁREA DE INTERVENCIÓN O IDENTIFICACIÓN DE LAS NECESIDADES EJE DE INTERVENCIÓN Identificar los problemas a solucionar Llevar a cabo la recolección de toda la información necesaria para desarrollar esta página web Desarrollar la pagina web JUSTIFICACIÓN DEL EJE DE INTERVENCIÓN OBJETIVOS OBJETIVO GENERAL OBJETIVO ESPECIFICO MARCO TEORICO DEFINICIÓN OPERACIONAL DE TÉRMINOS CRONOGRAMA DE ACTIVIDADES PLANEADAS PRESENTACIÓN Y ANÁLISIS DE LOS RESULTADOS Casos de usos INTERFACES NO FUNCIONALES MAPA DEL SITIO Planilla de comprobación funcional INTERFACES FUNCIONALES CONCLUSIONES RECOMENDACIONES BIBLIOGRAFÍA ~ 5 ~

6 LISTAS DE GRAFICAS Grafica 1. Cronograma Grafica 2. Casos de ver Inicio Grafica 3. Casos de ver Misión Grafica 4. Casos de ver Visión Grafica 5. Casos de ver Reseña Histórica Grafica 6. Casos de ver Equipo Grafica 7. Casos de usos ver contacto Grafica 8. Casos de usos administrador Web Grafica 9. Interfaz no funcional de Inicio Grafica 10. Interfaz no funcional de Misión Grafica 11. Interfaz no funcional de Visión Grafica 12. Interfaz no funcional de Reseña Histórica Grafica 13. Interfaz no funcional de Equipo Grafica 14. Interfaz no funcional de Contacto Grafica 15. Plantilla de verificación funcional Grafica 16. Interfaz funcional de inicio Grafica 17. Interfaz funcional de Misión Grafica 18. Interfaz funcional de Visión Grafica 19. Interfaz funcional de Reseña Histórica Grafica 20. Interfaz funcional de Equipo Grafica 21. Interfaz funcional de contacto Grafica 22. Interfaz funcional de formulario ~ 6 ~

7 RESUMEN RESUMEN El informe de la práctica tiene como objetivo mostrar y dar a conocer a la fundación manos voluntarias por medio de una página web que les permitirá a los usuarios poder exponer sus propuestas a desarrollar por medio de la fundación manos voluntarias. Ya que por medio de esta página web lo que busca la fundación manos voluntarias es poder generara un mejor acercamiento entre otros departamentos y municipios para así poder gestionar sus labores sociales más fáciles. ABSTRACT The practice report aims to show and publicize the foundation willing hands through a website that will allow users to present their proposals to develop the foundation through willing hands. Because through this website which seeks the voluntary Hands Foundation is to generate a better approach from other departments and municipalities in order to manage their social tasks easier. ~ 7 ~

8 INTRODUCCIÓN Esta nueva aplicación web lo que busca es poder brindarle a la fundación Manos Voluntarias la oportunidad de ser vista desde cualquier parte del mundo. Ya que la Fundación Manos Voluntarias es una Fundación privada sin ánimo de lucro y de este modo poder encontrar más corporaciones, empresas o entidades privadas que estén dispuestas a gestionar algunos de los proyectos con los que cuenta la fundación Manos Voluntarias. Ya que por medio de esta aplicación web los usuarios se podrán ver su misión, visión, reseña histórica, el grupo de personas que asen parte de la Fundación y la persona con la cual se pueden poner en contacto y proponer sus proyectos. ~ 8 ~

9 1. PRESENTACIÓN DE LA ORGANIZACIÓN O SITIO DE PRÁCTICA 1.1 RESEÑA HISTORICA La Fundación Manos voluntarias es una entidad privada, sin ánimo de lucro, oficialmente constituida el 17 de Junio de 2011, derivando su capital de donaciones del sector privado colombiano. Abrió sus puertas en la sede del barrio EL JAPON Dosquebradas, el 3 de marzo de 2012, los benefactores, las directivas, el cuerpo médico, los proveedores y todas las personas con las que cuenta la fundación. Desde entonces han prestado un invaluable e interrumpido servicio a la comunidad. Fue así como a partir de una idea de varios líderes de la comunidad del barrio el Japón, se empezó a gestionar la creación de la FUNDACION MANOS VOLUNTARIAS, ya que empezaron a notar que en el sector no contaba con mucha oportunidades, no existía una entidad con la cual pudieran contar para resolver y desarrollar sus proyectos. ~ 9 ~

10 1.2 VISIÓN Es fomentar y propiciar procesos de desarrollo integral, formulando, gestionando y ejecutando planes, programas y proyectos que permitan el fortalecimiento social, económico, político y cultura de la sociedad. ~ 10 ~

11 1.3 MISIÓN Fomentar, planear, contratar y/o ejecutar por sí misma, o en convenio con otras entidades gubernamentales y no gubernamentales, nacionales o extranjeras programas y proyectos a nivel municipal, departamental y nacional propuestas pedagógicas, metodológicas y didácticas destinadas a la protección, bienestar y seguridad de los niños, los jóvenes, las mujeres y los adultos mayores en el marco de la participación comunitaria y en la obtención del bienestar general de las personas. ~ 11 ~

12 1.4 VALORES La fundación manos voluntaria cuenta con los siguientes valores para llevar a cabo sus actividades y hacerse reconocer ante la sociedad, los cuales son: Relaciones satisfactorias ante una comunidad Velar por el bienestar de la sociedad Velar por el buen desarrollo de las comunidades más vulnerables humor Creatividad 1.5 SERVICIOS OFRECIDOS La fundación manos voluntarias ofrece los servicios de ayuda a la comunidad 1.6 POLÍTICAS DE CALIDAD La administración estará orientada a generar mayores niveles de credibilidad, confianza y participación de la comunidad, como resultado de una atención cálida y oportuna de sus requerimientos, por parte del talento humano comprometido con el servicio, conllevando al mejoramiento integral de la calidad de vida e incremento del nivel de satisfacción de esta, generando un desarrollo ordenado y sostenible. 1.7 NUMERO DE PERSONAL QUE CONPONE LA JUNTA La junta de la fundación manos voluntarias está conformada por 5 personas, donde cada unas de estas personas cumple o tienen algún cargo específico como: ~ 12 ~

13 1.7.1PRESIDENTE VICEPRESIDENTE TESORERO FISCAL SECRETARIO 2. DEFINICIÓN DE LAS LÍNEAS DE INTERVENCIÓN El practicante se ubicara en el área de desarrollo de software. 3 DIAGNÓSTICO DEL ÁREA DE INTERVENCIÓN O IDENTIFICACIÓN DE LAS NECESIDADES A simple vista se puede notar que la fundación es una organización sin ánimo de lucro, la cual apenas lleva año y medio de estar prestando sus servicios en las comunidades. Es por tal razón que la fundación busca la forma de obtener su propio portal web ya que con este servicio brinda más cobertura a las personas que les pueda colaborar en sus necesidades y así por medio de este poder llagar a otros municipios, darse a conocer en otros ciudades y poder llegar a ellas. 4 EJE DE INTERVENCIÓN En esta parte con lo que se pretende intervenir es con el desarrollo página web y los puntos a desarrollar son los siguientes: ~ 13 ~

14 4.1 Identificar los problemas a solucionar. 4.2 Llevar a cabo la recolección de toda la información necesaria para desarrollar esta página web. 4.3 Desarrollar la pagina web. 5 JUSTIFICACIÓN DEL EJE DE INTERVENCIÓN Para la fundación es muy importante que este proyecto se lleve a cabo ya que la fundación busca es poder darse a conocer en otras partes y que mejor que utilizar las tecnologías que hoy en día nos están embarcando en mundo donde la internet es muy visita por los jóvenes, niños y personas mayores de edad. Esto es un paso muy importante para la fundación porque en varias ocasiones quiso poder realizar este proyecto y por ser una fundación sin ánimo de lucro contaban con muy pocos recursos para llevar a cabo este proyecto. Y lo mejor de todo este proyecto es que es muy útil para la fundación ya que para la comunidad es muy bueno que la fundación cuente con un recurso como este, porque por medio de este se podrán llevar a cabo muchas actividades que la sociedad solicite. ~ 14 ~

15 6 OBJETIVOS 6.1 OBJETIVO GENERAL Crear una página web donde la fundación manos voluntarias pueda darse a conocer. ~ 15 ~

16 6.2 OBJETIVO ESPECIFICO Poder mostrar la visión y la misión de la fundación manos voluntarias. Brindar la oportunidad de que los usuarios puedan descargar su formulario de solicitud. Mostrar las personas por las que está conformada la fundación manos voluntarias. ~ 16 ~

17 7 MARCO TEORICO APLICACION: es una aplicación web diseñada para brindarles opciones a ciertas comunidades vulnerables. Un acompañamiento para gestionar proyectos productivos, obras de infraestructura, educación y su bienestar social. DOMINIUM: Es una forma de identificación que está asociada a un grupo de computadoras conectadas a Internet. El propósito de los nombres de dominio de Internet y del sistema de nombres de dominio (DNS) es traducir una dirección IP (Es una etiqueta numérica que identifica, de manera lógica y jerárquica, a una interfaz de un dispositivo habitualmente una computadora dentro de una red que utilice el protocolo IP (Internet Protocol), que corresponde al nivel de red del protocolo TCP/IP.) de cada computadora conectada a ellos a términos faciles de encontrar. Este tipo de abstracción posibilita que cualquier servicio de red pueda moverse de un lugar a otro en la red. Un dominio o nombre de dominio es el nombre con que es identificado un sitio Web. Cada dominio tiene que ser único en Internet. No esta permitida la duplicidad. Por ejemplo el dominio es diferente al dominio Un servidor único de la Web puede alojar y servir a muchas páginas Web de diferentes dominios, pero un dominio puede apuntar solo a un servidor. Si no hubiese sido ideado el sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a la página Web tecleando la dirección IP de la página Web. Cuando inicio el servicio de Internet, se tenía que hacer de esta forma, puesto que no eran muchas páginas que estaban activas en la Web. Un ejemplo de ello es en vez de utilizar en lugar de Los dominios están compuestos de tres partes. Las tres W que significan World Wide Web, el nombre del dominio (HOLA) y el tipo de organización (.COM) Existen diversos tipos de organizaciones, los más comunes son.com (comercial),.net (Network),.edu (educación),.org (organización). Internet se basa en direcciones IP y no de dominio, cada servidor Web necesita de un servidor de nombres de dominio (DNS) para poder traducir de los nombres de los dominios a direcciones IP. Un dominio tiene un servidor de nombre de dominio primario y uno secundario. ~ 17 ~

18 HISTORIA DE LOS DOMINIOS: Symbolics es una empresa de informática ubicada en Massachusetts, Estados Unidos, esta empresa registro el dominio symbolics.com, el primer nombre de dominio de Internet, la fecha de registro oficial fue el 15 de marzo de 1985, el dominio aun está en funcionamiento. Estas direcciones deben de ser únicas en el ciber espacio y no se popularizo su uso hasta muchos años después. En aquellos tiempos, nadie parecía querer poseer un dominio. Solamente cinco se registraron en Como es de suponerse, los primeros 100 dominios registrados pertenecen a empresas de computación. Apple registró el dominio número 64, el 19 de Febrero de 1987, Microsoft esperó hasta 1991 para comprar el suyo, por su parte IBM y Sun registraron su dominio el mismo día de marzo de 1986, ese mismo año, Intel y AMD se unieron a la lista de empresas en tener dominio propio. 1 El Hosting o Alojamiento está compuesto por 2 secciones: la primera es una sección técnica, en la que están los Servidores y su Centro de Control y la segunda sección es la administrativa. En nuestro caso concreto, la técnica se encuentra en Houston, Texas (USA), y la administrativa se encuentra en la ciudad de Washington (USA). Los Servidores son los únicos sistemas capacitados y equipados para poder operar en Internet. Cuando una página web se diseña, o cuando se crea una simple dirección de correo, debe ser subida (enviada) a través de un computador corriente, que esté direccionado a los Servidores, para que la potencia de los servidores permita que ese correo o esa página web pueda funcionar y ser vista en Internet. El Hosting es un servicio que automáticamente queda arrendado en la fecha en la que se adquiere cada Dominio. El Hosting comprende los siguientes cuatro (4) servicios: Espacio en disco duro Tráfico en internet Estadísticas Darlo a conocer ustedes ante el mundo ESPACIO EN DISCO DURO Arriendo o alquiler, de un espacio físico en el disco duro de los servidores, para asi poder almacenar el correo, los textos, todas las ~ 18 ~

19 fotografías y demás material grafico que tenga su sitio web. Es el sitio donde se maneja su correo y donde queda guarda su página web. Ese espacio que se alquila tiene lógicamente un costo. TRÁFICO EN INTERNET Alquiler del servicio de enviar -los Servidores- la página web al sitio del mundo donde alguien haya hecho clic para entrar a ella. El tráfico que implica el correo está incluido dentro de este concepto general. Las páginas web están siempre estacionadas en los servidores, esperando a que en algún lugar del mundo alguien las solicite, o que alguien envíe un . En el instante en que una persona pide su página mediante un clic, o digitando su dirección de web o de correo, a una velocidad superior a la del teléfono se envía una señal al Servidor donde esa página está alojada, y el servidor le retorna lo que se haya solicitado: puede ser una página o una fotografía que desean agrandar, o cualquier otro tipo de petición, como también podría ser una comunicación por . Ese trabajo del Servidor de estar enviando la información de su website a donde la soliciten, implica erogaciones de dinero por varios conceptos como el mantenimiento diario que requiere todo ese sistema, sueldos de ingenieros y técnicos, amortización de costos de locales, desgaste de maquinaria, y electricidad entre otros, y por ello mismo también tiene para usted un costo. ESTADÍSTICAS Servicio de Estadísticas Integrales para reflejar la totalidad del movimiento, y en general, el comportamiento que está teniendo su website. De forma adicional, es el Hosting el que se encarga de suministrar y manejar todas las cuentas de correo ( ) que se precisen. El servicio está complementado por 37 herramientas que le facilitan a usted el control total del website y del correo. Cuando usted lo solicite se le dará una clase sobre este manejo, un nombre de usuario y un código secreto para que usted pueda acceder cuando lo desee, a ese panel de control que, como decíamos, le permitirá saber cuántas personas están entrando a su página web y muchísimos otros tipos de información relativa a la actividad de su website. Este tercer servicio, que incluye estadísticas, el correo junto con autorrespondedores para los correos entrantes y distintos tipos de filtros anti-spam, más las otras 37 herramientas, tiene su costo. 2 ~ 19 ~

20 MICROSOFT VISUAL STUDIO Microsoft Visual Studio es un potente entorno de desarrollo integrado para sistemas operativos Windows que asegura código de calidad durante todo el ciclo de vida de la aplicación, desde el diseño hasta la implementación. Soporta varios lenguajes de programación y permite a los desarrolladores crear aplicaciones, sitios y aplicaciones web, así como servicios web en cualquier entorno que soporte la plataforma.net (a partir de la versión.net 2002). Así se pueden crear aplicaciones que se intercomuniquen entre estaciones de trabajo, páginas web y dispositivos móviles. 3 VISUAL STUDIO 2010 PROFESSIONAL La herramienta esencial para las personas que realizan tareas de desarrollo básico. Visual Studio 2010 Professional simplifica la compilación, la depuración y el despliegue de las aplicaciones en una variedad de plataformas incluyendo SharePoint y la Nube. También viene con el soporte integrado para el desarrollo con pruebas y con las herramientas de depuración que ayudan a garantizar unas soluciones de alta calidad. 4 DISEÑ/O WEB El término "diseño web" se refiere a la actividad que consiste en estructurar los elementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización. Se trata de una etapa de diseño virtual más que de diseño funcional (ergonomía, navegación). El objetivo del diseño web es realzar la imagen de una compañía u organización a través de elementos gráficos con el objeto de reforzar su identidad visual y despertar una sensación de confianza en el usuario. Aún así y junto con el criterio de ergonomía, un sitio web debe, sobre todo, cubrir las expectativas del usuario y permitirle encontrar fácilmente la información que busca. Por eso, el diseño web consiste en encontrar un término medio entre una presentación que tenga gráficos impresionantes -y que le proporcione a la compañía tanto credibilidad como imagen de marca- y una presentación simple y sencilla que permita a los usuarios encontrar lo que están buscando. Por extensión, el término diseñador web se refiere a la persona cuyo trabajo es diseñar sitios web. ~ 20 ~

21 ORGANIZACIÓN DE LA PÁGINA Generalmente al diseñar un sitio web se crean plantillas que se usan como modelo. Las plantillas son imágenes en "carbónico" o páginas web que representan el esquema gráfico de un modelo de página. La estructura tradicional de una página web es la siguiente: Un logotipo ubicado en la esquina superior izquierda. Los usuarios pueden hacer clic en la mayoría de los logotipos y volver a la página de inicio. Un menú localizado a la derecha o a la izquierda. Un encabezado que contiene el nombre del sitio web, un banner de navegación y un área reservada para un banner (publicitario o de otro tipo). El cuerpo principal de la página que contiene la mayor parte de la información. Un pie de página que incluye información útil como ser, la última actualización, un vínculo a un formulario de contacto, un vínculo al mapa del sitio, etcétera. TAMAÑOS DE LA PÁGINA El tamaño de una página web depende principalmente de la definición que tenga la pantalla del usuario (no de su resolución). Teniendo en cuenta el ancho, es preferible seleccionar un tamaño menor que la definición horizontal de la pantalla de la mayoría de los visitantes para que éstos no tengan que desplazar la pantalla con la barra de desplazamiento. Una página angosta permite a los visitantes hojear la información fácilmente para encontrar lo que les interesa. Con respecto al largo, es aconsejable no exceder de tres a cinco veces la altura de la pantalla. De hecho, las páginas excesivamente largas corren el riesgo de no leerse por completo y además toma mucho tiempo descargarlas. Existen varias estrategias para garantizar que la página se vea de manera óptima en la mayoría de los equipos de los visitantes: ~ 21 ~

22 Elegir el ancho más pequeño admitido por la mayoría de los equipos (por ejemplo: entre 600 y 800 píxeles de ancho). Elegir una página que contenga tablas invisibles con ancho variable (definido por porcentaje). Usar un script (por ejemplo, JavaScript) para detectar la resolución de la pantalla del usuario y redireccionarlo a una página con el ancho adecuado. Este método requiere que el visitante utilice un navegador con JavaScript activado y la creación de tantas páginas como anchos solicitados. EL POSICIONAMIENTO DE LA INFORMACIÓN Cómo se posiciona la información es un elemento importante en el diseño web. Si se tiene en cuenta la dirección en la que los usuarios leen la información (en diagonal desde la esquina superior izquierda hacia la esquina inferior derecha), la información que esté ubicada en la parte superior de la página tendrá más probabilidades de ser leída por los usuarios de Internet. 5 8 DEFINICIÓN OPERACIONAL DE TÉRMINOS INTEL: Empresa multinacional aliada de Microsoft fundada por Gordon E. Moore y Robert Noyce en Fabrica microprocesadores, entre otros dispositivos electrónicos. Se trata del mayor fabricante de micros para computadoras personales. 6 AMD: Advanced Micro Devices, Inc. es una compañía estadounidense de semiconductores radicada en Sunnyvale, California. Desarrolla microprocesadores. 7 WEB SITE: Se entiende como una web site al conjunto de textos, gráficos, fotografías, sonidos o videos que unidos a otros elementos análogos como pueden ser banners o hipervínculos y que han sido creados para su exposición en la Red para que sean visionados por terceros a través de un navegador. 8 EROGACIONES: Son los desembolsos en efectivo. Se consideran erogaciones tanto los gastos como las inversiones que realice el ~ 22 ~

23 contribuyente en un año de calendario sea cual fuere el nombre con que se les designe. 9 HOSTING: es un negocio que consiste en alojar, servir, y mantener archivos para uno o más sitios web. Más importante que el espacio del ordenador que se proporciona para los archivos del sitio web es la conexión rápida a Internet. 10 ANTI-SPAM: Aplicación o herramienta informática que se encarga de detectar y eliminar el spam y los correos no deseados. 11 SPAM: es todo aquel correo electrónico que contiene publicidad que no ha sido solicitada por el propietario de la cuenta de SHAREPOINT: Microsoft SharePoint Designer es un editor web para el diseño de sitios web desarrollado por Microsoft exclusivos para sitios SharePoint y parte de los productos de la familia SharePoint. 13 ERGONOMÍA: El término ergonomía proviene de un vocablo griego y hace referencia al estudio de los datos biológicos y tecnológicos que permiten la adaptación entre el hombre y las máquinas o los objetos. 14 SCRIPT: Los scripts son un conjunto de instrucciones generalmente almacenadas en un archivo de texto que deben ser interpretados línea a línea en tiempo real para su ejecución, se distinguen de los programas, pues deben ser convertidos a un archivo binario ejecutable para correrlos. 15 IP: Protocolo para la comunicación en una red a través de paquetes conmutados, es principalmente usado en Internet. Los datos se envían en bloques conocidos como paquetes de un determinado tamaño. El envío es no fiable; se llama así porque el protocolo IP no garantiza si un paquete alcanza o no su destino correctamente. 16 PROTOCOLO TCP/IP: TCP/IP son las siglas de Protocolo de Control de Transmisión/Protocolo de Internet (en inglés Transmission Control Protocol/Internet Protocol), un sistema de protocolos que hacen posibles servicios Telnet, FTP, , y otros entre ordenadores que no pertenecen a la misma red. 17 ~ 23 ~

24 9 CRONOGRAMA DE ACTIVIDADES PLANEADAS Actividades JULIO AGOSTO SEPTIEMBRE OCTUBRE NOVIEMBRE DICIEMBRE 1º 2º 3º 4º 1º 2º 3º 4º 1º 2º 3º 4º 1º 2º 3º 4º 1º 2º 3º 4º 1º 2º 3º 4º identificador del problema a solucionar recolector de datos desarrollo del aplicativo primer avance segundo avance entrega final Grafica 1. Cronograma ~ 24 ~

25 10 PRESENTACIÓN Y ANÁLISIS DE LOS RESULTADOS 10.1 Casos de usos Grafica 2 AUTORES: Luis Miguel Carmona Ruiz FECHA: 1/12/2012 ACTOR: usuario NOMBRE: inicio DESCRIPCION: Con este servicio el usuario podrá ver el pantallazo inicial SECUENCIA NORMAL SECUENCIA ALTERNATIVA 1. Evaluar la dirección web del pantallazo de inicio 2. Muestra el resultado 1. Vuelve a solicitar la dirección web del pantallazo de inicio Grafica 3 AUTORES: Luis Miguel Carmona Ruiz FECHA: 1/12/2012 ACTOR: usuario NOMBRE: Misión DESCRIPCION: Con este servicio el usuario podrá ver el pantallazo Misión SECUENCIA NORMAL SECUENCIA ALTERNATIVA 1. Evaluar la dirección web del pantallazo de Misión 2. Muestra el pantallazo de Misión 1. Vuelve a solicitar la dirección web del pantallazo de Misión ~ 25 ~

26 Grafica 4 AUTORES: Luis Miguel Carmona Ruiz FECHA: 1/12/2012 ACTOR: usuario NOMBRE: Visión DESCRIPCION: Con este servicio el usuario podrá ver el pantallazo Visión SECUENCIA NORMAL SECUENCIA ALTERNATIVA 1. Evaluar la dirección web del pantallazo de Visión 2. Muestra el pantallazo de Visión 1. Vuelve a solicitar la dirección web del pantallazo de Visión Grafica 5 AUTORES: Luis Miguel Carmona Ruiz FECHA: 1/12/2012 ACTOR: usuario NOMBRE: Reseña Histórica DESCRIPCION: Con este servicio el usuario podrá ver el pantallazo Reseña Histórica SECUENCIA NORMAL SECUENCIA ALTERNATIVA 1. Evaluar la dirección web del pantallazo de Reseña Histórica 2. Muestra el pantallazo de Reseña Histórica 1. Vuelve a solicitar la dirección web del pantallazo de Reseña Histórica ~ 26 ~

27 Grafica 6 AUTORES: Luis Miguel Carmona Ruiz FECHA: 1/12/2012 ACTOR: usuario NOMBRE: Equipo DESCRIPCION: Con este servicio el usuario podrá ver el pantallazo Equipo SECUENCIA NORMAL SECUENCIA ALTERNATIVA 1. Evaluar la dirección web del pantallazo de Equipo 2. Muestra el pantallazo de Equipo 1. Vuelve a solicitar la dirección web del pantallazo de Equipo Grafica 7 AUTORES: Luis Miguel Carmona Ruiz FECHA: 1/12/2012 ACTOR: usuario NOMBRE: Contacto DESCRIPCION: Con este servicio el usuario podrá ver el pantallazo Contacto SECUENCIA NORMAL SECUENCIA ALTERNATIVA 1. Evaluar la dirección web del pantallazo de Contacto 2. Muestra el pantallazo de Contacto 1. Vuelve a solicitar la dirección web del pantallazo de Contacto ~ 27 ~

28 Grafica 8 AUTORES: Luis Miguel Carmona Ruiz FECHA: 1/12/2012 ACTOR: Administrador NOMBRE: Administrador DESCRIPCION: En este servicio se muestra al administración de la pagina web SECUENCIA NORMAL SECUENCIA ALTERNATIVA 1. Asignar las respectivas direcciones a cada pantallazo de la pagina 2. Evaluar las direcciones respectivas de cada pantallazo de la pagina 3. Muestra los pantallazos de la pagina 1. Verificar las asignaciones respectivas de cada pantallazo de la página. 2. Volver a evaluar las direcciones respectivas. 3. Mostrar nuevamente los pantallazos ~ 28 ~

29 10.2 INTERFACES NO FUNCIONALES Grafica 9 Grafica 10 ~ 29 ~

30 Grafica 11 Grafica 12 ~ 30 ~

31 Grafica 13 Grafica 14 ~ 31 ~

32 10.3 MAPA DEL SITIO o [Menú principal] Inicio Misión Visión Reseña histórica Equipo Contacto o [Inicio] [Logo] o [Misión] [Ver Misión] o [Visión] [Ver Visión] o [Reseña Histórica] [Ver Reseña Histórica] o [Equipo] [Ver Equipo] o [Contacto] [Ver Contacto] [Ver Formulario] ~ 32 ~

33 10.4 Planilla de comprobación funcional. FUNCIONES SI NO Botón inicio X Botón Misión X Botón Visión X Botón Reseña Histórica X Botón Equipo X Botón Contacto X Botón Formulario X Grafica 15 ~ 33 ~

34 10.5 INTERFACES FUNCIONALES Grafica 16 Grafica 17 ~ 34 ~

35 Grafica 18 Grafica 19 ~ 35 ~

36 Grafica 20 Grafica 21 ~ 36 ~

37 Grafica 22 ~ 37 ~

38 CONCLUSIONES Es de vital importancia para cualquier organización, corporación o fundación darse a conocer ante el mundo, ya que de esta manera puede lograra a que sus empresas puedan contar con mejores oportunidades que los ayuden a crecer más. Algunas veces al pasar de la teoría a la práctica, es necesario llevar hasta el límite el cumplimiento de ciertas normas establecidas en los libros, en pro de maximizar la funcionalidad de la aplicación. Se ganó una experiencia formidable, ya que en el transcurso de la práctica se contó con personas que ayudaron a que la estancia fuera grata, y de esta manera se ganó bases para tener en cuenta como es verdaderamente la vida laboral y el trato con los compañeros. ~ 38 ~

39 RECOMENDACIONES La Fundación Manos Voluntarias, no cuenta con un departamento de sistemas que dicte las directrices a seguir a nivel de desarrollo tecnológico de la organización, Así mismo, se carece de un control de licenciamiento y unas políticas de seguridad adecuadas para la protección de la información, en muchos casos crítica. Por otra parte también es importante que la fundación Manos Voluntarias pueda contar con una base de datos con la cual puedan brindar una mejor forma a la hora de manejar su información. ~ 39 ~

40 BIBLIOGRAFÍA OK HOSTING SC SUS MÉDICOS VISUAL STUDIO VISUAL STUDIO PROFESSIONAL editions/professional/overview KIOSKEA ID php ~ 40 ~