Construyendo y publicando nuestra primera app multiplataforma
Construyendo la nueva app social, local y móvil
-
Upload
software-guru -
Category
Technology
-
view
348 -
download
0
description
Transcript of Construyendo la nueva app social, local y móvil
![Page 1: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/1.jpg)
#SGApp
![Page 2: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/2.jpg)
Agenda
! El inicio ! Desarrollo de Apps ! SoLoMo ! La nueva App
![Page 3: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/3.jpg)
El inicio
Construyendo la nueva app
![Page 4: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/4.jpg)
La primera tableta
![Page 5: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/5.jpg)
Caracterís8cas de desarrollo
! Dibujos ! Manejo de archivos ! Búsqueda de aplicaciones ! Asistente inteligente ! Sonidos ! Puertos de comunicación: Serial, Modem, Infrarrojo y AppleTalk.
![Page 6: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/6.jpg)
Arquitectura
![Page 7: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/7.jpg)
Interfaces
![Page 8: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/8.jpg)
Lo demás es historia
! Palm OS ! J2ME ! MicrosoM Windows CE ! MicrosoM Mobile ! Symbian ! Blackberry OS ! iOS ! Android
![Page 9: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/9.jpg)
Herramientas de desarrollo
![Page 10: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/10.jpg)
Aprovechamiento de la plataforma
![Page 11: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/11.jpg)
Desarrollo de Apps
Construyendo la nueva app
![Page 12: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/12.jpg)
¿Por dónde empezar?
! Diversidad de plataformas. ! Diversidad de Sistemas OperaQvos. ! Mercados. ! Público objeQvo. ! Globalización.
![Page 13: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/13.jpg)
¿Dónde estuvo el problema?
! Lo que aparece en la definición del problema
![Page 14: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/14.jpg)
¿Dónde estuvo el problema?
! Lo que aparece en la especificación
![Page 15: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/15.jpg)
¿Dónde estuvo el error?
! Lo que aparece en el diseño
![Page 16: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/16.jpg)
¿Dónde estuvo el error?
! Lo que aparece en la implementación
![Page 17: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/17.jpg)
¿Dondé estuvo el error?
! Lo que se entregó al cliente
![Page 18: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/18.jpg)
¿Dónde estuvo el error?
! Lo que el cliente quería
![Page 19: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/19.jpg)
La suma de las partes
! El desarrollo de aplicaciones móviles es nuevo.
! Se debe adquirir las capacidades técnicas para los nuevos desarrollos.
! Un equipo debe enfrentar requerimientos que antes no eran posibles definir.
![Page 20: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/20.jpg)
El futuro
![Page 21: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/21.jpg)
SoLoMo
So: Social + Lo: Local + Mo: Móvil ========= La nueva app
![Page 22: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/22.jpg)
Necesidades ubicación y contenido local
! Penetración de los Smartphones/Tablet’s. ! Localización vía las capacidades GPS de los disposiQvos móviles.
! Interés en el contenido local. ! Anywhere compuQng.
![Page 23: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/23.jpg)
SoLoMo
Aplicaciones móviles que combinan las redes sociales con datos de localización.
![Page 24: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/24.jpg)
Potencial
! La nueva generación de disposiQvos tales como los electrodomésQcos, los automóviles y los televisores permiQrán saber donde nos encontramos y lo que estamos haciendo.
![Page 25: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/25.jpg)
Auge de los Smartphones
! Los usuarios Qenen acceso a un grupo de aplicaciones diseñadas para realizar conexiones: ! Entre usuarios. ! Bienes. ! Servicios. ! Lugares. ! Y el mundo que les rodea.
![Page 26: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/26.jpg)
Social Media 1.0
! Uso de la PC. ! El usuario está atado a un equipo conectado a red.
! Todo se visualiza en un navegador. ! Los usuarios están en sus casas o sus oficinas.
! Su ubicación es irrelevante ya que la interacción es en la Web.
![Page 27: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/27.jpg)
Social Media 2.0
! El nuevo paradigma. ! Es móvil, sin restricciones. ! Se emplean aplicaciones en el disposiQvo y la interfaz web.
![Page 28: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/28.jpg)
La paradoja
! Los usuarios están tanto en línea como desconectados.
![Page 29: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/29.jpg)
Caracterís8cas
! La acQvidad se desarrolla en el mundo real. ! Los espacios _sicos y la ubicación se convierten en elementos fundamentales y de referencia.
! Pero el mundo _sico requiere de una parte virtual.
![Page 30: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/30.jpg)
La nueva app
![Page 31: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/31.jpg)
Retos tecnológicos
! Desarrollo de la Interfaz. ! Incluir la misma funcionalidad en los disposiQvos seleccionados.
! Incluir la funcionalidad de redes sociales. ! Aprovechamiento de las API’s para el GPS y Cámara digital.
![Page 32: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/32.jpg)
Retos para Social Media 2.0
! Completar la API de Facebook. ! Modificar contenidos en Facebook. ! Incluir la opción de Check-‐in para equipos con GPS.
! Localización de amigos en los eventos del carnaval.
! Invitar amigos a un evento.
![Page 33: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/33.jpg)
Retos para Social Media 2.0
! Recuperación de las coordenadas para los siQos o escenarios de los eventos.
! Agendar eventos. ! Filtrar los eventos por la cercanía del disposiQvo.
! ComparQr fotos en mi muro de Facebook.
![Page 34: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/34.jpg)
Carnival World
! Aplicación para la promoción de eventos en los carnavales de Jamaica, Trinidad y Tobago y Barbados.
![Page 35: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/35.jpg)
Códigos
Construyendo la nueva app
![Page 36: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/36.jpg)
Detectar 8po de conexión
public staQc String getConnecQonParameters() { String connecQonParameters = ""; if (WLANInfo.getWLANState() == WLANInfo.WLAN_STATE_CONNECTED) {
connecQonParameters = WIFI_STRING; } else { int coverageStatus = CoverageInfo.getCoverageStatus(); ServiceRecord record = getWAP2ServiceRecord(); if (record != null && (coverageStatus & CoverageInfo.COVERAGE_DIRECT) == CoverageInfo.COVERAGE_DIRECT) {
connecQonParameters = WAP2_STRING + record.getUid(); } else if ((coverageStatus & CoverageInfo.COVERAGE_MDS) == CoverageInfo.COVERAGE_MDS) {
connecQonParameters = MSD_STRING; } else if ((coverageStatus & CoverageInfo.COVERAGE_DIRECT) == CoverageInfo.COVERAGE_DIRECT) {
connecQonParameters = NO_WAP2_STRING; } } return connecQonParameters; }
![Page 37: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/37.jpg)
Componentes a la medida
public class VerQcalFieldManager2 extends VerQcalFieldManager { … protected void sublayout( int maxWidth, int maxHeight ) { int width = Display.getWidth(); int height = Display.getHeight(); int totalHeight = 0; if(altoBotones == null) { totalHeight = botonesPrueba[0].getHeight(); for(int i = 0; i < botonesPrueba.length; i++) { totalHeight += botonesPrueba[i].getHeight(); } } else { for(int i = 0; i < altoBotones.length; i++) { totalHeight += altoBotones[i]; } } super.sublayout(width, height -‐ totalHeight); setExtent(width, height -‐ totalHeight); } }
![Page 38: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/38.jpg)
Cámara -‐ Disposi8vo
private byte[] _raw; … public void fieldChanged(Field field, int context) { FileConnecQon file; … file.create(); OutputStream out = file.openOutputStream(); out.write(_raw); }
![Page 39: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/39.jpg)
Cámara -‐ Facebook
Hashtable params = new Hashtable(); … params.put("facebook_user_id", usrId); params.put("facebook_user_access_token", usrTkn); params.put("event_id", String.valueOf(evId)); HtpMulQpartRequest req = new HtpMulQpartRequest( Config.photoUpload, params, "file", "archivo.jpg", "image/jpeg", _raw); final byte[] response = req.send();
![Page 40: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/40.jpg)
GPS
import javax.microediQon.locaQon.LocaQon; import javax.microediQon.locaQon.LocaQonListener; import javax.microediQon.locaQon.LocaQonProvider; … public double longitude; public double laQtude; … public void locaQonUpdated(LocaQonProvider provider, LocaQon locaQon) { if (locaQon.isValid()) { this.laQtude =locaQon.getQualifiedCoordinates().getLaQtude(); this.longitude =locaQon.getQualifiedCoordinates().getLongitude(); } }
![Page 41: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/41.jpg)
Aprovechamiento tecnológico
! GPS. ! ConecQvidad a internet. ! Camara fotográfica.
![Page 42: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/42.jpg)
Carnival World
! Carnival World es una aplicación diseñada para la plataforma de Blackberry® y Playbook®.
! Es la guía indispensable para asisQr a los mejores eventos de los carnavales del Caribe en Jamaica, Barbados y Trinidad & Tobago.
![Page 43: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/43.jpg)
Carnival World
! A través de Carnival World, los asistentes pueden: ! Conocer información detallada
sobre los acontecimientos en el carnaval.
! IdenQficar los eventos recomendados y calificarlos por medio de un “like”.
! Interactuar con sus amigos por medio de redes sociales.
! Subir fotos tomadas desde el evento y comparQrlas a través de Facebook®.
! La aplicación permite a los visitantes dar un "check-‐in" para ubicar los eventos que se encuentren a su alrededor y saber si sus amigos se encuentran dentro de un evento.
Comunicado de Prensa: h1p://4nyurl.com/cw-‐press
![Page 44: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/44.jpg)
Campaña de Marke8ng
! La App de Carnival World fue distribuida entre los visitantes por medio de un código QR impreso en playeras y tatuajes temporales los cuales al ser escaneados con la cámara de su Blackberry® les permiya descargar la aplicación.
![Page 45: Construyendo la nueva app social, local y móvil](https://reader033.fdocuments.es/reader033/viewer/2022052400/5596cf4a1a28ab697a8b4629/html5/thumbnails/45.jpg)
Todos los nombres de marcas y productos mencionados en este documento son propiedad de sus respecQvas compañías. El presente documento es propiedad de Esfera Estudios S. de R.L. de C.V., puede contener material protegido por la Ley Federal de Derechos de Autor o la Ley de Propiedad Industrial; fue transmiQdo con la intención de ser uQlizado en forma individual por el desQnatario o enQdad a la cual fue dirigido. Este documento no puede ser distribuido o copiado a una enQdad diferente por ningún medio sin el consenQmiento por escrito de Esfera Estudios S. de R.L. de C.V.
¿Preguntas?