1. Las 6 Faces del Desarrollo de un Website.

2. Fase I: Recopilacin de Informacin 3. Fase I: Recopilacin de Informacin Propsito Cul es el propsito? Quieres proporcionar informacin, promover un servicio, vender un producto? Objetivos Qu espera lograr mediante la construccin de este sitio web? Dos de los objetivos ms comunes son ya sea para ganar dinero o compartir informacin. 4. Fase I: Recopilacin de Informacin Pblico objetivo (Personas) Hay un grupo especfico de personas que le ayudarn a alcanzar sus metas? Es til imaginar a la persona "ideal" que desea visitar su sitio web. Considere la posibilidad de su edad, sexo o intereses - esta tarde le ayudar a determinar el mejor estilo de diseo para su sitio. Contenido Qu tipo de informacin ser el pblico objetivo ser buscar en su sitio? Estn buscando informacin especfica, un producto o servicio en particular, pedidos en lnea? 5. Para conocer a la gente hay que ir a su casa. -Goethe 6. Debemos pensar en el ecosistema, donde la persona est rodeada de una red de cosas que interactan entre s. 7. Debemos pensar, como todas las cosas responden a nuestro comportamiento, porque cada pieza que nos rodea se vuelve una pieza de tecnologa inteligente. 8. Debemos conocer las necesidades y comportamiento de las personas en los distintos lugares y en las distintas situaciones. 9. Fase II: Planificacin 10. Fase II: Planificacin Este es el punto en un mapa del sitio es desarrollado. El mapa del sitio es una lista de todas las principales reas temticas de la web, as como subtemas, en su caso. Esto sirve como una gua en cuanto a contenido de lo que ser en el sitio, y es esencial para el desarrollo de un sistema de navegacin consistente, fcil de entender. 11. Fase II: Planificacin El usuario final - tambin conocido como el consumidor - hay que tenerlo en cuenta al disear. Estos son, despus de todo, las personas que van a aprender acerca de su servicio o la compra de su producto. Una buena interfaz de usuario crea un fcil navegar el sitio web, y es la base para ello. 12. Fase II: Planificacin Durante la fase de planificacin, se debe decidir qu tecnologas se deben implementar. Elementos a incorporar como los (sistema de gestin de contenidos CMS), sern necesarios para los formularios de contacto, etc. se discuten en la planificacin. 13. Fase II: Planificacin Flujo del usuario, Sketches, Wireframes 14. Fase III: Diseo 15. Fase III: Diseo Pblico objetivo es uno de los factores clave que se tienen en consideracin. Es importante la incorporacin de elementos como el logotipo o los colores compaa para ayudar a fortalecer la identidad de su empresa en el sitio web. 16. Fase III: Diseo El diseador crear uno o ms diseos de prototipos. La comunicacin entre usted y su diseador es crucial para asegurar que el sitio web final se ajuste a sus necesidades y gustos. 17. Fase IV: Desarrollo 18. Fase IV: Desarrollo La etapa de desarrollo es el punto en el que se crea el propio sitio web. El diseador web tendr todos los elementos grficos individuales del prototipo y los utilizan para crear el sitio real y funcional. Elementos como el CMS (content management system), formularios de contacto interactivos y carritos de compras de comercio electrnico se implementan y hacen funcional durante esta fase. 19. Convertir PSD a HTML Crear la estructura fsica de los documentos Crear la estructura en HTML de cada una de las pginas Exportar las imgenes Montar todo dentro de la estructura de HTML 20. Darle estilo al HTML Colores, tipografa, tamaos, etc. Crear botones, mens y mdulos segn el UI provisto. 21. Darle funcionalidad Javascript, jQuery, etc. Validacin, formularios, fechas, calculadoras, etc. Hacer llamadas a distintos API Mensajes de respuesta (alerta, error, etc.) 22. Manejo de mensajes de respuesta Mensajes de error Mensajes de alerta Mensajes de estatus 23. Lenguaje de Servidor Es un lenguaje dinmico Tiene la capacidad de conectar y manipular la base de datos. Crear funciones de procesamiento de data. Crea y manejar objetos. Capacidad de crear imgenes. Capacidad de enviar emails. 24. Conectarlo con su API Aplicaciones de Facebook Tabs de Facebook Facebook Connect Cualquier plataforma de red social (Twitter, Instagram, LinkedIn, Google+, etc.) 25. Responsive Website 4 versiones distintas (mobile, tablet, Laptop 13 y pantalla grande) Necesita un proceso de adaptacin El proceso anterior es para cada una de las plataformas y tamaos. Toda la programacin corre en un mismo lugar. 26. Fase V: Pruebas y Entrega 27. Fase V: Pruebas y Entrega Se pondr a prueba cosas tales como la funcionalidad completa de los formularios u otros scripts, as la ltima prueba de la compatibilidad de ltima hora (ver las diferencias entre los distintos navegadores web), asegurndose de que su sitio web est optimizado para ser visto correctamente en las versiones ms recientes del navegador . 28. Integracin de Analticos Integrar el cdigo Etiquetar cada enlace Cada sitio tiene un # distinto Existen otros ms 29. Presentacin Presentacin interna Presentacin al cliente Usuarios de prueba 30. Optimizacin y Mejoras SEO Posicionamiento Keywords Titulares y descripciones 31. Fase VI: Mantenimiento 32. Fase VI: Mantenimiento Un sitio web impulsado por un CMS le da la posibilidad de editar las reas de contenido del sitio web usted mismo. Usted ser capaz de editar el contenido existente de esta manera, o si usted se siente ms aventurero, puede incluso aadir nuevas pginas y contentarse. 33. PREGUNTAS? 34. CONCTATE facebook.com/lopezpaganpage twitter.com/lopezpagan (@lopezpagan) instagram.com/lopezpagan (@lopezpagan) pinterest.com/lopezpagan gplus.to/lopezpagan lopezpaganpage.tumblr.com lopezpagan.com