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!