Preview only show first 10 pages with watermark. For full document please download

Informe Final Sobre Elaboración De Pagina Web

1. INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “ALTO MAYO” CARRERA PROFESIONAL DE COMPUTACIÓN E INFORMÁTICA “IMPLEMENTACIÓN DE UNA PÁGINA WEB PARA LA…

   EMBED


Share

Transcript

1. INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “ALTO MAYO” CARRERA PROFESIONAL DE COMPUTACIÓN E INFORMÁTICA “IMPLEMENTACIÓN DE UNA PÁGINA WEB PARA LA EMPRESA T&C “CONTRATISTAS Y SERVICIOS GENERALES S.R.L” PROYECTO PARA OPTAR EL TÍTULO DE PROFESIONAL TÉCNICO EN COMPUTACIÓN E INFORMÁTICA RESPONSABLES :  HUAMANHUAMAN, Saúl.  VERA DAVILA, Luis Esau.  BABILONIA SALDAÑA, Cinthya ASESOR : ING. VICTOR CÁRDENAS CAMPOS MOYOBAMBA - SAN MARTIN – PERÚ 2. 1 DEDICATORIA Los Autores. En primer lugar a DIOS, porque él es quien nos da la vida y nos guía en nuestro camino Hoy, Mañana y Siempre. A nuestros padres y familiares que Con esfuerzo y sacrificio han logrado que seamos Profesionales. 3. 2 AGRADECIMIENTO A Dios, A nuestros padres y familiares por compartir Nuevos e inolvidables momentos en nuestras vidas y a nuestra alma mater, por la formación Académica recibida. Las Autores 4. 3 INTRODUCCIÓN En la actualidad, la sociedad de la información y de la comunicación juega un papel muy importante en el desarrollo de la sociedad. Diariamente la información digital, es manejada por millones de personas sin importar su rango de edad, raza o religión. Los usuarios necesitan enfrentarse a la reducción de problemas, no solo como usuarios sino también proyectarse hacia un futuro, donde la creatividad y la innovación sean el enlace hacia su vida cotidiana, por eso la necesidad de crear instrumentos que ayuden a superar estos inconvenientes, teniendo en cuenta la importancia de las nuevas tecnologías en el mundo globalizado, La empresa T&C Contratistas y Servicios S.R.L en coordinación con un grupo de alumnos del I.E.S.T.P. “ALTO MAYO”, han detectado la problemática que presenta esta empresa al no poseer una página web y la utilidad que esta brindaría. El hecho de tener una página web es muy importante porque como institución con énfasis en las nuevas tecnologías es fundamental el poseer y manejar los recursos tecnológicos; ya que actualmente es indispensable manejar las TIC´S en todos los campos de acción. 5. 4 I. TÍTULO DEL PROYECTO Implementación de una página web para la empresa T&C “CONTRATISTAS Y SERVICIOS GENERALES S.R.L”. II. DIAGNÓSTICO Y JUSTIFICACIÓN 2.1. DIAGNÓSTICO Existen múltiples antecedentes de investigaciones acerca del desarrollo y aplicación de páginas web enfocados y desarrollados a la mejora de las empresas a nivel mundial, nacional y regional. En la actualidad tener una página web es la manera más barata de darse a conocer de manera continua, sin hacer un gran esfuerzo de inversión en otro tipo de publicidad, logrando el reconocimiento y prestigio, ya que hoy en día toda empresa de cualquier tamaño se ve en la necesidad de tener una presencia en internet para dar una buena imagen de prosperidad y futuro. Debido a los avances tecnológicos en que se encuentra en la actualidad la corporación mundial, estos han diseñado plataformas que permitan integrar las soluciones de manera globalizada. En la actualidad esta herramienta lo conocemos como el internet herramienta que permite a las organizaciones, ofrecer y vender sus servicios y productos. Es por ello que mediante el presente proyecto lo que se trata es de brindar una solución a una de las áreas más importantes del desarrollo de los países, facilitar a los clientes la información de la empresa a través del internet, motivo por el cual desarrollaremos una página web para la empresa T&C "Contratistas y Servicios Generales SRL”; que permita mejorar el desarrollo de sus actividades (informar a sus clientes los eventos que se realizarán u ofertas que puedan ofrecer) e integrar con los clientes una mejor comunicación informándoles constantemente de sus nuevos productos y servicios sin la molestia de otro tipo de publicidad más agresiva. Analizando actualmente de cómo se encuentra la empresa hemos podido identificar los siguientes problemas con que cuenta: 6. 5 No cuenta con un marketing específico: Y qué mejor forma de solucionar este problema creando la página web para aumentar espectacularmente el reconocimiento de su empresa o negocio por un inmenso número de empresas y personas (clientes potenciales), no solo locales, sino nacionales e incluso de todo el mundo. Ausencia de publicación de los servicios que ofrece: Esto es uno de los temas más preocupantes debido a que no tienen información publicada en ningún tipo de web para que la sociedad sepa y este informado de las actividades u ofrecimientos que puedan realizar como empresa. 2.2. JUSTIFICACIÓN El presente proyecto productivo surge como una necesidad de la empresa T&C "Contratistas y Servicios Generales SRL”, de contar con una página web que le permita atraer clientes; ya que una página web es la mejor carta de presentación para cualquier empresa; puede ser en muchos casos el mejor vendedor, ya que será visitada por millones de usuarios las 24 horas del día, obteniendo un costo de mantenimiento muy bajo a comparación con otros medios publicitarios. En el marco del desarrollo se pretende tener bien informado a todos los usuarios que interactúan con la página web, brindándoles información confiable y validada. Mejorando de este modo la imagen de la empresa principalmente a nivel del distrito, provincia y departamento. III. RESPONSABLES DEL PROYECTO  HUAMAN HUAMAN, Saúl.  VERA DAVILA, Luis Esau.  BABILONIA SALDAÑA, Cinthya ASESOR Ing. Victor Cárdenas Campos 7. 6 IV. BREVE DESCRIPCIÓN DEL PROYECTO El desarrollo e implementación del presente proyecto será el resultado de los conocimientos adquiridos durante la formación técnica profesional y la experiencia adquirida en cada una de las prácticas pre profesionales. Es por ello que el proyecto consiste en la creación de una página web implementado con la información básica y necesaria de la empresa T&C "Contratistas y Servicios Generales SRL”; y con módulo de gestión que permita atraer clientes hacia la empresa. La página web en la parte principal está estructurada con un encabezado con el nombre de la empresa, y los accesos directos a las redes sociales, seguido de una barra de menú donde irá el logo de la empresa y los botones de: Inicio, Empresa, Servicios, Clientes y Contacto. Cada cual con su respectivo link, seguido con un banner creado en jQuery y un cuerpo donde va ir la información de los servicios que brinda la Empresa. 4.1. HISTORIA DE LA WEB En un principio las páginas web eran sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la evolución más significativa, pero también debemos mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes. El diseño de páginas web se ha desarrollado a medida que ha evolucionado el internet. En 1992 sólo había alrededor de 50 sitios web. Las últimas estadísticas nos confirmaban que actualmente rondan los 8,000 millones de sitios web, a los que diariamente se les suma a raíz de 4400 por día. Rápidamente, su importancia alcanzará las mismas cuotas que la televisión o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de páginas colgadas y se espera que en los próximos años llegue a los 8 mil 8. 7 millones, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios (sólo alrededor de 15.000 sitios webs, el 0,4% del total). A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificados. Formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes. Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones a través internet y ha bajado su precio. A medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido. 4.2. WEB La World Wilde Web (literalmente telaraña de alcance mundial), es un sistema de documentos de hipertexto o híper-medios enlazados y accesibles a través de Internet. Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, videos u otros contenidos multimedia, y navegar a través de ellas usando hiperenlaces. 4.3. PÁGINA WEB Una página web es un sitio en internet al cual se accede a través de una dirección electrónica denominada URL y en el cual una empresa o institución muestra sus servicios o características a poténciales visitantes de acuerdo al interés de los mismos. 9. 8 4.4. INTERNET Es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial; y los exploradores son las herramientas que nos permiten ingresar al internet. Los principales navegadores: 4.4.1. FIREFOX MOZILLA.- Mozilla Firefox es un navegador de Internet libre y de código abierto descendiente de Mozilla Application Suite, desarrollado por la Corporación Mozilla, la Fundación Mozilla y un gran número de voluntarios externos. Firefox es un navegador multiplataforma y está disponible en varias versiones de Microsoft Windows, Mac OS X, GNU/Linux y algunos sistemas basados en Unix. Su código fuente es software libre, publicado bajo una triple licencia GPL/LGPL/MPL. Cuenta con el 22,47% del mercado de navegadores web en julio de 2009, por lo que es el segundo navegador más popular en todo el mundo, después de Internet Explorer. 4.4.2. GOOGLE CHROME Es un navegador web desarrollado por Google y compilado con base en componentes de código abierto como el motor de renderizado WebKit y su estructura de desarrollo de aplicaciones (framework), disponible gratuitamente bajo condiciones de servicio específicas. Cuenta con más de 310 millones de usuarios, y dependiendo de la fuente de medición global, puede ser considerado el navegador más usado de Internet. 10. 9 4.4.3. INTERNET EXPLORER Es el navegador de Internet más utilizado de la actualidad. Sin embargo no siempre es elegido como el mejor ya que se le reconocen falencias frente a otras opciones de exploradores Web. Este explorador gratuito de Microsoft está integrado a Windows y a medida que nuevas versiones fueron apareciendo, fue modernizándose e incorporando funciones innovadoras de sus competidores (como la tecnología RSS, o la exploración con pestañas rápidas, etc.). En cuanto al uso de pestañas debemos resaltar que es posible mostrar las miniaturas de las páginas de las pestañas que se encuentren abiertas y también es posible crear grupos de pestañas de manera fácil para abrir todo el conjunto cada vez que lo queramos. Si bien se anuncian mejoras en cuanto a la protección de datos no está catalogado como uno de los más seguros para el resguardo de información. 4.5. DOMINIO DE INTERNET Un dominio de Internet es un nombre de equipo que proporciona nombres más fácilmente recordados en lugar de la IP numérica. Permiten a cualquier servicio moverse a otro lugar diferente en la topología de Internet, que tendrá una dirección IP diferente. Un dominio se compone normalmente de tres partes: en www.masadelante.com, las tres “W” (www), el nombre de la organización (más adelante) y el tipo de organización (com). Tipos de organización: Son .com, .net, edu, gob, y .org, que se refieren a comercial, network, gobierno, y organización. (Originalmente sin ánimo de lucro, aunque ahora cualquier persona puede registrar un dominio .org). Puesto que Internet se basa en direcciones IP, y no en nombres de dominio, cada servidor web requiere de un servidor de nombres de dominio (DNS) para traducir los nombres de los dominios a direcciones IP. Cada dominio 11. 10 tiene un servidor digamos que cada máquina (ordenador personal o servidor) que está conectada a Internet es identificada mediante un número único llamado “dirección IP” (IP son las siglas en inglés de “Internet Protocolo” o “Protocolo de Internet”). 4.6. DOMINIO Es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red Internet. El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la red Internet, aun cuando el cambio implique que tendrá una dirección IP diferente.1 Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a cada servicio web utilizando la dirección IP del nodo (por ejemplo, sería necesario utilizar http://192.0.32.10 en vez de http://example.com). Además, reduciría el número de webs posibles, ya que actualmente es habitual que una misma dirección IP sea compartida por varios dominios. 12. 11 4.7. HOSTING O ALOJAMIENTO WEB El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet a un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web. Los Web Host son compañías que proporcionan espacio de un servidor a sus clientes. 4.7.1. TIPOS DE ALOJAMIENTO WEB El alojamiento web se divide en seis tipos: gratuitos, compartidos, revendedores, servidores virtuales, servidores dedicados y de colocación.  ALOJAMIENTO GRATUITO.- El alojamiento gratuito es extremadamente limitado cuando se lo compara con el alojamiento de pago. Estos servicios generalmente agregan publicidad en los sitios y tienen un espacio y tráfico limitado.  ALOJAMIENTO COMPARTIDO.- (sharedhosting).- En este tipo de servicio se alojan clientes de varios sitios en un mismo servidor, gracias a la configuración del programa servidor web. Resulta una alternativa muy buena para pequeños y medianos clientes, es un servicio económico y tiene buen rendimiento.  ALOJAMIENTO DE IMÁGENES.- Este tipo de hospedaje se ofrece para guardar tus imágenes en internet, la mayoría de estos servicios son gratuitos y las páginas se valen de la publicidad colocadas en su página al subir la imagen.  ALOJAMIENTO REVENDEDOR.- (reseller).- Este servicio de alojamiento está diseñado para grandes usuarios o personas que venden el servicio de Hosting a otras personas. Estos paquetes cuentan con gran cantidad de espacio y de dominios disponibles para cada cuenta.  SERVIDORES VIRTUALES.- (VPS, Virtual Private Server).- mediante el uso de una máquina virtual, la empresa ofrece el control de un ordenador aparentemente no compartido. Así se 13. 12 pueden administrar varios dominios de forma fácil y económica, además de elegir los programas que se ejecutan en el servidor. Por ello, es el tipo de producto recomendado para empresas de diseño y programación web.  ALOJAMIENTO DEDICADOS.- El término servidor dedicado se refiere a una forma avanzada de alojamiento web en la cual el cliente alquila o compra un ordenador completo, y por tanto tiene e el control completo y la responsabilidad de administrarlo. El cuidado físico de la máquina y de la conectividad a Internet es tarea de la empresa de alojamiento, que suele tenerlo en un centro de datos.  COLOCACIÓN (O HOUSING).- Este servicio consiste básicamente en vender o alquilar un espacio físico de un centro de datos para que el cliente coloque ahí su propio ordenador. La empresa le da la corriente y la conexión a Internet, pero el ordenador servidor lo elige completamente el usuario (hasta el hardware). 4.8. LENGUAJE DE PROGRAMACION WEB Es un idioma artificial diseñado para expresar procesos que pueden ser llevadas a cabo por máquinas como las computadoras. Pueden usarse para crear programas que controlen el comportamiento físico y lógico de una máquina, para expresar algoritmos con precisión, o como modo de comunicación humana. Está formado por un conjunto de símbolos y reglas sintácticas y semánticas que definen su estructura y el significado de sus elementos y expresiones. Al proceso por el cual se escribe, se prueba, se depura, se compila y se mantiene el código fuente de un programa informático se le llama programación. 14. 13 4.9. PRINCIPALES LENGUAJES DE PROGRAMACIÓN WEB 4.9.1. HTML HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. 4.9.2. PHP Personal Home Page – PHP, es un lenguaje de programación de uso general de script del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El código es interpretado 15. 14 por un servidor web con un módulo de procesador de PHP que genera la página Web resultante. PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que puede ser usada en aplicaciones gráficas independientes. PHP puede ser usado en la mayoría de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo. 4.9.3. JAVA SCRIPT JavaScript es el lenguaje de programación más popular en internet y trabaja en todos los navegadores más importantes, tales como Internet Explorer, Firefox, cromo, Opera y Safari.Se utiliza principalmente del lado del cliente (es decir, se ejecuta en nuestro ordenador, no en el servidor) permitiendo crear efectos atractivos y dinámicos en las páginas web. Los navegadores modernos interpretan el código JavaScript integrado en las páginas web. 4.9.4. ASP.NET ASP.NET es un framework para aplicaciones web desarrollado y comercializado por Microsoft. Es usado por programadores para construir sitios web dinámicos, aplicaciones web y servicios web XML. Esta construido sobre el Common Language Runtime, permitiendo a los programadores escribir código ASP.NET usando cualquier lenguaje admitido por el .NET Framework. 4.10. SERVIDOR WEB Un servidor web es un programa que se ejecuta continuamente en un computador, manteniéndose a la espera de peticiones de ejecución que le hará un cliente o un usuario de Internet. El servidor web se encarga de contestar a estas peticiones de forma adecuada, entregando como resultado una página web o información de todo tipo de acuerdo a los comandos solicitados. 16. 15 4.10.1. TIPOS DE SERVIDORES WEB  Apache: Este es el más común y más utilizado en todo el mundo. Además, es gratuito (cómo no), y de código abierto, así que podríamos decir que corre sobre cualquier plataforma.  Microsoft IIS: Sólo funciona sobre sistemas Windows. Si quieres empalarlo sobre otro sistema, tendrás que utilizar una máquina virtual.  Sun Java System Web Server: Este producto pertenece a la casa Sun, y suele empalarse sobre entorno de este sistema. Sin embargo, como Apache, es multiplataforma, y recientemente Sun ha decidido distribuirlo con licencias de código abierto (BSD) concret