30
DESARROLLO WEB

DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

Embed Size (px)

Citation preview

Page 1: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

DESARROLLO WEB

Page 2: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

PROYECTO FINALINTEGRANTES:

LEMUS RAZO LUCIAÁLVAREZ GUZMÁN LEOBARDO

CISNEROS LOZANO OTNIEL

Page 3: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

MISIÓN VISIÓN

Ser una empresa 100% mexicana que fabrique y comercialice productos de hule de calidad, logrando una alta rentabilidad para nuestros clientes y el usuario final al obtener un producto confiable en su uso, siendo nuestra relación comercial una actividad enmarcada en un ambiente de respeto y confianza, que genere lealtad con nuestros proveedores y colaboradores.

Ser una empresa competitiva en el mercado automotriz a nivel Nacional, ofreciendo productos de la más alta calidad a nuestros clientes, servicio y garantía que permitan a la empresa ser parte indispensable en el mercado.

Page 4: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

OBJETIVOS Y POLÍTICAS DE LA EMPRESA

Objetivos:Adaptarse a las necesidades de los clientes en todos los aspectos relacionados con el negocio automotriz.Políticas:Política GeneralTratar de llegar a todos los usuarios satisfaciendo sus expectativas y necesidades, para así llegar a obtener mayores ingresos, con el fin de maximizar nuestras utilidades. Políticas Específicas:Ser atento y cumplido con el cliente.Prestar servicios de la más alta calidad.Tratar a todos nuestros colaboradores por igual

Page 5: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

IDENTIFICACIÓN DE NECESIDADES

*Posicionarse en el mercado

*Competir en el mercado

*Generar ventas

*Mejorar publicidad

*Sincronización y comunicación entre proveedor y empresa

* Atención al cliente.

Con el objetivo fundamental de satisfacer correctamente las necesidades reales de la empresa.

Page 6: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

DEFINICIÓN DEL PROBLEMA

El principal problema actual es el no contar con un sitio web, para posicionarse en el mercado online, lo cual no le permite competir en el mercado.

Page 7: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

ALTERNATIVA DE SOLUCIÓN

La solución que nosotros proponemos a la empresa es la implementación de un sitio web que les ayude a promocionarse dentro del internet. Este sitio le permitirá llevar una base de datos sobre sus productos, la cual contendrá toda la información necesaria para una exitosa propaganda tanto de sus productos como de la empresa misma.

Page 8: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

REQUERIMIENTOS DE ALTO NIVEL

Un requerimiento de alto nivel que es indispensable es la conexión a base de datos( SQL, Access), uso de java, HTML, PHP, XML, ASP, para implementar nuestro diseño web. El usuario encontrara en su computador contenidos java siempre y cuando, cuente con una

conexión a internet y un navegador.

Page 9: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

REQUERIMIENTOS

Dado que estamos trabajando con una empresa de Hules automotrices los principales objetivos serian:Dar publicidad a la empresa como tal.Dar versatilidad en la divulgación y difusión de sus productos.Permitir en un tiempo determinado una expansión mercantil de la misma.

Page 10: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

HERRAMIENTAS

Utilizaremos Mysql para la base de datos y phpmy admin.

Utilizaremos java Scrip, Photoshop Cs3, Flash

Page 11: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

PLANEACIÓN

RECOPILAR TODA LA INFORMACIÓN PARA MI SITIOVACIARLAESTRUCTURARLA Y COMENZAR CON EL DESARROLLOBOCETOS = APROBACIÓN = DESARROLLO REALPRUEBASAPROBACIÓNSUBIR

 

Page 12: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

Perfil del cliente

Quien La empresa “Hules automotrices Aries S.A. de C.V.”, es una empresa centrada en fabricar y comercializar piezas automotrices genéricas en el interior y centro de la República Mexicana.

Qué La empresa no cuenta con una página web, que le permita difundir, promocionar, ofrecer y divulgar sus productos y trayectoria dentro de la industria automotriz, permitiendo exponer la experiencia que tiene dentro del mercado automotriz.

Cómo Desarrollando una pagina web, para así buscar posicionamiento en el mercado

Page 13: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL
Page 14: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

DIAGRAMA DE GANT

Page 15: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

ANÁLISIS

Page 16: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

Análisis de contenido (clases y colaboradores), de interacción (elementos básicos), de función (procesos a seguir), y configuración (ambiente operativo)

Diagramas UML

Page 17: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

Situación de: Hules Automotrices Aries S.A. de C.V. frente a la Industria Automotriz Nacional.

  Es una microempresa, dedicada especialmente en la producción de piezas automotrices de

hule genéricas, con el objetivo primordial de ofrecerle al mercado productos con la más alta calidad y bajo ciertos estándares de producción, en la actualidad la empresa ha presentado un incremento en su productividad, derivada de la influencia en la industria automotriz mexicana, llevando a la empresa a reformular su sistema de producción así como su plan de trabajo y de almacenamiento.

Esto le ha llevado a invertir en la actualización de la maquinaria especialmente en: moldes y trokeles para la producción de las piezas de hule automotriz, con el fin de mantener su posición en el mercado y mantenerse a la vanguardia frente a las necesidades del mercado actual.

Lo cual ha llevado a la empresa a contemplar una planeación estratégica en cuanto a tecnología, en cuyo proceso se pretende garantizar un desarrollo eficiente, viable y sistemático; alinear acciones y hacerlas consistentes unas con otras; planear la asignación de recursos; sentar las bases para controlar y equilibrar costos y beneficios.

Es importante señalar que en esta parte el cliente nos enfatizó que gran parte de sus recursos van encaminados a la actualización de la maquinaria y logística de ventas, pero también nos hizo notar la preocupación de encontrar nuevos medios de publicidad en sus productos.

 

Page 18: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

Análisis Interno de la Empresa Aquí se pretende desarrollar un modelo adecuado el cual le

permitiría generar beneficios: ORGANIZACIÓNALES: Satisfacer al mercado en su totalidad

mediante un continuo mejoramiento en su publicidad. ADMINISTTRATIVOS: Eliminación de todo tipo de actividades que

no agregan valor, generando un sitio web ágil y suficientemente flexible que dé cabida a las fluctuaciones en la demanda.

RECURSOS HUMANOS: Motivación para el desarrollo de la mejora continua a nivel personal, profesional y laboral.

Generando objetivos de carácter: General: Proveer a la empresa una solución informática, a través

de la cual se lleve una mejor difusión de la misma . Específico: Facilitar el acceso a las características de sus

productos, logrando así agilizar los procesos de búsqueda de la información.

Page 19: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

DISEÑO Y DESARROLLO DEL SITIO WEB

Page 20: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

Permite crear un modelo que pueda valorarse en calidad y mejorarse antes de generarlo.

*Diseño de contenido Su sitio web para nosotros es una viva expresión de lo que tiene

que ofrecer al mundo exterior. Es el pegamento que mantiene toda su comercialización junta. Es un medio muy interactivo de conversación con sus prospectos, clientes y para entender cómo piensan y cómo toman sus decisiones.

Un buen contenido web combina lo siguiente: Comprender los objetivos de su negocio Conocimiento sobre sus mercados meta La comprensión de los fundamentos del Mercadeo por Internet Web técnicas de usabilidad Integración comprobada de principios de diseño El uso de Análisis web

Page 21: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

*Diseño arquitectónico ARQUITECTURA DE LA INFORMACIÓN Un sitio web

explota los 3 elementos característicos de la Red: hipertextualidad, multimedialidad e interactividad.

Diseñar la arquitectura de un sitio web implica: Conocer cómo circula la información. Conocer cómo se documenta la información. Saber recuperar la información.

*Diseño de la interfaz Su objetivo es que las aplicaciones o los objetos sean más

atractivos y además, hacer que la interacción con el usuario sea lo más intuitiva posible, conocido como el diseño centrado en el usuario.

Page 22: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

Sitios de soporte: Sitios donde bajamos imágenes: proporción del clienteAnimaciones: www.animacioncard.gratisAudios incidentales: www.audioflashgratuito.com

Usabilidad Accesibilidad, Hacerle la vida fácil al usuario cuando este en nuestro sitio

Inicio (home) Nombre de la empresa: “Hules Automotrices Aries”Menú arriba, izquierdaBotones como:-Un contacto (este siempre presente)-Una Búsqueda-Regresar al Home

Educar al cliente Como lo tiene que estar manipulando, como lo tiene que está manteniendo, como si da de alta una cuenta de correo, la cual tiene que estarla atendiendo

GUÍA DE CONSTRUCCIÓN

Page 23: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

DISEÑO Y DESARROLLO DEL SITIO WEB

Información del cliente

Necesidades de nuestro usuario final

Velocidad que va tener el usuario final

Tiempo de desarrollo en el sitio Aproximadamente 4 meses

Plataforma , navegadores Windows,Explore, Chrome, Mozzila

Pruebas Diferentes entradas a la pagina web

Moda, recursos que se estén utilizando, colores

Tamaño de mi resolución 1024x576

Criterios:Ancho de bandaPerfil de nuestro usuario final

Estándar1024kbytes por segundo

Page 24: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

MÉTRICAS Las métricas Web son indicadores que permiten

establecer el éxito o fracaso de una estrategia en Internet, su evaluación y análisis permite optimizar las estrategias de marketing digital.

Las métricas Web son también llamadas KPI, iniciales de las palabras en inglés Key Performance Indicators (Indicadores Claves de Desempeño).

Page 25: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

MÉTRICAS DE HULES AUTOMOTRICES ARIES”

El tiempo promedio de las visitas al sitio Web y nos da información de la utilidad del sitio Web para el visitante, los problemas de usabilidad pueden originar menores tiempos en el sitio Web.

El promedio de páginas vistas por visitante, en la medida que el número es cercano a uno puede significar que existen problemas de usabilidad en el sitio Web.

Las Páginas de salida del sitio Web las cuales indica cuáles fueron las páginas utilizadas para abandonar el sitio Web. Esto puede indicarnos un problema de usabilidad en las páginas que sean muy utilizadas como página de salida

Page 26: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

El porcentaje de visitas en una sola página, es decir, visitas en las que el usuario no pasa de la página de acceso, indicando un problema de usabilidad en la página de inicio del Sitio Web.

Tasas de conversión: Configurando las conversiones de nuestro sitio “Hules Automotrices Aries” para establecer el porcentaje de visitantes que logramos convertir en un estado de registro.

El sitio debe tener eficiencia, rapidez al cargar la pagina, dentro de la cual contiene imágenes

Page 27: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

Las pruebas seguimiento de los ojos o seguimiento ocular, hace referencia a un grupo de tecnologías que permiten registrar la forma como una persona mira nuestros sitio “Hules Automotrices Aries”

Permiten establecer dos aspectos fundamentales: Mapas de calor y focos de atención: Lograr que la mirada del

visitante se concentre en los elementos que nuestra empresa necesita para lograr los objetivos de mercado.

El sitio debe tener eficiencia, rapidez al cargar la pagina, dentro de la cual contiene imágenes

Page 28: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

Vínculos en lugares adecuados para que todo este organizado y el usuario no se pierda

Contacto dentro de la página

Page 29: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

CGI Las aplicaciones CGI fueron una de las primeras prácticas de crear

contenido dinámico para las páginas web. En una aplicación CGI, el servidor web pasa las solicitudes del cliente a un programa externo. Este programa puede estar escrito en cualquier lenguaje que soporte el servidor, aunque por razones de portabilidad se suelen usar lenguajes de script. La salida de dicho programa es enviada al cliente en lugar del archivo estático tradicional.

Page 30: DESARROLLO WEB. PROYECTO FINAL I NTEGRANTES : L EMUS R AZO L UCIA Á LVAREZ G UZMÁN L EOBARDO C ISNEROS L OZANO O TNIEL

EJEMPLO

CGI Hello // hello.c #include <stdio.h> #include <string.h> #include <stdlib.h> void main(void) { printf("Content-type: text/html\n\n");

printf("<HTML><HEAD><TITLE>Hello World Wide Web</TITLE></HEAD>");

printf("<BODY BGCOLOR=\"#FFFFFF\"><P ALIGN=CENTER>"); printf("<H1>Primer CGI</H1>"); printf("Hello World Wide Web"); printf("</BODY></HTML>");

}