45
#SGApp

Construyendo la nueva app social, local y móvil

Embed Size (px)

DESCRIPTION

En los últimos años, los dispositivos móviles han tenido un enorme impacto en la forma en que las personas se comunican, pero ahora los usuarios cuentan con plataformas muy poderosas que permiten la incorporación de nuevas características tales como el uso del GPS, que cada vez viene como un accesorio de fábrica; y la capacidad de interactuar con las redes sociales de formas novedosas y únicas. El reto consiste en convertir una buena idea en una App que tome ventajas del estas capacidades y que en nuestro caso será construir la App del futuro.

Citation preview

Page 1: Construyendo la nueva app social, local y móvil

#SGApp  

Page 2: Construyendo la nueva app social, local y móvil

Agenda  

!  El  inicio  !  Desarrollo  de  Apps  !  SoLoMo  !  La  nueva  App  

Page 3: Construyendo la nueva app social, local y móvil

El  inicio  

Construyendo  la  nueva  app  

Page 4: Construyendo la nueva app social, local y móvil

La  primera  tableta  

Page 5: Construyendo la nueva app social, local y móvil

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

Arquitectura  

Page 7: Construyendo la nueva app social, local y móvil

Interfaces  

Page 8: Construyendo la nueva app social, local y móvil

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

Herramientas  de  desarrollo  

Page 10: Construyendo la nueva app social, local y móvil

Aprovechamiento  de  la  plataforma  

Page 11: Construyendo la nueva app social, local y móvil

Desarrollo  de  Apps  

Construyendo  la  nueva  app  

Page 12: Construyendo la nueva app social, local y móvil

¿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

¿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

¿Dónde  estuvo  el  problema?  

!  Lo  que  aparece  en  la  especificación  

Page 15: Construyendo la nueva app social, local y móvil

¿Dónde  estuvo  el  error?  

!  Lo  que  aparece  en  el  diseño  

Page 16: Construyendo la nueva app social, local y móvil

¿Dónde  estuvo  el  error?  

!  Lo  que  aparece  en  la  implementación  

Page 17: Construyendo la nueva app social, local y móvil

¿Dondé  estuvo  el  error?  

!  Lo  que  se  entregó  al  cliente  

Page 18: Construyendo la nueva app social, local y móvil

¿Dónde  estuvo  el  error?  

!  Lo  que  el  cliente  quería  

Page 19: Construyendo la nueva app social, local y móvil

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

El  futuro  

Page 21: Construyendo la nueva app social, local y móvil

SoLoMo  

     So:  Social  +  Lo:  Local  +  Mo:  Móvil        =========        La  nueva  app  

Page 22: Construyendo la nueva app social, local y móvil

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

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

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

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

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

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

La  paradoja  

!  Los  usuarios  están  tanto  en  línea  como  desconectados.  

Page 29: Construyendo la nueva app social, local y móvil

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

La  nueva  app  

Page 31: Construyendo la nueva app social, local y móvil

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

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

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

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

Códigos  

Construyendo  la  nueva  app  

Page 36: Construyendo la nueva app social, local y móvil

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

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

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

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

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

Aprovechamiento  tecnológico  

!   GPS.  !   ConecQvidad  a  internet.  !   Camara  fotográfica.  

 

Page 42: Construyendo la nueva app social, local y móvil

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

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

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

                     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?