IMPLEMENTACION DE UN SITIO WEB PARA LA EMPRESA MANTSERVARCA

Transcripción

1 MANSERVARCA UNIVERSIDAD NACIONAL EXPERIMENTAL DE GUAYANA VICERRECTORADO ACADÉMICO COORDINACIÓN DE PREGRADO COORDINACIÓN DE PASANTIAS MANTENIMIENTO Y SERVICIOS VARIOS, C.A IMPLEMENTACION DE UN SITIO WEB PARA LA EMPRESA MANTSERVARCA Informe de pasantías presentado ante la Universidad Nacional Experimental de Guayana como requisito final para optar al título de Técnico Superior en Computación Tutor Académico: Autor: Ing. Marvin Millán Bachiller Cristian Moreno Tutor Industrial: C.I.: Ing. Jorge Mistaje Puerto Ordaz, Junio 2012

2 Universidad Nacional Experimental de Guayana Vicerrectorado Académico Coordinación General de Pregrado Coordinación de Pasantías Mantenimiento y Servicios Varios, C.A Implementación de un sitio Web para la empresa MANTSERVARCA Informe de pasantías presentado ante la Universidad Nacional Experimental de Guayana como requisito final para optar al título de TSU en computación Ing. Marvin Millán Tutor Académico Ing. Jorge Mistage Tutor Industrial Ciudad Guayana, junio de 2012

3 Índice pp. INTRODUCCIÓN 5 1. DESCRIPCIÓN DE LA EMPRESA 9 Mantenimientos Y Servicios Varios, C.A (MANTSERVARCA) 9 Misión 10 Visión 10 Objetivo 11 Objetivos Específicos 11 Descripción General del Departamento de Sistema SITUACIÓN PROBLEMA OBJETIVOS DE LA PASANTÍA Y PLAN DE TRABAJO. 16 Objetivo General 16 Objetivos Específicos 16 PLAN DE TRABAJO LOGROS DEL PLAN DE TRABAJO. 24 Tipo de la Investigación 24 Investigación Proyectiva 24 Diseño de la Investigación 24 Diseño de Campo y Documental 24 Área Objeto de Estudio 25 Población y Muestra 25 Técnicas aplicadas para la Recolección de Datos 25 Observación Directa 26 Entrevistas no Estructuradas 26 Revisión Documental 27 Metodología 28 Metodología para Creación de Sitios Web Análisis: 30

4 Selección de Objetivos 31 Selección de usuario 31 Expectativas de usuario 32 Expectativas de la Organización Planificacion: 33 Requerimientos Técnicos Selección de Software: Selección de Hardware: Selección del Equipo de Trabajo: 35 Estructura de Navegación del Sitio Web: 35 Estructura Jerárquica Contenido: Diseño: Programación: 44 Base de Datos 44 Diseño de la Base de datos Testeo: DIFICULTADES Y FACILIDADES ENCONTRADAS DURANTE EL PROCESO DE DESARROLLO DE PASANTÍA APRECIACION SOBRE LOS CONOCIMIENTOS ADQUIRIDOS DURANTE EL PROCESO DE PASANTIA. 55 CONCLUSIONES 56 RECOMENDACIONES 57 Glosario de Términos 58 Referencias Bibliográficas 60 Anexos 61

5 Índice Figuras pp. Figura 2: Diseño de sitio web. 20 Figura 3: Diseño de sitio web con menús desplegables. 20 Figura 4: Topología en estrella, prototipo MANTSERVARCA 34 Figura 5: Estructura Jerárquica de Navegación 36 Figura 7: Diseño del sitio web, bloque Menú 39 Figura 8: caso de uso General del sito 41 Figura 9: caso de uso General del sito 42 Figura 10: caso de uso, Usuario administrador 43 Figura 12: Pagina principal del sitio web. 47 Figura 13: Menús del sitio web 48 Figura 14: Bloque de inicio de sesión 49 Figura 14: Testeo de errores del sitio web en Google Chrome 51 Figura 15: Testeo de errores en la muestra del menú del sitio web en Google Chrome 52 Figura 16: Testeo de errores en la muestra del menú del sitio web en Mozilla Firefox _ 53

6 Índice Tablas pp. Tabla 1: Ficha de caso de uso, uso general del sitio web 41 Tabla 2: Ficha de caso de uso, Usuario autenticado 43 Tabla 3: Ficha de caso de uso, Usuario autenticado 44 Tabla 4:t_contenido 45 Tabla 5:t_usuario 46 Tabla 6:t_ _usuario 47

7 INTRODUCCIÓN En la actualidad la mejor forma para las empresas darse a conocer al mundo es a través del internet, ésta es una herramienta de crucial importancia para el negocio, considerando que la mayoría de los responsables de compras en los principales mercados internacionales de la industria ya se de productos o servicios, utilizan a éste como herramienta fundamental de su proceso de compra, por ende la presencia y visibilidad en internet se vuelve esencial para cualquier organización. No es necesario un sitio web tan sofisticado, pero sí que transmita una imagen profesional, con información clara y actualizada de los productos y servicios ofrecidos, también que permita lograr los objetivos de la organización y sobre todo que permita el contacto y comunicación con los clientes actuales y potenciales. Una de las empresas que se ha percatado de los beneficios que aporta un sitio para una compañía es MANTSERVARCA, el departamento de sistema se ha propuesto la idea de ubicar esta organización en la red de redes, internet, para que trascienda más allá de sus metas y sea conocida mucho más a fondo por sus clientes, y asimismo tener una forma de contacto, para que los clientes puedan acercarse a la compañía a través de un sitio web. La empresa MANTSERVARCA, nace con la Asociación de profesionales con amplia experiencia Orientada hacia el Campo Industrial, con la finalidad de prestar sus servicios y cubrir la demanda de una empresa que integre actividades de ingeniería, automatización/control, montaje y puesta en marcha de sistemas y equipos de control e instrumentación. Capacitada para ofrecer asesoría especializada y desarrollar proyectos llave en mano.

8 Este trabajo consta de las siguientes partes: Parte I: trata lo referente a la descripción de la empresa, misión, visión, objetivo y departamento donde se desarrolló la pasantía. Parte II: definición del problema que originó el estudio, situación o necesidad presente en la empresa y a la que se desea dar solución. Parte III: presentación de los objetivos de la pasantía y descripción del plan de trabajo. Parte IV: resultados alcanzados en el plan de trabajo. Parte V: exposición de las facilidades y dificultades encontradas durante el proceso de desarrollo de la pasantía. Parte VI: apreciación de los conocimientos adquiridos durante el proceso de pasantía tanto a nivel teórico como práctico. Por último se presentan conclusiones, recomendaciones, glosario de términos, referencias bibliográficas y los anexos.

9 1. DESCRIPCIÓN DE LA EMPRESA Mantenimientos Y Servicios Varios, C.A (MANTSERVARCA) La Empresa Mantenimientos Y Servicios Varios, C.A (MANTSERVARC.A), nace con la Asociación de profesionales con amplia experiencia Orientada hacia el Campo Industrial, con la finalidad de prestar sus servicios y cubrir la demanda de una empresa que integre actividades de ingeniería, automatización/control, montaje y puesta en marcha de sistemas y equipos de control e instrumentación. Capacitada para ofrecer asesoría especializada y desarrollar proyectos llave en mano. Elevando cada día el nivel de su oferta, MANTSERVAR, C.A se apunta como la empresa líder en ofrecer soluciones integrales y una asesoría especializada a las Empresas del área industrial nacional, garantizando respuesta inmediata respaldada con un servicio de primera calidad. Como parte de su filosofía, la compañía está fuertemente orientada al Desarrollo y bienestar de sus recursos Humanos y promueve la participación de su personal en los beneficios de su gestión empresarial En los actuales momentos cuando la tecnología forma parte del crecimiento de cada empresa, sin duda alguna MANTSERVAR, C.A se convierte en su mejor aliado. 9

10 Misión MANTSERVAR., C.A es una empresa privada cuya misión es prestar Servicios Integrales de Ingeniería en Proyectos de Automatización y de Sistemas Integrados para la modernización de equipos y procesos, asegurando un servicio de calidad, proyectando una imagen de solidez y responsabilidad. Para ello MANTSERVAR, C.A se identifica con las necesidades de sus clientes para satisfacer de manera eficaz eficiente logrando niveles de Rentabilidad que le aseguran su supervivencia, su crecimiento y contribuyendo al desarrollo tecnológico y económico de la comunidad donde operamos. Como parte de su filosofía, la compañía está fuertemente orientada al Desarrollo y bienestar de sus recursos Humanos y promueve la participación de su personal en los beneficios de su gestión empresarial y promueve la participación de su personal en los Beneficios de su Gestión Empresarial. Visión Satisfacer el parque industrial con una oferta de servicios integrales, respaldada por un equipo profesional reconocido por su trayectoria en la ejecución de proyectos de calidad. 10

11 Objetivo Ofrecer un servicio integral, conjugando soluciones de elevado contenido tecnológico, con un constante entrenamiento de los recursos humanos en función de obtener la satisfacción total de nuestros clientes. Objetivos Específicos 1. Ofrecer soluciones integrales de ingeniería, suministro y puesta en marcha de sistemas industriales. 2. Incorporar tecnología de punta a los sistemas industriales instalados en la zona, ofreciendo un servicio de asesoría especializada, orientada a optimizar los procesos que allí se ejecuten. 3. Mantener en constante adiestramiento nuestro recurso humano, para estar a la vanguardia en el crecimiento y avance tecnológico, lo que nos permitirá elevar el nivel de los servicios prestados 4. Integrar a nuestra oferta de servicios las más prestigiosas y reconocidas marcas de componentes y equipos de automatización y control a nivel internacional. 11

12 La empresa se encuentra ubicada en la zona industrial Matanzas, Ciudad Guayana Estado Bolívar Venezuela; sobre el margen derecho del río Orinoco, a 17 kilómetros de su confluencia con el río Caroní y a 300 kilómetros de la desembocadura del río Orinoco en el océano Atlántico. empresa: En la figura 1, se puede visualizar la ubicación geográfica de la Figura 1: Ubicación Geográfica de MANTSERVARCA Estado Bolívar. Fuente google Maps 12

13 Descripción General del Departamento de Sistema. EL Departamento de Sistemas en este caso está conformado por cinco personas, un jefe de departamento, un analista de base de datos, un analista de investigación de operaciones, un técnico en computación, y un administrador de red. EL Departamento de Sistemas es de vital importancia dentro de la compañía ya que es el encargado de proveer a esta, de información, lo cual es indispensable para el desarrollo de los procesos de la empresa MANTSERVARCA. Opera dentro de los formatos apropiados en relación al ingreso de datos vía terminales u otros dispositivos. Detectar errores y duplicaciones, realiza las operaciones rutinarias básicas de un centro de cómputos (procedimientos de Backup, consolidaciones, verificación del funcionamiento de los sistemas necesarios para el desempeño del empresa). Se encarga de responder las consultas de los usuarios en relación a aplicaciones básicas. Construcción de guías de ayudas y capacitar al personal no informático en el uso de aplicaciones básicas (propias de la empresa) Gestionar estado y acceso a la red y administrar restricciones y excepciones establecidas por el jefe de seguridad informática. 13

14 2. SITUACIÓN PROBLEMA El posicionamiento en la Web viene representando un factor clave en el éxito comercial de las Empresas a nivel mundial, ya que cada vez es mayor el tráfico de visitas que llega a los sitios desde búsquedas realizadas a través de las páginas especiales a tales efectos como ser, Google, Yahoo, entre otras. Las oportunidades que presenta el posicionamiento Web a las empresas son muchas. Puede desarrollar una campaña de posicionamiento en buscadores con alguna empresa que actualmente esté en condiciones de ofrecer esta clase de servicio en forma solvente y a un costo moderado, es por ello, que actualmente casi todas las Organizaciones no importando su capacidad Empresarial, han venido utilizando esta herramienta. En el presente, nuestro país no ha escapado de este instrumento utilizándolo para darle importancia y publicidad a las empresas Venezolanas, no solo para fines Nacionales sino también para lograr su crecimiento a Nivel Mundial mediante la competitividad comercial, además de ello aprovechando los bajos costos que este representa. Según las estadísticas más recientes de CONATEL, existen unos usuarios de Internet en Venezuela, para una penetración de aproximadamente 13% de la población. Ciertamente la Internet en Venezuela, como en otros países, es un área muy dinámica, con cantidad de páginas web y proveedores de servicio que han surgido y desaparecido, por distintos motivos y diversas circunstancias, sin embargo existe un listado con varias decenas de empresas dedicadas al desarrollo de páginas y proyectos en la web a nivel Nacional. 14

15 Todo lo anterior expuesto demuestra que una organización venezolana no puede funcionar desconociendo los dinámicos procesos competitivos Empresariales, además de estar atentos a los inconvenientes que se pudieran presentar en cuanto a esta herramienta, tales como la usurpación de Empresas y la mala inversión en quienes asumen preparar estas páginas siendo un fraude. MANTSERVAR, C.A, una Empresa que nace con la Asociación de profesionales con amplia experiencia Orientada hacia el Campo Industrial, con la finalidad de prestar sus servicios y cubrir la demanda de una empresa que integren actividades de ingeniería, automatización, montaje y puesta en marcha de sistemas y equipos de control e instrumentación. Capacitada para ofrecer asesoría especializada y desarrollar proyectos llave en mano. Ha mantenido un nivel de Oferta limitado, a pesar del trabajo en cuanto a presentación comercial de su catalogo de Servicios, pues los costos en publicidad nacional son muy elevados y requieren constante atención con empresas externas. Además muchas veces, se presentan inconvenientes para mantener el contacto directo con su carpeta de clientes y la inclusión en una lista de empresas dedicadas a su rama de trabajo. En tal sentido, podemos tener las siguientes interrogantes: Es posible la creación de una Página Web para MANTSERVAR, C.A.? Es necesario la utilización de este Instrumento y mejora competitiva? Que herramientas necesita MANTSERVAR, C.A. para lograr la creación de una Página Web con diseño Internacional, de Calidad y respaldo? Esto a los fines de lograr la satisfacción de los proveedores y al mismo tiempo mantener el buen nombre de MANTSERVAR, C.A. como empresa Nacional. En los actuales momentos cuando la tecnología forma parte del crecimiento de cada empresa 15

16 3. OBJETIVOS DE LA PASANTÍA Y PLAN DE TRABAJO. Objetivo General Implementación de un sitio web para la empresa MANTSERVARCA. Objetivos Específicos Recolectar todos los requisitos e información necesaria para saber que debe de mostrarse en el diseño y además como debe de ser desarrollo éste. Diseñar con detenimiento el sitio web de acuerdo a los requisitos exigidos por la empresa. Codificar y realizar prueba de ajuste del sitio web. Publicación del sitio web en internet. PLAN DE TRABAJO A continuación se describe cada una de las actividades programadas y realizadas durante el período de pasantía: Actividad 1. Obtener todos los requisitos necesarios para el diseño del sitio web 16

17 Se inicia el proceso de obtención de los requisitos para conseguir el diseño más adecuado a las necesidades de la empresa MANTSERVARCA, es decir la forma más conveniente de cómo se presentaran los datos de ésta en el sitio web, Para esto se hará una reunión con el jefe de departamento de sistema, a él cual se le formulará una serie de preguntas concernientes a una entrevista no estructurada, para llegar en convenio al diseño más factible. Actividad 2. Recolectar toda la información referente a la empresa. Se recolecta por medio de registros de datos, guardados ya sea de forma electrónica o documental, y a través de entrevistas no estructuradas, toda la información perteneciente a la empresa MANSERCA, con el fin de acertar con precisión en la descripción de la empresa, sobre su plan estratégico, los servicios que ofrece, los contactos con los cuales se establecen las relaciones comerciales, experiencia de los trabajos realizados con anterioridad, fotos de éstos trabajos realizado, y alguna otra información de gran interés, todo esto con el objeto de tener la mayor cantidad de información posible para que ésta luego sea evaluada y publicada en el sitio web. Actividad 3. Evaluar la información que debe mostrarse en el sitio web de acuerdo a los requisitos que se obtuvieron 17

18 La información obtenida en la actividad anterior es evaluada. Se analiza y se verifica que corresponda con los procesos actuales de la empresa, se evalúan las fuentes por las cuales fueron tomados los datos, ya sea por medio de entrevistas o registros almacenados, para así luego hacer una elección veraz de la información, apegada a las normativas de la empresa, sin ningún tipo de ambigüedad. Actividad 4. Diseñar con detenimiento el sitio web de acuerdo a los requisitos exigidos por la empresa. Se diseña la maquetación que debe de llevar el sitio web de la empresa cumpliendo con los requisitos exigidos, aunado a esto se hacen representaciones de caso de uso para que se entienda el manejo del diseño obtenido del sitio web. Se realiza una reunión con el jefe de departamento de sistema para comprobar si el diseño se ajusta a lo estipulado anteriormente, se concuerdan los ajustes necesarios para el diseño. Además se establecen los datos de entrada del sitio web, ya que éste permitirá a los usuarios registrarse para hacer contacto con algunos de los administradores del sitio, para solicitar información referente a la empresa. Luego de esto se le da ejecución a la etapa de codificación. En las siguientes figuras podemos observar el diseño web que más se acerca a lo requerido por el usuario, cumpliendo así con todo lo estipulado en la primera actividad que habría de realizarse: En la primera figura se muestra un bosquejo inicial de la maquetación que debe de llevar el sitio web con respecto al diseño acordado. 18

19 En la segunda figura se puede observar la forma en que deben mostrarse los menús. En la segunda figura también se puede observa otros bloques necesarios para el sitio web, según el diseño correspondiente, como lo son el bloque de iniciar sesión, que permite al usuario luego de este haberse registrado correcta y satisfactoriamente, ingresar sus datos para dar inicio a su sesión. Coligado a esto se puede notar también el bloque de búsqueda, que permite realizar búsqueda de la información contenida en el sitio como por ejemplo información de la empresa, a contactos de la empresa o algunos otros datos de interés del usuario. También se puede ver un bloque de menú auxiliar que le permite al usuario navegar por todo el sitio, al igual que el menú horizontal de la barra de menús, estos son muy utilizados ya que muchas veces los usuarios se sienten más familiarizados con este tipo de menú. Los datos que se utilizan para la búsqueda puede ser cualquier concepto relacionado con alguna información, si el dato no concuerda con ningún otro del sitio entonces se mostrara un mensaje de error. Se toma en cuenta la validación de los datos del usuario al momento de iniciar la sesión, al no ser correctos estos se emite un mensaje de error informándole al usuario que los datos no corresponden, y que además tiene la opción de registrarse, 19

20 Figura 2: Diseño de sitio web. Figura 3: Diseño de sitio web con menús desplegables. 20

21 Actividad 5. Codificación del sitio web. Continuando con la siguiente etapa se elige los leguajes en los cuales se desarrollara el sitio web, en convenio con el jefe de departamento de sistema de éstos los que más tienden a descollar para el desarrollo del sitio son PHP, CSS, HTML, JAVASCRITP y MYSQL. Actividad 6. Realizar pruebas y ajustes del sitio web Las Pruebas del sitio web son realizadas por el personal del departamento de sistema y son hechas por etapas. Primera Etapa: El personal verifica que todo diseño concuerde con lo requerido, si éste es lo esperado y concuerda con las normas establecidas, con respecto al modo de navegar entre distintas paginas, si el traslado de una página otra es limpio, entiéndase por limpio sin retardos y sin errores de transmisión de los datos y si hay concordancia entre las páginas del sitio. Segunda Etapa: el personal inserta datos de prueba para ver los diferentes disparadores que se activan cuando los datos no son legítimos. En dado caso de no activarse se harán los ajustes necesarios para la verificación de los datos. Tercera Etapa: luego de haber hecho los todos los ajustes necesarios. Se vuelve a verificar que el sitio por parte del personal de sistema, certificando así éste para hacerlo público en la internet. 21

22 Actividad 7. Publicación del sitio web en internet. Se eligen los hosting más apropiados y con la mejor reputación que se encuentren en el mercado, aquellos que brinden la mayor seguridad posible, escalabilidad y garantía de disponibilidad de un noventa y nueve porcientos, para hacer una lista de todos esto y luego elegir el que más se ajuste a lo requerido por la empresa. Se pauta una reunión con el jefe del departamento de sistema para que la decisión sea tomada en conjunto con éste. Actividad 8. Realización del Manual de usuario del sitio web. Se Elabora el manual de usuario, por medio del cual se pretende instruir a los usuarios, para el manejo del sitio web. En este se coloca toda la explicación de cada una de las pantallas y de los bloque del sitio. Actividad 9. Elaboración del informe de pasantía, El informe de pasantía es elaborado, cumpliendo con los formatos y normas establecido por la Universidad, En éste se reflejara todo lo realzado en el campo de trabajo, porqué es necesaria la pasantía en la empresa, los objetivos de ésta, más la forma o metodología utilizada para el desarrollo de todas estas actividades, las recomendaciones de 22

23 la pasantía, las conclusiones que se obtuvieron de todo el proceso de pasantía, además también las referencias bibliográfica y por ultimo mas los anexos correspondiente a la pasantía en los cuales se localiza el plan de trabajo avalado por los tutores. 23

24 4. LOGROS DEL PLAN DE TRABAJO. Tipo de la Investigación Investigación Proyectiva Esta investigación intenta proponer soluciones a una situación determinada. Implica explorar, describir, explicar y proponer alternativas de cambio, mas no necesariamente ejecutar la propuesta. En esta categoría entran los proyectos factibles y todas las que conllevan el diseño o creación de algo. El término proyectivo está referido a proyecto en cuanto a propuesta; dentro de sus métodos esta la perspectiva implica ir en la planificación de la propuesta desde el presente hacia el futuro; por el contrario la prospectiva implica ubicarse en el futuro, diseñarlo y desde allí venir hasta el presente determinando los pasos para lograr el futuro concebido Diseño de la Investigación Diseño de Campo y Documental La presente investigación se enmarca dentro de un Trabajo de Campo y documental. De campo, debido que fue desarrollada en contacto con el objeto de estudio, lo cual permitió recopilar información 24

25 directamente de la fuente de donde provienen una gran cantidad de datos esenciales. Y además documental, ya que la obtención y análisis de algunos de los datos provienen de materiales impresos u otros tipos de documentos. Área Objeto de Estudio El área de objeto en estudio fue el departamento de sistemas, perteneciente al área de ingeniería. Población y Muestra La población de la investigación consta de poco más de 9 personas distribuidas entre las distintas aéreas de actividades del departamento. La muestra de esta población fue de 5 personas, en las cuales están el jefe del departamento, 3 coordinadores de aéreas del departamento y la asistente del jefe de departamento. Técnicas aplicadas para la Recolección de Datos Las técnicas aplicadas para la recolección de datos en la investigación fueron la observación directa, la entrevista y la revisión documental. 25

26 Observación Directa En el presente trabajo de investigación se aplicó la técnica de observación directa, debido a que se pudo reconocer directamente la situación problemática planteada por los usuarios y hacer el levantamiento de información de la misma. Hurtado (2000) habla de que, la observación es la primera forma de contacto o de relación con los objetos que va a ser estudiados. Constituye un proceso de atención, recopilación y registro de información, para el cual el investigador se apoya en sus sentidos (vista, oído, olfato, tacto. Kinestesicos, y cenestésicos), para estar al pendiente de los sucesos y analizar los eventos ocurrentes en una visión global, en todo un contexto natural, De este modo la observación no se limita al uso de la vista. Entrevistas no Estructuradas Por medio de este tipo de entrevista se hacen preguntas abiertas al personal del departamento del sistema con el fin de obtener la mayor cantidad de información posible de la empresa. Según V. Ander Egg, Ezequiel. En su libro Introducción a las Técnicas de Investigación Social Ed. Humanista, Buenos Aires, 1972., dice que una entrevista no estructurada o no formalizada es aquella en que existe un margen más ó menos grandes de libertad para formular las preguntas y las respuestas. 26

27 Revisión Documental Se realizaron múltiples investigaciones documentales, tanto en sitios Web como diferentes bibliografías. Los libros fueron de gran ayuda para la realización del diseño del sitio web, y las referencias web fueron importantes para el desarrollo. 27

28 Metodología Metodología para Creación de Sitios Web Es una metodología hibrida, desarrollada para procesos de diseños de aplicaciones web, denominada Metodología para Creación de Sitios Web, creada por la ingeniero Dely Maybel Gil Álvarez con un grupo de trabajos conformado por los siguientes técnicos egresados del Instituto Universitario de Tecnología de Valencia (IUTVal): T.S.U. Jonathan Camacho, T.S.U. Nisbeth Suarez, T.S.U. Josefina Herrera, T.S.U. Raymer Santiago, T.S.U Emilia Herrera, T.S.U. Miharbi Hernández. Esta metodología es producto de una recopilación bibliográfica y está basada específicamente en las fases de desarrollo propuestas en la obra Studio MX Creación de Sitios Web de los autores Green, Chilcott y Flick, publicado en el año La Metodología para la Creación de Sitios Web comprende las fases de: Análisis, Planificación, Contenido. Diseño, Programación, Testeo, Mercadeo y Publicidad. 1.- Fase de Análisis: A la hora del desarrollo de un sitio web se debe de dar respuesta a un grupo muy concreto de interrogantes, que permitirá aclarar y definir de manera básica las expectativas existentes en torno a la aplicación web e interacción que se va a generar. Dichas preguntas podrían ser las siguientes: 1. Se necesita realmente el sitio web? 2. Para qué se necesita el sitio web? 3. Qué es lo que buscan los usuarios en el sitio web? 28

29 4. Qué imagen se quiere proyectar con el sitio Web a los usuarios? 5. Qué servicios interactivos se integran a través del sitio web? 6. Con que recursos se cuenta para el desarrollo del sitio web? 7. Cuánto tiempo debe de ser invertido en el desarrollo del sitio web? 8. Qué impacto causara el sitio web en los usuarios? 2.- Fase de Planificación: Todo proyecto posee una fase de planificación. En ella se deben de definir cuáles son los requerimientos técnicos para este fin, miembros de equipo, seleccionar la estructura, planear un sitio bien organizado, y realizar estudios de mercadeo comparativo. 3.- Fase de Contenido: Según Green, Chilcott y Flick, 2003, p. 41 Básicamente el éxito de un sitio web se debe a su contenido. El contenido del sitio web será probablemente una combinación de la información que actualmente posee y de la que se tendrá que crear. Es conveniente presentar el contenido de acuerdo a los objetivos planteados para desarrollar el sito, y que la información a plasmar cubra las necesidades e intereses del público a quien va dirigido. 4.- Fase de diseño: En esta fase se realiza el diseño del sitio web, este supone un trabajo extenso y detallado, puesto que abarca no solo la interacción de múltiples elementos, como tecnología multimedia, sino que abarca también su integración con una estructura lógica basada en el propósito del sitio. Representando una labor que va mas allá de una simple presentación visual de información, 29

30 Green, Chilcott y Flick, 2003 p. 110 dicen que el diseño es más una estructura comunicacional diseñada según los objetivos planteados y condicionadas para satisfacer las necesidades e inquietudes de sus potenciales usuarios. 5.- Fase de programación: Esta etapa corresponde a la utilización de herramientas web. En este punto es primordial seleccionar las lenguajes de programación en los que se desarrollara el sitio web, las bases de datos definirá el sitio estático y cual será dinámico. 6.- Fase de testeo: Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del sitio web con usuarios que vayan a utilizar el sitio web. 7.- Fase de Mercadeo y Publicidad: En esta fase se debe tomar en cuenta los derechos de autor. A continuación observaremos el desarrollo de la metodología de un Sitio Web 1.- Análisis: Se obtienen todos los requisitos necesarios para la implementación del sitio web, para que la planificación sea totalmente óptima, y concuerde con el tiempo establecido, y además se seleccionan los objetivos de mayor peso en el proyecto. 30

31 Selección de Objetivos Los objetivos seleccionados se realizan siguiendo el resumen de objetivos propuestos por Green, Chilcott y Flick, (2003) donde establecen tres puntos primordiales para esta selección, los cuales son definir los usuarios, lo que los usuarios esperan de la visita, y que se pretende comunicar a través del sitio web, a estos puntos se le denominara: selección de usuario, expectativas de usuarios, expectativa de la organización, desarrollados a continuación: Selección de usuario Los usuarios a los cuales se pretende llegar por medio del sitio web son todos aquellos que debido a difusiones posibles del sitio web en los campos o aéreas de la industria pública o privada, pretendan conocer más a fondo la empresa MANTSERVARCA, y además establecer contacto con ésta. Todo esto con el fin de que la empresa trascienda más allá de su mercado, y mejore la capacidad de contacto. Los perfiles de usuarios que se pretende manejar en el sitio web son tres, los cuales son, visitantes, autenticado, y administrador. Visitante: Este perfil de usuario es el más restringido, y solo le permite al usuario observar toda la información descriptiva de la empresa MANTSERVARCA, pero tiene la opción de poder registrarse, para que luego de esto se le haga la activación de la cuenta, dependiendo de los criterios del administrador si es posible activar la cuenta o no 31

32 Autenticado: Al poseer el usuario este perfil quiere decir que la cuenta ya ha sido activada anteriormente por el administrador y le es posible al usuario hacer uso de su cuenta. Este perfil de usuario es menos restringido, ya que este le permite al usuario poder hacer contacto con la empresa MANTSERVARCA, a través de un formulario de contacto existente en la pagina, sin embargo las opciones son muy reducidas, debido a que los requisitos de la empresa lo han establecido así. Administrador: este es el súper-usuario tiene control total del sitio web, éste realiza todo el manejo del sitio web, ya sea activación de cuentas, manejo de datos, manejo de la base de datos del sitio, manejo de las publicaciones que han de hacer en el sitio web de MANTSERVARCA, y el debido mantenimiento que ha de hacérsele al sitio web. Expectativas de usuario Se hace una búsqueda de los contactos de todos los clientes a los cuales la empresa le ha prestado servicio, y luego se determinan a través del contacto con los clientes de mayor importancia para la empresa MANTSERVRCA, como seria para ellos la mejor forma de encontrar el sitio web en internet, que les gustaría que apareciera en el sitio web, y además la forma en que les gustaría que apareciera lo anteriormente citado. 32

33 Expectativas de la Organización Se realizan una reunión con el personal del Departamento de sistema con el objeto de entablar una discusión de las expectativas que pueden tener estos con respecto la implementación del sitio web, y así llegar un acuerdo para establecer los límites de éste. Limites Generales: se establece la visión de los usuarios del sitio web, hasta donde llega capacidad de permisibilidad, y que puede hacer en el sitio web. Limites Específicos: se especifica las posibilidades de las distintas actividades, que puede tener la organización en el sitio web. 2.-Planificacion: Requerimientos Técnicos 1.- Selección de Software: - - Sistema Operativo: se que se utilizara para el desarrollo del sitio web será Windows 7. Esto por ser un sistema estable, bien calificado y agradable para el desarrollo de aplicaciones web. 33

34 - Editor Web: Komodo Edit 5.2 es el editor seleccionado para el desarrollo del sitio web, debido a su manejabilidad y además brinda comodidad para el desarrollo de aplicaciones web. - Servidor Web: el servidor web HTTP Apache es el seleccionado para la implementación del sitio web, - Navegador Web: El navegador que se utilizo fue Mozilla Firefox, dado que es el navegador estándar de la compañía. 2.- Selección de Hardware: - Equipo servidor: este será la estación de trabajo asignada para el desarrollo de la pasantía. Esto se debe a que la empresa no cuenta con IP asignadas para la realización de pruebas a nivel de extranet. Pero se cuenta con una red tipo estrella en la cual, cada terminal o nodo puede testear el sitio web y ver su desarrollo al paso del tiempo. Figura 4: Topología en estrella, prototipo MANTSERVARCA 34

35 3.- Selección del Equipo de Trabajo: - Equipo de Trabajo: En este caso por ser un proyecto de pasantía, el equipo de trabajo para el desempeño del mismo es forzado y no elegible. En este se cuenta con el jefe de departamento de sistema, y el analista de Bases de Datos, debido su experiencia el campo de desarrollo. Estructura de Navegación del Sitio Web: La estructura del sito web determina la manera en que los usuarios se trasladaran de una página a otra. Según Green, Chilcott y Flick, (2003), pág. 107, La base de un sitio web bien diseñado es un estructura definida con precisión. Estructura Jerárquica La estructura del sitio web a utilizar en la estructura jerárquica ya que le permite al usuario siempre estar ubicado, aunado a esto puede moverse con facilidad por el sito, gracias a todas las paginas le permiten retroceder a la página anterior, o en su defecto a la página de inicio. Siendo así esta una representación de una estructura tipo árbol, La siguiente imagen muestra la forma en cómo se relacionan las paginas, a través de un nodo principal, con la opción de regresar hacia atrás o al principio. 35

36 Figura 5: Estructura Jerárquica de Navegación 3.-Contenido: Para el sitio web se utilizara una combinación de contenido en el cual aparecerá la información más relevante encontrada en la investigación documental, en conjunto con aquella información obtenida por las entrevistas hechas al jefe del departamento de sistemas y al personal de éste departamento. En esta se eligió mostrar la descripción de la empresa, los servicios que presta, formas de contacto, galería de fotos de los trabajos realizados y experiencias de la empresa en otros trabajos. 36