UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO

Transcripción

1 UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO Nombre del Proyecto: DESARROLLO DE APLICACIONES CON ANIMACIÓN Empresa: GRAFICOM SISTEMAS Y SERVICIOS DE IMPRESIÓN Memoria que como parte de los requisitos para obtener el título de: INGENIERO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN Presenta: FEREGRINO MARTÍNEZ JOSÉ ANTONIO Asesor de la UTEQ M.C.C. Raúl García Pérez Asesor de la Empresa Lic. Antonio Espinosa Morales Santiago de Querétaro, Qro., Abril del

2 RESUMEN En este proyecto, se muestran los conocimientos del alumno y se deben desarrollar las aptitudes para lograr cumplir sus objetivos, en este caso se realizó un proyecto de sitio web, aquí se demostrarán las habilidades que tiene el estudiante para resolver dudas y problemas que se vayan generando durante la elaboración de un sistema, en este trabajo también se incluye la redacción de un manual de cómo darle mantenimiento al sitio web después de entregar el proyecto, esto con el fin de que el usuario pueda ir actualizando la página conforme su información vaya cambiando. El alumno deberá aplicar lo aprendido en su trayectoria académica para poder realizar el sitio web propuesto y tener experiencia en el ramo de las tecnologías de la información dirigida en aplicaciones web. 2

3 ABSTRACT In this project, show the student's knowledge and skills must be demonstrated to achieve compliance objectives, in this case was made a web site project, this will demonstrate the skills that the student has to answer questions and problems that arise generated during the development of a project, this work also includes writinga manual on how to maintain the website after submitting the project, this in orderthat the user can be updated as information will change. The students must implement their knowledge to make this project and haveexperience in the field of information technology aimed at web applications. 3

4 DEDICATORIAS A DIOS Por haberme dado la vida y llegar hasta este punto y haberme dado salud para lograr mis metas y objetivos, además de su infinita bondad y amor. A MIS PADRES Dedico el presente trabajo a mis padres que me vieron nacer y que su enseñanza y sus buenas costumbres han creado en mí sabiduría haciendo que hoy tenga el conocimientode lo que soy. Por haberme apoyado en todo momento, por sus consejos, sus valores, por la motivación constante que me ha permitido ser una persona de bien, pero más que nada, por su amor. Por los ejemplos de perseverancia y constancia que los caracterizan y que me han inculcado siempre, por el valor mostrado para salir adelante y por su amor. A MIS HERMANOS Agradezco a mis hermanos el apoyo que siempre me han brindado con su impulso,fuerza y tenacidad que son parte de mi formación, como muestra de gratitud les dedico el presente trabajo. A MI NOVIA Agradezco a mi novia, que en el transcurso de mi estancia en la Universidad Tecnológica de Querétaro me apoyo en todo momento, quien fue una de las personas que me inspiró a seguir y poder concluir con mis estudios. 4

5 AGRADECIMIENTOS Agradezco a la Universidad Tecnológica de Querétaro y a todas las personas que pertenecen a tan digna institución, que fueron parte de mi formación académica. Agradezco a la empresa Graficom Sistemas y Servicios de Impresión por la oportunidad y confianza que me brindaron para poder desarrollarmi proyecto de Estadía. Agradezco a quienes asesoraron la realización de la estadía y de esta memoria, al maestro Raúl García Pérez quien fue mi asesor por parte de la Universidad y a allic. Antonio Espinosa Morales, quien fungió como asesor por parte de la empresa Graficom Sistemas y Servicios de Impresión. 5

6 ÍNDICE RESUMEN ABSTRACT DEDICATORIAS AGRADECIMIENTOS ÍNDICE CONTENIDO DE IMAGENES.. 2 I. INTRODUCCIÓN. 3 II. ANTECEDENTES. 4 III. JUSTIFICACIÓN 5 IV. OBJETIVOS. 6 V. ALCANCES.. 7 VI. FUNDAMENTACIÓN TEÓRICA 8 SUITE ADOBE 8 SWISH MAX 3 8 XAMPP. 8 INTERNET.. 9 HOSPEDAJE Y DOMINIOS. 9 PLAN DE HOSPEDAJE WEB. 10 PLAN DE REGISTRO DE DOMINIOS. 11 VII. PLAN DE ACTIVIDADES 12 VIII. RECURSOS MATERIALES Y HUMANOS 13 ARQUITECTURA.. 13 SEGURIDAD.. 13 RECURSOS MATERIALES 13 RECURSOS HUMANOS 13 IX. DESARROLLO DEL PROYECTO X. RESULTADOS OBTENIDOS. 18 XI. POSIBLES RIESGOS DENTRO DEL PROYECTO. 20 XII. CONCLUSIONES. 21 XIII. RECOMENDACIONES XIV. BIBLIOGRAFÍA. 23 1

7 CONTENIDO DE IMÁGENES FIGURA 6.1Características de plan de hospedaje Web 10 FIGURA 6.2Plan de registro de dominios.. 11 FIGURA 7.1Calendario de actividades del proyecto 12 FIGURA 9.1Etapas del proyecto 14 FIGURA 9.2Propuesta 1 de esqueleto de sitio web. 15 FIGURA 9.3Propuesta 2 de esqueleto de sitio web. 15 FIGURA 9.4Imagen del prototipo del sitio web. 16 FIGURA 9.5Imagen del sitio web elegido por el cliente 16 FIGURA 10.1 Renta de espacios dentro de la página FIGURA 10.2 Lista de precios de espacios en renta. 18 FIGURA 10.3 Portada del manual de usuario. 19 2

8 I. INTRODUCCIÓN El trabajorealizado muestra cómo realizar un sitio web, desde los recursos humanos y recursos materiales que se utilizarán para el desarrollo del sistema como lo son, el hardware y el software, así como las personas que intervendrán en la realización del proyecto. Esto incluye el trabajo en equipo para verificar lo que se necesita para cumplir el objetivo general, el análisis, el diseño, el prototipo, el testing entre otros, también se realizará un plan de actividades para poder complementar con éxito el sistema, desde ver qué tipo de sitio web será, que en este caso es de información, el dominio, el hosting, etc., para poder terminar con éxito el proyecto. 3

9 II. ANTECEDENTES DE LA EMPRESA Graficom Sistemas y Servicios de Impresión. Objetivo profesional: Mejorar los sistemas de producción en las diferentes áreas de la Organización. Misión: La satisfacción total de nuestros clientes, mejorar los procesos de producción, así como nuestros servicios y productos Visión: Ser una empresa reconocida por nuestros clientes y competidores por la calidad nuestros de productos y servicios. Experiencia Profesional En 1987 Iniciamos operaciones en el área de las artes gráficas (diseño gráfico, impresión offset y serigrafía) con asesoría técnica del Centro de Estudios Tecnológicos industrial y de servicios no. 16 mexicano italiano. Productos que manejamos: Artículos promocionales tales como agendas, llaveros, playeras, calendarios, papelería en general, etc. Servicios que ofrecemos: Diseño Gráfico, desarrollo de imagen corporativa, diseño de páginas web. Impresión offset: Papelería fiscal electrónica e impresa (facturas, recibos de honorarios, arrendamiento, Notas de crédito y cargo, remisiones, carta porte) Papelería comercial: (Libros, revistas hojas membretadas, pólizas, volantes, folders, sobres, etc. Papelería Social: (Invitaciones de boda, XV años, graduación, 1ra. comunión, bautizo, 3 años, reconocimientos en diferentes materiales, etc.) Impresión serigrafía: (Tarjetas de presentación, llaveros, plumas, tazas, bolsas, gorras, etc. 4

10 III. JUSTIFICACIÓN Desarrollo Web: Se ha detectado que la posibilidad de gestión del contenido del sitio web corporativo de la empresa Graficom es muy limitada, ya que únicamente se permite que la sección de novedades y noticias sea verdaderamente dinámica y por tanto se actualice cada cierto tiempo. Además, los conocimientos necesarios para la gestión de los contenidos del sitio antes de iniciar el proyecto eran demasiados específícos y complejos. Es por esta razón que los integrantes de la compañía han solicitado una plataforma fácil de administrar. El personal de Graficom consultado ha dejado también patente la necesidad de actualizar el sitio web a nivel visual. Aplicaciones de gestión Se ha detectado la necesidad de incorporar a estas aplicaciones nuevas funcionalidades que permitan explotar las posibilidades que brindan los métodos de comercialización que se pretenden poner en práctica en el sitio web nuevo. Estos cambios se podrán incorporar al mantenimiento del sitema propuesto. 5

11 IV. OBJETIVOS Llevar las tecnologías de información al alcance de las empresas en la región. Desarrollar, rentar y / o vender soluciones de software y hardware. Brindar servicios de consultoría a empresas que les permitan automatizar y mejorar sus procesos y sistemas independientemente del área a la que pertenezcan. Dar ventajas competitivas a nuestros clientes. Hacer lazos con los clientes, para crecer juntos como empresas e ir dando pequeños pero firmes pasos en la automatizando y maduración de sus procesos. Trabajar con metodologías, herramientas y tecnologías de alta calidad para generar productos y servicios de igual o superior categoría. Desarrollar a todo el personal como profesionistas de calidad comprometidos con su trabajo, aprender y emprender cada día en sus actividades. 6

12 V. ALCANCES Trabajar con servidores y navegadores comunes con los que ya estamos familiarizados y que nos brinden un servicio de calidad. Permitir la fácil personalización de fuentes y colores, con el mismo esquema básico de diseño de página para una mejor visualización del desarrollo web. Tener la suficiente seguridad para evitar el abuso y robo de los sitios web. 7

13 VI. FUNDAMENTACIÓN TEÓRICA Herramientas a utilizar Adobe PhotoshopCS5 Adobe Photoshop es una aplicación para la creación, edición y retoque de imágenes. Es desarrollado por la compañía Adobe Systems. Se lanzó originalmente para computadoras Apple, pero luego saltó a la plataformawindows. Adobe Fireworks CS5 Es una aplicación en forma de estudio (basada por supuesto en la forma de estudio de Adobe Flash ) pero con más parecido a un taller destinado para el manejo híbrido de gráficos vectoriales con Gráficos en mapa de bits y que ofrece un ambiente eficiente para la creación rápida de prototipos de sitios Web e interfaces de usuario como para la creación y Optimización de Imágenes para web. Adobe Dreamweaver CS5 Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobre todo en lo que a productividad se refiere. Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías. Swish Max 3 Swish es un editor de animaciones Flash pero que no ocupa tanto como Macromedia Flash y con el que se pueden crear animaciones en un momento sin tener ni idea de cómo se utiliza el programa Flash. Simplemente se elige el texto a poner, se retoca un poco y añaden efectos. Insisto, muy fácil y enseguida te haces con él. XAMPP XAMPP es el acrónimo usado para describir un sistema de infraestructura deinternet que usa las siguientes herramientas: Windows, como sistema operativo Apache, como servidor web MySQL, como gestor de bases de datos PHP (generalmente), Perl, o Python, como lenguajes de programación 8

14 El uso de un XAMPP permite servir páginas HTML a internet, además de podergestionar datos en ellas, al mismo tiempo un XAMPP, proporciona lenguajes deprogramación para desarrollar aplicaciones web. Internet Digamos entonces que Internet es la red de redes, por la cual, millones de computadoras se pueden conectar entre sí. De esta, se puede extraer información a una escala nunca antes vista. También es conocida como la World Wide Web (www, prefijo bastante conocido por los que la navegan, ya que las direcciones ourls por lo general comienzan utilizándolo). Una red de computadoras es un conjunto de máquinas que se comunican a través de algún medio (cable coaxial, fibra óptica, radiofrecuencia, líneas telefónicas, etc.) Con el objeto de compartir recursos. De esta manera, Internet sirve de enlace entre redes más pequeñas y permite ampliar su cobertura al hacerlas parte de una "red global". Esta red global tiene la característica de que utiliza un lenguaje común que garantiza la intercomunicación de los diferentes participantes; este lenguaje común o protocolo (un protocolo esel lenguaje que utilizan las computadoras al compartir recursos) se conoce comotcp/ip. Así pues, Internet es la "red de redes" que utiliza TCP/IP como suprotocolo de comunicación. Internet es un acrónimo de INTERconected NET Works (Redes interconectadas). Para otros, Internet es un acrónimo del inglés INTERnational NET, que traducidoal español sería Red Mundial. Hospedaje y Dominios Internetworks es el Líder en Hosting Dedicado en México y uno de los tres proveedores de hosting más importantes delpaís cuenta con 16 años de experiencia en el mercado, activación rápida, centros de datos de clase mundial, entre otros. 9

15 Plan de Hospedaje Web Fig. 6.1 Características de plan de hospedaje Web. 10

16 Plan de Registro de Dominios Fig. 6.2 Plan de registro de dominios. 11

17 VII. PLAN DE ACTIVIDADES Fig. 7.1 Calendario de actividades a realizar dentro del proyecto. 12

18 VIII. RECURSOS MATERIALES Y HUMANOS Arquitectura El contenido del sitio web deberá poderse administrar mediante la utilización de cualquier navegador.la informacióndeberá estar almacenada en un sistema gestor de bases de datos relacionales, sobre el cual se puedan realizar futuras consultas no previstas en la actualidad. Seguridad El contenido del sitio web únicamente podrá ser modificado por aquellas personas autorizadas para ello.se podrán realizar copias de seguridad por separado y conjuntamente del contenido del sitio web y de la forma en que éste se mostrará. Normativas y/o estándares: el sitio web deberá cumplir con los estándares marcados por el World Wide Web Consortium (HTML, CSS, etc.)normativas y/o estándares: el sitio web deberá cumplir con las normas de accesibilidad marcadas por el World Wide Web Consortium (Web Accessibility Initiative). Recursos Humanos Para el equipo humano, el responsable del proyecto de desarrollo web debe procurar incorporar el mejor grupo disponible, para esto se utilizará de guía el perfil como actitud, habilidades entre otras para poder elegir al personal que colaborara en el proyecto. Recursos Materiales Los recursos materiales son con los que cuenta la empresa para poder realizar el proyecto de desarrollo de sitios web como lo son: Espacio de trabajo Mobiliario Ordenadores, comunicaciones, programas ofimáticos, impresora, entre otros. Materiales de oficina 13

19 IX. DESARROLLO DEL PROYECTO Para el desarrollo del sitio web se utilizó una metodología, para lograr los objetivos propuestos del proyecto, para poder realizarlo de manera exitosa a través de los siguientes pasos: Análisis Diseño Prototipo Desarrollo Testing Dominio y Hosting Publicación y Entrega E-Marketing Mantenimiento Fig. 9.1 En esta imagen se muestran las etapas que se realizaran para llevar un buen control y realizar un buen proyecto. Análisis:En esta primera etapa se analizan los requerimientos básicos del cliente, se define el objetivo del sitio y se estudia la factibilidad del proyecto. Considerando esto se elabora una propuesta en la cual se determina el alcance, y se estiman plazos y costos. Diseño: se define el sitio con máximo nivel de detalle, se generan modelos del aspecto gráfico, del contenido, y del funcionamiento. Estos modelos son prototipos del sitio y se elaboran con exactitud, se trabaja con el cliente evolucionándolos hasta que quede satisfecho con todos los aspectos. 14

20 Diseño de 2 propuestas para el Sitio Web Propuesta 1 El menú esta en horizontal, en la parte superior. Fig. 9.2 Propuesta 1 de esqueleto de sitio web Propuesta 2 El menú está en vertical, en la parte izquierda. Fig. 9.3 Propuesta 2 de esqueleto de sitio web 15

21 Prototipo: Es un bosquejo o modelo inicial a partir del cual se empieza a concebir y desarrollar la idea original del diseño del sitio web del cliente, se crean maquetas funcionales del sitio para definir como quedarán estructurados sus contenidos y el funcionamiento de los mismos. Fig. 9.4 Imagen del prototipo del sitio web. Desarrollo: Con el prototipo los programadores crean el código de programación necesario para la realización del sitio web. Fig. 9.5 Imagen del sitio web elegido por el cliente. 16

22 Testing: Una vez terminado el desarrollo del sitio web, se hacen pruebas visuales y de funcionamiento, primero por parte del equipo de trabajo y luego por parte del cliente, esto para verificar que el resultado final cumpla con los requerimientos antes definidos. Dominio y hosting: Cuando el sitio es aprobado por el cliente se procede a crear el hosting final donde se hospedará, se migra todo el sitio web desde el servidor de desarrollo y se enlaza con el dominio. Publicación y entrega: Cuando el sitio está en su hosting final, se le entrega al cliente todos los datos de acceso y capacitación necesaria para el uso del mismo. E marketing: Es una opción muy utilizada por las empresas para promocionar y difundir sus productos y servicios, aquí se incluyen palabras claves en los títulos y etiquetas para garantizar un buen posicionamiento en buscadores, se da de alta en Google Analytics para darle al cliente un control estadístico de uso del sitio. Mantenimiento: Es actualizar la página continuamente para un mejor funcionamiento, actualizar contenidos, añadir nuevas páginas, entre otras. 17

23 X. RESULTADOS OBTENIDOS Se desarrolló un sitio web acorde a los requerimientos y necesidades del cliente. En el sistema se desarrolló una publicación de venta de espacio en la que los usuarios podrán rentar un área en el sitio web, y así el cliente y los usuarios salen ganando. Fig Muestra la renta de un espacio en la página. Se desarrolló una página donde el usuario podrá ver el precio de la renta del espacio en la página web, así como una página para poder contactar y realizar cotizaciones. Fig Muestra la lista de precios de los espacios en renta de la página. 18

24 Se realizó un manual de usuario para que el cliente final pueda actualizar o cambiar su sitio web, la actualización se realizará cuando el cliente lo crea conveniente. Fig Muestra la portada del manual de usuario. La satisfacción de poder realizar un proyecto de calidad para el cliente, con la satisfacción y el agradecimiento de parte del cliente hacia mi persona. 19

25 XI. POSIBLES RIESGOS DENTRO DEL PROYECTO Un retraso en una tarea produce retrasos en cascada en las tareas dependientes. El presupuesto varía el plan del proyecto. Los espacios están disponibles pero no son adecuados (Ejemplo Falta de software o hardware necesario, cableado de la red, mobiliario, material de oficina, etc.) En el último momento, a los usuarios finales no les gusta el producto, por lo que hay que volver a diseñarlo y a construirlo. El cliente no acepta el software entregado, incluso aunque cumpla todas sus especificaciones. Las partes del proyecto que no se han especificado claramente, consumen más tiempo del esperado y retrasan el proyecto. El personal trabaja más lento de lo esperado y por consiguiente se retrasa el proyecto y aumenta el presupuesto del mismo. Un mal diseño implica volver a diseñar e implementar, esto implica dinero y tiempo perdido. 20

26 XII. CONCLUSIONES Con este proyecto se llegó a la conclusión que poniendo en práctica todos los conocimientos obtenidos en la Universidad, realizando un proyecto de calidad, siguiendo la metodología para poder realizar un trabajo con éxito, cumpliendo con los objetivos, metas y necesidades del cliente se finalizó de manera satisfactoria, así mismo contar con experiencia y poder continuar con el desarrollo de nuevos proyectos relacionados con la programación de sitios web. 21

27 XIII. RECOMENDACIONES Se recomienda darle mantenimiento al sitio web mínimo cada 6 meses También realizar juntas con el usuario (el cliente) con el fin de realizar cambios al proyecto realizado si es que surge alguna complicación o cambio de alguna información. Se recomienda capacitar al usuario (el cliente) de cómo darle mantenimiento al sitio web, así mismo realizar un manual de soporte al sistema. 22

28 XIV. BIBLIOGRAFÍA