El documento habla sobre la portabilidad de sitios web y el diseño responsivo. Explica que el diseño responsivo se basa en columnas que se ajustan al ancho del navegador, y que utiliza técnicas de programación para adaptar automáticamente los contenidos a diferentes pantallas. También describe las etapas para crear un sitio web compatible con múltiples dispositivos, incluyendo la estrategia, diseño, pruebas y más. Resalta las ventajas de utilizar Drupal como plataforma, como su simplicidad e integra

1. Portabilidad de sitios web

2. MISIÓN HISTORIA CAPACIDAD
Potenciar las capacidades de Somos una empresa de origen Más de 450 consultores
ejecución de nuestros clientes a mexicano con 11 años de exitosa capacitados en diversas
través de la correcta aplicación trayectoria metodologías y tecnologías
de la tecnología líderes en el mercado
La compañía
Diferenciadores
LIDERAZGO OBJETIVIDAD EXPERIENCIA
Número 1 en servicios de Somos agnósticos a la tecnología; Hemos trabajado en más de 400
Information Management y nuestro objetivo es crear proyectos con más de 200
Business Intelligence en México - soluciones. clientes, en todos los sectores
IDC. México IT Services
Tracker, Intellego Markets 2009
y 2010
www.grupointellego.com

3. Alianzas Corporativas
www.grupointellego.com

5. Que es RWD (Responsive Web Design)
• Diseño basado en columnas (se muestran más columnas a medida que el
navegador es más ancho)
• Uso de técnicas de programación adecuada (Markup, CSS, etc) para la adaptación
automática de los contenidos según las pantallas
www.grupointellego.com

6. Pantalla Ancha
www.grupointellego.com

7. Pantalla Angosta (800 x 600)
www.grupointellego.com

8. Pantalla Tablet
www.grupointellego.com

9. Pantalla Smartphone
www.grupointellego.com

10. Etapas para la creación de un aplicativo web compatible
multi - dispositivos
las etapas de la creación de un proyecto móvil
• Destinatario
Estrategia • Dispositivos de objetivos
• Objetivos de negocio
Desarrollador • Concentración de grupo
de Productos • Definición de funcionalidad
• Flujo de Producto
• Usabilidad
IA / Diseño • Arquitectura de información
• Experiencia de usuario
• Navegación
• Reutilización
• Escalabilidad
Arquitectura • Extensibilidad
• Simplicidad
• Desarrollo de modulo Drupal
Implementación • Modulo
• Extensión
• Dispositivos de prueba
Prueba • Prueba de funcionabilidad
• Prueba de usabilidad
www.grupointellego.com

11. Etapa 1: Toma de requerimientos
www.grupointellego.com

12. 2. Diseño de estructura de página
www.grupointellego.com

13. Consideraciones para la selección de plataforma web para sitios
móviles
• Ancho de banda
• Accesibilidad OffSite
• Uso de componentes (GPS, Cámara, etc)
• La visualización del sitio desde equipos móviles debería
o Contener menos imágenes e imágenes más livianas
o Hacer la carga progresiva de los elementos de la página
www.grupointellego.com

14. Porque utilizar Drupal para su plataforma de Web Content
Management
• Simplicidad de instalación
• Reutilización de grandes cantidades de componentes desarrollados por la
comunidad
• No requiere mantener varias versiones del sitio (PC, Tablet, Smartphone)
www.grupointellego.com