UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO

Transcripción

1 UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO Nombre del proyecto: DISEÑO E IMPLEMENTACIÓN DE PÁGINA WEB Empresa: SISTEMAS INTEGRALES DEL CENTRO Memoria que parte de los requisitos para obtener el título de: TÉCNICO SUPERIOR UNIVERSITARIO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN ÁREA SISTEMAS INFORMÁTICOS Presenta: Molina Olvera Edgar Rubén Asesor UTEQ Ing. Carlos Humberto Yee Rodríguez Asesor de la Organización Ing. Daniel Contreras Favila Santiago de Querétaro, Octubre de

2 Resumen El presente documento muestra las actividades y procesos llevados a cabo para el desarrollo del proyecto DISEÑO DE PAGINA WEB. La implementación se basó en su portabilidad y adaptabilidad al entorno de negocios. En este documento se mostraran los pasos llevados a cabo para su instalación en el servidor de la empresa así como las evidencias de su posterior administración para facilitar el uso de la página, permitiendo realizar cambios futuros, teniendo la facilidad de realizarse nuevas versiones del proyecto para incluir nuevas cosas conforme pase el tiempo y la empresa vaya creciendo más. (Palabra clave: Implementación, portabilidad, adaptabilidad) 2

3 Description I'm doing my professional internship in the company "Center Systems", it offers four main services which are: technical support to computers, CCTV installation, web design and java applications, the place is a two-story building and there are four workers, I am a designer (web design). My immediate boss is the engineer Daniel Contreras who is 30, he is medium built and he has a relaxed personality but very committed to his work, he has brown eyes, he is sociable and opened to dialogue. 3

4 Índice Resumen... 2 Description. 3 Índice 4 I.- INTRODUCCIÓN... 5 II.- ANTECEDENTES. 5 III.- JUSTIFICACIÓN 6 IV.- OBJETIVOS.. 7 V.- ALCANCE.. 8 VI.- ANALISIS DE RIESGOS. 9 VII.- FUNDAMENTACIÓN TEORICA. 10 VIII.-PLAN DE ACTIVIDADES.. 12 IX.- RECURSOS MATERIALES Y HUMANOS 13 X.- DESARROLLO DEL PROYECTO XI.- RESULTADOS OBTENIDOS.. 32 XII.- CONCLUSIONES Y RECOMENDACIONES 32 XIII.- BIBLIOGRAFÍA. 33 4

5 I. INTRODUCCIÓN En la actualidad las empresas dedicadas a actividades comerciales, requieren del uso de sistemas que controlen sus procesos de trabajo, es por eso que se presentan opciones de uso gratuito tales como aplicaciones, diseño web o sistemas CRM (Administración basada en la Relación con los Clientes). En la medida que se alcanza el punto de vida más alto de una empresa, se debe comenzar a pensar en renovar o incrementar la eficiencia de los procesos, la infraestructura tecnológica tanto material como de software, recursos humanos, instalaciones, etc., así las empresas podrán prever acciones correctivas, y renovar la línea de vida de la misma. En el caso de pequeñas y medianas empresas como lo es Sistemas Integrales del Centro, se presenta la oportunidad de aplicar los sistemas antes mencionados, ya que son de uso gratuito y con una gran adaptabilidad para la implementación y uso del mismo. II. ANTECEDENTES Sistemas Integrales del Centro cuenta con 3 servicios de Negocio importantes; instalaciones de CCTV, Diseño web y software a medida y Soporte Técnico, las cuales hacen uso de un Sistema Administrativo basado en una plataforma Web y desarrollado en lenguaje PHP. 5

6 El sistema administrativo se encuentra alojado en el servidor de la empresa, por lo que es posible acceder desde cualquier computadora que se encuentre dentro de la red corporativa, sin embargo este sistema aún requiere implementaciones por lo cual presenta varias necesidades, entre ellas se encuentra la de diseñar una página web para darle más reconocimiento a la empresa y permitir el acceso de nuevos clientes, así como de tener la posibilidad de generar solicitudes de soporte remoto o soporte en sitio. Cabe mencionar que la empresa ya cuenta con una página web establecida en el servidor para un uso exclusivo de los empleados de la empresa Sistemas Integrales del Centro, pero se están presentando problemas entre los módulos establecidos de manera que se necesita implementar una nueva página que corrija los errores presentados. III. JUSTIFICACIÓN El desarrollar el proyecto de la página web para Sistemas Integrales del Centro aportara los siguientes beneficios: facilitar la consulta de información tanto de clientes como del personal de la empresa, también proporcionará un mejor control respecto a las citas programadas en las visitas a clientes o empresas, seguridad y confiabilidad en los datos. Y lo primordial de la página web es mantener a los clientes informados y satisfechos con los servicios que les proporciona la empresa. 6

7 Adicionalmente la página web contribuirá a mejorar la relación entre las áreas dentro de la misma empresa y posteriormente comercializar la venta de páginas web desarrolladas en joomla, permitiendo que otras empresas comiencen a trabajar de una manera especializada, y así mismo optimicen sus procesos. Así mismo, para el área administrativa es indispensable la página web, ya que le permitirá contar con una herramienta para obtener información rápida y oportuna ya que con la misma se llevará el control de cada una de las actividades que se desarrollan en una empresa, desde inventarios, instalaciones en curso y pendientes, unidades en patio, clientes morosos, cuentas por cobrar y pagos a proveedores. IV.OBJETIVOS Desarrollar e implementar la página web para la empresa Sistemas Integrales del Centro, cumpliendo con las expectativas del cliente, cubriendo todos y cada uno de los requerimientos dados por el mismo, implementando herramientas de desarrollo de software. 7

8 V. ALCANCES Desarrollar un página web en el que se de promoción de la empresa Sistemas Integrales del Centro, de los servicios que ofrece y demás actividades que se realizan dentro de la empresa, para llamar la atención de las personas y poder adquirir nuevos clientes, dejándolos satisfechos con los resultados. El desarrollo web pretende varias etapas, y en la primera etapa se diseñarán 5 módulos principalmente, los cuales se implementarán para quedar funcionando de manera local en el servidor de la empresa Sistemas Integrales del Centro, con los cuales se cubrirán sus necesidades, haciendo el diseño y la implementación adecuada para obtener mayor eficacia en la página web. 8

9 VI. ANÁLISIS DE RIESGO En la Tabla 1 se describen claramente las limitaciones o posibles barreras que impiden alcanzar los objetivos programados, junto con un porcentaje de retraso, dichas limitaciones pueden ser por diferentes factores. Núm. Descripción Porcentaje Solución 1 Tener Interrupciones de tiempo. 2 Tener una caída de la energía eléctrica. 3 Perder una parte de la información. 4 No tener respuesta inmediata de la empresa para realizar las pruebas. 5 Perder la información de la empresa y no tener un respaldo. 20 % Programar las actividades durante el día. 45 % Guardar los avances del proyecto y tener la batería cargada. 30 % Tener un respaldo de los avances de cada semana. 15 % Aclarar el propósito de dichas pruebas y su resultado. 100 % Rescatar la información en algún respaldo. Tabla 1. Análisis de Riesgos 9

10 VII. FUNDAMENTACIÓN TEÓRICA Las páginas web en la actualidad representan un medio muy importante en las empresas, ya que tienen como funcionalidad automatizar procesos indispensables en el ámbito laboral, para satisfacer las necesidades de los clientes. Las páginas web tienen que ver con reducción de costos, aumento de utilidades, mejora en el servicio e incremento en la promoción. La información es poder; la información estratégicamente preparada presenta una mejor imagen, brinda confianza, atrae a visitantes recurrentes y se convierte en una importante fuente de información sobre temas relacionados a su organización. Para la realización de este proyecto es necesario justificar teóricamente el uso de los siguientes sistemas, por lo que a continuación se describe de manera general las herramientas a utilizar. Joomla es un Sistema de gestión de contenidos (en inglés Content Management System, o CMS) que permite desarrollar sitios web dinámicos e interactivos. Permite crear, modificar o eliminar contenido de un sitio web de manera sencilla a través de un Panel de Administración. PHP es un lenguaje de programación de uso general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. 10

11 XAMPP es un servidor independiente de plataforma, software libre, que consiste principalmente en la base de datos MySQL, el servidor Web Apache y los intérpretes para lenguajes de script: PHP y Perl. HTML5 es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante XHTMLconocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml). MySQL es un sistema de gestión de base de datos relacional, multihilo y multiusuario, es muy utilizado en aplicaciones web, como Drupal o phpbb, en plataformas (Linux/Windows-Apache-MySQL-PHP/Perl/Python). 11

12 VIII. PLAN DE ACTIVIDADES A continuación en la Figura 1 se muestra el diagrama de Gantt que contiene todas las actividades que se realizaron para la conclusión de dicho proyecto Desarrollo de Página Web de la empresa Sistemas Integrales del Centro. Figura 1. Diagrama de Gantt de actividades 12

13 IX. RECURSOS MATERIALES Y HUMANOS En la Tabla 2 se enlistan los recursos materiales empleados para la realización del proyecto. Cantidad Concepto Descripción Especificaciones Técnicas 1 Computadora Para realizar el trabajo practico con los programas correspondientes y las modificaciones necesarias al sistema. - 1 GB de RAM. - 5 GB de espacio en disco duro. - Instalar Joomla. - Instalar Xampp. Tabla 2. Recursos Materiales Los Recursos Humanos con los que se cuenta para la realización del presente proyecto abarca el perfil de TSU en SISTEMAS, encargado de las configuraciones correspondientes. Los conocimientos que se requieren para dicho proyecto son: Programación en lenguaje PHP y HTML5. Manejo de base de datos MYSQL. Soporte técnico. 13

14 X. DESARROLLO DEL PROYECTO El proyecto se llevó acabo en la empresa Sistemas Integrales del Centro, que se encuentra ubicada en Prol. Zaragoza No. 2-20, Col. Mansiones del Valle QRO, como se puede observar en la Figura 2. DISEÑO DE PÁGINA WEB Figura 2. Empresa Sistemas Integrales del Centro Investigación y análisis de la Información. Esta parte tuvo como propósito conocer con que software y hardware se estaría trabajando para familiarizarse con ellos. Cabe mencionar que JOOMLA y el SERVIDOR necesitan de ciertos requerimientos de hardware y software para su 14

15 correcta administración, por lo que a continuación se presentan los requerimientos para cada uno de ellos. En esta etapa se adquirió la compra de un dominio en la red para que la página pueda ser encontrada y visualizada vía internet. Requerimientos Joomla. 1. Sistema operativo: Windows 7/8 2. Memoria RAM 1GB. 3. Espacio en disco 500 MB. 4. Apache Navegador de internet actualizado. 7. MySQL Community Server PHP Requerimientos Servidor. 1. Procesador 1 GHz. 2. Memoria RAM 1 GB 3. Espacio en disco 3 GB 4. Sistema operativo: Windows XP/7/VISTA 15

16 Análisis de la información La página web de sistemas del centro, está desarrollada en lenguaje PHP, y basado en una plataforma web, la cual puede ser accesada a través de cualquier navegador y desde cualquier terminal que se encuentre dentro de la red de Grupo Sistemas del Centro. Este sistema es el encargado de difundir la información de servicios que se ofrecen dentro de la empresa, así como la consulta del estatus de sus equipos mediante la página web, la misma que presenta un login y password para el administrador para que pueda realizar los cambios directamente a la página sin ningún problema. Establecer Configuraciones Actualmente el servidor ya está instalado en un CPU local, que se encuentra ubicado en el área de Soporte Técnico, por lo que no es necesario hacer ninguna instalación en otro CPU para contar con este recurso, y dentro del servidor ya se encuentran los programas necesarios para la elaboración de la página web. La configuración de un servidor virtual (Xampp) mediante el dominio adquirido ya trae integrado módulos por defecto, como lo son análisis, herramientas y configuración. 16

17 En la Figura 3 se muestra una de las pantallas básicas utilizadas en este desarrollo para la configuración de ciertos parámetros en específico del diseño web. Figura 3. Pantalla de Configuración de Xampp 17

18 Se configuro y activó una cuenta en Joomla para el administrador de la página (Figura 4), esto para que se pueda tener un control y no cualquier empleado pueda realizar cambios al diseño web o tenga acceso a la información respectiva que almacena la Base de Datos. Figura 4. Configuración de Cuenta de administrador 18

19 En la Figura 5 se muestra el Usuario: admin que corresponde al administrador de la página y un password encriptado para que solo la persona correspondiente conozca el acceso a esta zona y pueda cambiar las configuraciones del proyecto. Figura 5. Configuración de Cuenta de administrador 19

20 En la Figura 6 se muestra el entorno básico de las configuraciones de Joomla donde se encuentran las diferentes opciones y herramientas para poder realizar el diseño con las características correspondientes de la empresa. Figura 6. Configuraciones básicas de Joomla 20

21 En la Figura 7 se muestra la información correspondiente a la configuración del sistema que se maneja para este diseño, aquí se podrá encontrar las versiones utilizadas de los programas como PHP, la versión de MYSQL para la administración de la base de datos, el servidor que se utilizó para montar el diseño y realizar las pruebas correspondientes, y la versión de la plataforma de Joomla utilizada ya que es la principal herramienta para el diseño web de este proyecto. Figura 7. Configuraciones básicas del Sistema 21

22 En la Figura 8 se muestran las configuraciones más importantes de la versión de PHP utilizada en este diseño. Figura 8. Configuraciones básicas de PHP 22

23 La Figura 9 muestra la gestión de usuarios, aquí es donde se crean las nuevas cuentas y se puede modificar sus estatus de activo o deshabilitado para que puedan accesar o no a la información. Figura 9. Configuraciones de los usuarios en Joomla 23

24 La información de configuraciones de joomla quedo guardada en la base de datos del diseño web Sistemas Integrales del Centro. El programa de MYSQL que se manejó para la base de datos se protegió con un password encriptado para darle una mayor seguridad a toda la información almacenada dentro del sistema como se muestra en la Figura 10. Figura 10. Configuración de MYSQL con contraseña 24

25 Desarrollo de Módulos o Pantallas La Figura 11 muestra cómo se accedió a sistemasdelcentro.com.mx/cpanel/ donde después de ingresarse el usuario y la contraseña correspondiente se desplegó una ventana en la cual se visualizan herramientas que se utilizarón en la administración del diseño web ya que son parte del dominio contratado para que la página web pueda mostrarse a los clientes por medio de internet. Figura 11. Herramientas de Cpanel El diseño de la página web consta de 5 módulos, los cuales se irán mostrando y explicando su funcionalidad dentro de este diseño web para la empresa Sistemas Integrales del Centro. Pantalla Principal (INICIO) muestra que en este módulo se deja establecida la información referente de la empresa, Misión, Visión y Filosofía de Calidad, 25

26 información que representa parte de lo que es la empresa y lo que proyecta hacia sus clientes(figura 12). Figura 12. Pantalla Inicio 26

27 Pantalla Nuestra Empresa, en este módulo se muestra una galería significativa referente a la rama a la que se dedica la empresa Sistemas Integrales del Centro (ámbito Tecnológico) y las definiciones básicas e importantes de tecnología e innovación como lo muestra la Figura 13. Figura 13. Pantalla Nuestra Empresa 27

28 Pantalla Servicios, en este módulo quedaron establecidos todos los servicios que la empresa Sistemas Integrales del Centro ofrece a sus clientes, y para que las demás personas que observen la página de la empresa puedan ver lo que Sistemas Integrales del Centro les ofrece por si llegan a necesitar de algún servicio no duden en contactar a la empresa (Figura 14). Figura 14. Pantalla Servicios 28

29 Pantalla Proveedores, en este módulo se mencionan algunos proveedores de los más importantes dentro de la empresa Sistemas Integrales del centro, que son de suma importancia dentro del ámbito laboral de la empresa para satisfacer las necesidades de sus clientes (Figura 15). Figura 15. Pantalla Proveedores 29

30 Pantalla Contacto, en este módulo se deja establecida la dirección de la empresa por medio del servicio de Google Maps, para que los clientes que no recuerden bien la dirección de la empresa, la puedan localizar utilizando la ruta más viable para que lleguen a la empresa, también se agregó la opción de mandar desde este módulo el cual servirá para que los clientes estén en contacto con la empresa (Figura 16). Figura 16. Pantalla Contacto 30

31 IMPLEMENTACIÓN DE PÁGINA WEB Coordinar Pruebas Proyecto Terminado En esta etapa se realizó una serie de pruebas en diferentes equipos de la empresa, accediendo desde el equipo como administrador, para ver si se establecía la conexión. Así mismo se realizaron las pruebas correspondientes montando la página web de la empresa Sistemas Integrales del Centro al servidor y al dominio comprado, únicamente con privilegios locales para realizar las pruebas en la web y trabajar a prueba y error con la página, para solucionar posibles errores futuros. Coordinar Ajustes Finales del Proyecto y Entrega al Empresario Una vez realizadas las pruebas correspondientes se programó una junta con el Ing. Daniel Contreras Favila para mostrarle la funcionalidad de la página web de manera local, montada en el servidor de la empresa. 31

32 XI. RESULTADOS OBTENIDOS Esta primer etapa del proyecto cumplio con los objetivos del levantamiento de requerimientos y las necesidades del cliente dando como resultado el diseño e implementación de la página en el servidor local de la empresa. XII. CONCLUSIONES Y RECOMENDACIONES Se llegó a los objetivos planteados, la página web de la empresa Sistemas Integrales del Centro quedo diseñada e implementada en el servidor de la empresa de manera local, para que en un futuro se continúe con el proyecto y la próxima etapa sea montar la página web en un servidor de internet. A continuación se muestran algunas recomendaciones para asegurar el funcionamiento de la página web. -Llevar a cabo un seguimiento al mantenimiento preventivo de ambos sistemas (Servidor y Página web) y a los equipos de cómputo. -Realizar actualizaciones del software que se utiliza en el diseño web para mantener seguros ciertos procesos y que el sistema funcione a la perfección. -Realizar un respaldo de la información con la que se trabaja en caso de una mala función del sistema. 32

33 XIV. BIBLIOGRAFÍA - Alejandro Jiménez Méndez, Memoria técnica, disponible en internet: - HTML5, Manuales HTML5, disponible en internet: - Joomla, Manuales de Joomla 1.5, disponible en internet: - Normas A.P.A, Referencias Bibliográficas, disponible en internet: - JavaScript: Sitio web sobre ayudas en este lenguaje disponible en: 33