Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Una aplicación móvil por sitio Joomla!
Aníbal Sánchez
@anibal_sanchez - http://blog.anibalhsanchez.com
JoomGap - http://ww...
Acerca de ...
● Desarrollador líder de @extly y @joomgap
● 15+ años de experiencia en desarrollo en Internet
● Integrando ...
Acerca de ...
● AutoTweetNG y Joocial
● XTDir for SobiPro
● XT Adaptive Images
● Starters
● Apps móviles
para Joomla!
Una aplicación móvil por sitio Joomla!
El Cambio de
Paradigma
Una aplicación móvil por sitio Joomla!
¿Cómo cambiar
nuestros proyectos?
Una aplicación móvil por sitio Joomla!
Enfoque
"Primero el móvil"
No va a suceder
Quiero que mi sitio
se vea en los móviles
y en una App.
Enfoque "Primero el móvil"
… … ….
Enfoque "Primero el móvil"
¿Qué suma la movilidad?
Enfoque "Primero el móvil"
Una
aplicación
móvil por
sitio Joomla!
● ¿Este proyecto necesita tener App?
● ¿Podemos incluir ...
Enfoque "Primero el móvil"
Una
aplicación
móvil por
sitio Joomla!
● ¿Este proyecto sólo necesita un sitio con
diseño respo...
Aplicaciones móviles Joomla!
● Oportunidades del cambio tecnológico
○ Navegación de contenido y búsquedas
○ Gestión del si...
Extly - Joocial Composer App case
App para Gestión,
basada en código abierto,
con tecnología Web,
para Android y Apple iOS...
Extly - Caso Joocial Composer App
Extly - Caso Joocial Composer App
Sinergia con el
ecosistema móvil
Compartir contenido desde
Joomla! a redes sociales móvi...
Presentando JoomGap
JoomGap es un SDK de código abierto para el
desarrollo de aplicaciones móviles híbridos para
Joomla! C...
Presentando JoomGap - JG Boilerplate Material
How to create a JoomGap mobile app based on
JG Boilerplate Material Design
h...
Primicia JoomGap - XT Backup for Akeeba
XT Backup
for Akeeba
Resumen
Ya hay herramientas disponibles,
para desarrollar Apps Web,
para Android, Apple iOS y Win Phone
basadas en Html5 /...
Próximos pasos
Una
aplicación
móvil por
sitio Joomla!
Preguntas y feedback
Aníbal Sánchez
@anibal_sanchez
http://blog.anibalhsanchez.com
JoomGap
http://www.joomgap.com
Extly Ex...
Tech Stuff - Paso 1 - Apps Web Híbridas
● Cordova - PhoneGap
○ Local Web Application
○ Html5 / CSS / JavaScript
○ Plugins
Tech Stuff - Paso 1 - Apps Web Híbridas
● Opción A - Compilación Remota
○ PhoneGap Build
○ AppGyver, trigger.io, etc.
● Op...
Tech Stuff - Paso 2 - Nuevo cinturón de herramientas
● Html5 / CSS / Javascript Editor
● Local Debugging
○ Chrome DevTools...
Tech Stuff - Paso 2 - Desarrollo con Angular e Ionic
● AngularJS / Ionic Framework
http://market.ionic.io/starters/multipl...
Tech Stuff - Paso 3 - Prueba de punta a punta
1. Desktop
2. Android 4, 5 y 6
3. Apple iOS 8 and 9
4. Cells
5. Tablets
6. W...
Tech Stuff - Hablando a Joomla!
● Full Html page load
● AJAX Communication
● Joomla Ajax Interface (docs.joomla)
● Others:...
Tech Stuff - Hablando a Joomla! - Composer App
● Joomla Backend access
● 2-legged OAuth authentication
Access
token
Tech Stuff - Hablando a Joomla! - Composer App
● Post Management
Prochain SlideShare
Chargement dans…5
×

JoomlaMadrid - Una aplicación móvil por sitio Joomla!

374 vues

Publié le

Las aplicaciones móviles están en todas partes y un requisito obligatorio para muchos proyectos. Joomla! CMS puede integrar aplicaciones móviles Web y el foco de Joomla 3.6 será la mejora de esta área de negocio.

Las aplicaciones móviles Web comparten una base de código similar con Joomla! y pueden ser desarrolladas al mismo tiempo que un sitio "responsive".

En esta sesión, vamos a explorar el estado del arte de Joomla! CMS y el diseño web “responsive” aplicado a aplicaciones móviles Web.

Publié dans : Logiciels
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

JoomlaMadrid - Una aplicación móvil por sitio Joomla!

  1. 1. Una aplicación móvil por sitio Joomla! Aníbal Sánchez @anibal_sanchez - http://blog.anibalhsanchez.com JoomGap - http://www.joomgap.com Extly Extensions - http://www.extly.com JoomlaMadrid 2016 Miércoles, 20 Abril 2016 - Inscripciones Abiertas http://www.meetup.com/es-ES/joomlamadrid/events/229678003
  2. 2. Acerca de ... ● Desarrollador líder de @extly y @joomgap ● 15+ años de experiencia en desarrollo en Internet ● Integrando Joomla! desde 2007 ● Voluntario en Joomla! ○ Marketing Manager en Extensions Directory (JED) ○ Miembro del Joomla! Bug Squad ○ Voluntario en Joomla! StackExchange (6000+) ○ Autor para la Joomla! Community Magazine EN y ES
  3. 3. Acerca de ... ● AutoTweetNG y Joocial ● XTDir for SobiPro ● XT Adaptive Images ● Starters ● Apps móviles para Joomla!
  4. 4. Una aplicación móvil por sitio Joomla! El Cambio de Paradigma
  5. 5. Una aplicación móvil por sitio Joomla! ¿Cómo cambiar nuestros proyectos?
  6. 6. Una aplicación móvil por sitio Joomla! Enfoque "Primero el móvil"
  7. 7. No va a suceder Quiero que mi sitio se vea en los móviles y en una App.
  8. 8. Enfoque "Primero el móvil" … … ….
  9. 9. Enfoque "Primero el móvil" ¿Qué suma la movilidad?
  10. 10. Enfoque "Primero el móvil" Una aplicación móvil por sitio Joomla! ● ¿Este proyecto necesita tener App? ● ¿Podemos incluir una App en la propuesta de proyecto ahora? ● Celulares? Tablets? Relojes? GPS? Cámara?
  11. 11. Enfoque "Primero el móvil" Una aplicación móvil por sitio Joomla! ● ¿Este proyecto sólo necesita un sitio con diseño responsive? ● ¿Alcanza con sólo tener un sitio responsive?
  12. 12. Aplicaciones móviles Joomla! ● Oportunidades del cambio tecnológico ○ Navegación de contenido y búsquedas ○ Gestión del sitio ○ Comercio electrónico ○ Apps Corporativas
  13. 13. Extly - Joocial Composer App case App para Gestión, basada en código abierto, con tecnología Web, para Android y Apple iOS, con el mismo código fuente, de nivel corporativo (seguridad OAuth).
  14. 14. Extly - Caso Joocial Composer App
  15. 15. Extly - Caso Joocial Composer App Sinergia con el ecosistema móvil Compartir contenido desde Joomla! a redes sociales móviles “puras”: Instagram, Pinterest, Whatsapp, SnapChat, etc.
  16. 16. Presentando JoomGap JoomGap es un SDK de código abierto para el desarrollo de aplicaciones móviles híbridos para Joomla! CMS, basado en tecnología web. ● Starters ○ JG Boilerplate ○ JG Boilerplate 2 Beta (Angular 2) ○ JG Boilerplate Material ● Joocial Composer App ○ Production ready ○ JoomGap SDK ○ PhoneGap, AngularJS and Ionic
  17. 17. Presentando JoomGap - JG Boilerplate Material How to create a JoomGap mobile app based on JG Boilerplate Material Design http://www.joomgap.com/docs/how-tos/boilerplate-material
  18. 18. Primicia JoomGap - XT Backup for Akeeba XT Backup for Akeeba
  19. 19. Resumen Ya hay herramientas disponibles, para desarrollar Apps Web, para Android, Apple iOS y Win Phone basadas en Html5 / CSS / JavaScript.
  20. 20. Próximos pasos Una aplicación móvil por sitio Joomla!
  21. 21. Preguntas y feedback Aníbal Sánchez @anibal_sanchez http://blog.anibalhsanchez.com JoomGap http://www.joomgap.com Extly Extensions http://www.extly.com
  22. 22. Tech Stuff - Paso 1 - Apps Web Híbridas ● Cordova - PhoneGap ○ Local Web Application ○ Html5 / CSS / JavaScript ○ Plugins
  23. 23. Tech Stuff - Paso 1 - Apps Web Híbridas ● Opción A - Compilación Remota ○ PhoneGap Build ○ AppGyver, trigger.io, etc. ● Opción B - Compilación Local ○ Android ○ Apple iOS *
  24. 24. Tech Stuff - Paso 2 - Nuevo cinturón de herramientas ● Html5 / CSS / Javascript Editor ● Local Debugging ○ Chrome DevTools ○ FireBug ● Remote Debugging ○ Chrome DevTools ○ GapDebug ● Version auto-installation ● Device simulation
  25. 25. Tech Stuff - Paso 2 - Desarrollo con Angular e Ionic ● AngularJS / Ionic Framework http://market.ionic.io/starters/multiplatform
  26. 26. Tech Stuff - Paso 3 - Prueba de punta a punta 1. Desktop 2. Android 4, 5 y 6 3. Apple iOS 8 and 9 4. Cells 5. Tablets 6. Watches
  27. 27. Tech Stuff - Hablando a Joomla! ● Full Html page load ● AJAX Communication ● Joomla Ajax Interface (docs.joomla) ● Others: WebServices, WebSockets, etc. API Note: Browser security - Cross-site scripting / Same-origin policy & JSONP
  28. 28. Tech Stuff - Hablando a Joomla! - Composer App ● Joomla Backend access ● 2-legged OAuth authentication Access token
  29. 29. Tech Stuff - Hablando a Joomla! - Composer App ● Post Management

×