Este documento presenta una introducción al desarrollo web y móvil. Explica las ventajas de estas plataformas como su ubicuidad, facilidad de uso y conectividad. Luego describe los tipos de sitios web y aplicaciones móviles, los requisitos, herramientas y lenguajes comunes utilizados en cada plataforma como HTML, CSS, JavaScript, Java y .NET. Finalmente, discute cómo las tecnologías web y móviles están convergiendo, permitiendo experiencias mejoradas a través de dispositivos.

1. Web and Mobile
Development
Un panorama para
hacer y potenciar negocios
@renecum

2. Agenda
• Introducción • Mobile
– ¿Quién soy yo y porqué – Tipos
estoy aquí? – Lo que se necesita
– Conociéndonos – Herramientas, Lenguajes,
• ¿Por qué Web y Mobile? IDEs, Plataformas, etc
• Web
• La unión de Web y Mobile
• Un poco de mis Experiencias
• Dudas

3. ¿Quién soy yo y por qué estoy aquí?
• René Cum – Emprendedor
– Guatemalteco – Geek
– Católico - Salesiano • ¿Por qué?
– Ingeniería Sistemas – – Compartir
USAC – Aportar
– WebDeveloper – Aprender
– DBA – Colaborar
– Mobile Developer – Me encanta Cobán

4. Conociéndonos
• Edades
• Año que Cursan en la U
• Estudian
• Trabajan
• Qué trabajan?
• Web (Plataformas)
• Mobile (Plataformas)

5. ¿Por qué Web y Mobile?
• Presente y Futuro • Productividad
• Ubicuidad • Bajos Costos
• Facilidad de Uso • Mejora la
• Conectividad Comunicación

6. Web
• Tipos de Web
• Requerimientos
• Etapas / Procedimiento
• Software / Plataformas
• Herramientas

7. Tipos de Web
• Empresa: HotelesCoban.com
• Weblog (o blog) wordpress, blogger, etc.
• Comercio electrónico amazon, tigerdirect, etc.
• Social: facebook, twitter, Hi5, etc.
• Base datos: IMDB
• Desarrollo: maestrosdelweb, nettus, etc.

8. Tipos de Web
• Directorio: aquienguate, paginasamarillas, yelp, etc.
• Descargas: Tucows, Softonic, Baulsoft, etc.
• Juego: Minijuegos, juegorama, etc.
• Noticias: as, prensalibre, newyorktimes, etc.
• Subastas: ebay, locobasta, etc.
• Software as a Service:
• Foro, Archivo, Portal, Buscador, Personal, Promoción web, Wiki,
Rating, Educativos, etc…

9. Requerimientos Generales
• Definición clara del propósito
• Mercado Objetivo
• Metas / Etapas
• Diseño / Usabilidad / SEO
• Tecnológico
• SEO

10. Etapas del Desarrollo
• Toma de Requerimientos
• Maquetación
• Modelo de Datos
• Desarrollo de cada Capa
– Data Access Layer
– Bussiness Layer
– GUI Layer
• Pruebas
• Deployment

11. Software
• Metodología de Desarrollo
• Patrones
• Arquitectura
• Lenguajes y Tecnologías
• Plataformas

12. Software
• Metodología de Desarrollo
– IBM RUP
– Extreme Programming (XP)
– Open Unified Process (Open UP)
– SCRUM 

13. Software
• Arquitectura
– Software
• Ncapas
• VMC
• Servicios
– WebServices
– FileServer
– MailServer
– Databases
– Load Balancing

14. Software
• Plataformas
– XAMP, XAPP
– Java (Http Servlets, JSP,)
– .Net (WebForms, ASPNet MVC)

15. Lenguajes y Tecnologías Comunes
• HTML (5) • XML
• Javascript • JSON
• AJAX • REST
• CSS • SOA

16. Herramientas Comunes
• Versionamiento
– Git, SVN (xp-dev.com)
• Maquetación/Mockup/Wireframe
– Balsamiq, Gliffy, iPLOTZ
• Colaboración: Google Apps
• Storage
– DropBox, SugarSync

17. Frameworks por Plataforma
• PHP – Zend, CodeIgniter ,CakePHP, Yii, Symfony, PEAR
• Java – JavaServer Faces, Spring, Struts (2)
• JavasCript – jQuery, MooTools, Prototype, YUI
• CSS – Blueprint, 960, jQuery, YAML
• .Net Framework 4 (CodePlex, CodeProject)

18. IDES por Plataforma
• PHP – PHPStorm, Eclipse
• Java – Eclipse, Intelli J DEA, JBuilder
• .Net - Visual Studio 2010, ReSharper
(www.jetbrains.com)

19. Mobile
• Tipos de Apps (Categorías)
• Plataformas
• Requerimientos
• Frameworks

20. Tipos

21. Plataformas
iOS Android BlackBerry WP7*
Plataforma de Osx OSX, Windows, Windows Windows
Desarrollo Linux
Tienda AppStore Android AppWorld WP
MarketPlace AnyWebsite MarketPlace
Amazon
MarketPlace
AnyWebsite
Lenguaje Objective C Java Java .Net*
Devices iPhone HTC BlackBerry HTC
iPad Samsung Nokia
iPodTouch LG
Motorola

22. Plataformas
• Nativo
– Mejor Rendimiento
– Costos mas Altos
– Experiencia Enriquecida
• Web
– Costos más bajos
– Mayor Seguridad
– Multiplataforma

23. Requerimientos
• Configuración de Entornos de Desarrollo
• Registro en MarketPlaces
• Hardware para Pruebas
• Appkerting

24. Cross Platform Frameworks
Lenguaje Plataformas IDE (Software) Otros
Adobe Air Action iOS, Android, Adobe Flash Nativo
Script, BlackBerry
HTML, CSS,
JavaScript
PhonGap HTML, CSS, iOS, Android, 3rd Party Web
JavaScript BlackBerry, enbebido*
Symbian
AppCelerator HTML, CSS, iOS, Android, Titanium Nativo
JavaScript BlackBerry Studio
AppMobi HTML5 iOs, Android, Google Web enbebido
(JavaScript, HTML5 Web Apps, Chrome, 3rd
CSS3,HTML HTML5 Hybrid Party
5) Apps

25. La unión de Web y Mobile
• Tecnologías convergentes
• Mismos Lenguajes
• Colaboración entre ambas
• Mobile mejora la experiencia Web

26. Mis Experiencias
• Librería Loyola
• ClickDiario Network
• BrokersWeb
• AquiEnGuate
• LocoBasta

27. Gracias por no dormirse ;)
Dudas y comentarios, siempre son bienvenidos!