Post on 15-Jan-2015
description
Web and Mobile Development
@renecum
Un panorama para hacer y potenciar negocios
Agenda• Introducción
– ¿Quién soy yo y
porqué estoy aquí?
– Conociéndonos
• ¿Por qué Web y Mobile?
• Web
• Mobile
– Tipos
– Lo que se necesita
– Herramientas,
Lenguajes, IDEs,
Plataformas, etc
• La unión de Web y Mobile
• Un poco de mis Experiencias
• Dudas
¿Quién soy yo y por qué estoy aquí?
• René Cum
– Guatemalteco
– Católico - Salesiano
– Ingeniería Sistemas –
USAC
– WebDeveloper
– DBA
– Mobile Developer
– Emprendedor
– Geek
• ¿Por qué?
– Compartir
– Aportar
– Aprender
– Colaborar
– Me encanta Cobán
Conociéndonos
• Edades
• Año que Cursan en la U
• Estudian
• Trabajan
• Qué trabajan?
• Web (Plataformas)
• Mobile (Plataformas)
¿Por qué Web y Mobile?
• Presente y Futuro
• Ubicuidad
• Facilidad de Uso
• Conectividad
• Productividad
• Bajos Costos
• Mejora la
Comunicación
Web
• Tipos de Web
• Requerimientos
• Etapas / Procedimiento
• Software / Plataformas
• Herramientas
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.
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…
Requerimientos Generales
• Definición clara del propósito
• Mercado Objetivo
• Metas / Etapas
• Diseño / Usabilidad / SEO
• Tecnológico
• SEO
Etapas del Desarrollo
• Toma de Requerimientos
• Maquetación
• Modelo de Datos
• Desarrollo de cada Capa
– Data Access Layer
– Bussiness Layer
– GUI Layer
• Pruebas
• Deployment
Software
• Metodología de Desarrollo
• Patrones
• Arquitectura
• Lenguajes y Tecnologías
• Plataformas
• Metodología de Desarrollo
– IBM RUP
– Extreme Programming (XP)
– Open Unified Process (Open UP)
– SCRUM
Software
Software
• Arquitectura
– Software
• Ncapas
• VMC
• Servicios
– WebServices
– FileServer
– MailServer
– Databases
– Load Balancing
Software
• Plataformas
– XAMP, XAPP
– Java (Http Servlets, JSP,)
– .Net (WebForms, ASPNet MVC)
Lenguajes y Tecnologías Comunes
• HTML (5)
• Javascript
• AJAX
• CSS
• XML
• JSON
• REST
• SOA
Herramientas Comunes
• Versionamiento
– Git, SVN (xp-dev.com)
• Maquetación/Mockup/Wireframe
– Balsamiq, Gliffy, iPLOTZ
• Colaboración: Google Apps
• Storage
– DropBox, SugarSync
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)
IDES por Plataforma
• PHP – PHPStorm, Eclipse
• Java – Eclipse, Intelli J DEA, JBuilder
• .Net - Visual Studio 2010, ReSharper
(www.jetbrains.com)
Mobile
• Tipos de Apps (Categorías)
• Plataformas
• Requerimientos
• Frameworks
Tipos
PlataformasiOS Android BlackBerry WP7*
Plataforma de Desarrollo
Osx OSX, Windows, Linux
Windows Windows
Tienda AppStore Android MarketPlaceAmazon MarketPlaceAnyWebsite
AppWorldAnyWebsite
WP MarketPlace
Lenguaje Objective C
Java Java .Net*
Devices iPhoneiPadiPodTouch
HTCSamsungLGMotorola
BlackBerry HTCNokia
Plataformas
• Nativo
– Mejor Rendimiento
– Costos mas Altos
– Experiencia Enriquecida
• Web
– Costos más bajos
– Mayor Seguridad
– Multiplataforma
Requerimientos
• Configuración de Entornos de
Desarrollo
• Registro en MarketPlaces
• Hardware para Pruebas
• Appkerting
Cross Platform FrameworksLenguaje
Plataformas IDE (Software)
Otros
Adobe Air Action Script, HTML, CSS, JavaScript
iOS, Android, BlackBerry
Adobe Flash Nativo
PhonGap HTML, CSS, JavaScript
iOS, Android, BlackBerry, Symbian
3rd Party Web enbebido*
AppCelerator
HTML, CSS, JavaScript
iOS, Android, BlackBerry
Titanium Studio
Nativo
AppMobi HTML5 (JavaScript,CSS3,HTML5)
iOs, Android, HTML5 Web Apps, HTML5 Hybrid Apps
Google Chrome, 3rd Party
Web enbebido
La unión de Web y Mobile
• Tecnologías convergentes
• Mismos Lenguajes
• Colaboración entre ambas
• Mobile mejora la experiencia Web
Mis Experiencias• Librería Loyola
• ClickDiario Network
• BrokersWeb
• AquiEnGuate
• LocoBasta
Gracias por no dormirse ;)
Dudas y comentarios, siempre son
bienvenidos!