Desarrollo de apps móviles para Joomla
Transcript of Desarrollo de apps móviles para Joomla
![Page 1: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/1.jpg)
Desarrollo de apps móviles para Joomla
Aníbal H. Sánchez@anibal_sanchez - http://blog.anibalhsanchez.com
Extly Extensions - http://www.extly.com
![Page 2: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/2.jpg)
Extly Extensions - http://www.extly.com
● Desarrollador líder @extly
● 15 años de experiencia en Internet
● Integrando Joomla desde 2007
● Contribuidor en Joomla! Bug Squad
● Contribuidor en Joomla! StackExchange
● Marketing Manager at Joomla! Extensions
Directory (JED)
![Page 3: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/3.jpg)
Mobile Apps para Joomla! CMS
● Desarrollo de Apps para Joomla!
○ Navegación de contenido
○ Consulta y búsqueda
○ Administración de sitio
○ Corporativas y empresariales
![Page 4: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/4.jpg)
El caso Joocial Composer App
● AutoTweet y Joocial
○ Gestión de contenido Joomla para Facebook,
Twitter y otras redes sociales
○ +63 plugins para integrar extensiones
● XTDir for SobiPro
○ Extensión de catálogos basados en SobiPro,
JomSocial o EasySocial.
![Page 5: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/5.jpg)
El caso Joocial Composer App
● En AutoTweet y Joocial, el “Composer” es el editor principal de Posts
![Page 6: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/6.jpg)
El caso Joocial Composer App
● Crear una App para gestión,
● de código abierto,
● de nivel empresarial,
● con tecnología Web,
● para Android y Apple iOS,
● utilizando el mismo código fuente.
![Page 7: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/7.jpg)
Paso 1 - Web App Híbrida
● Cordova - PhoneGap
○ Aplicación Web local
○ Html5 / CSS / JavaScript
○ Plugins
![Page 8: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/8.jpg)
Paso 1 - Web App Híbrida
● Opción A - Compilación Remota
○ PhoneGap Build
○ AppGyver, trigger.io, etc.
● Opción B - Compilación Local
○ Android
○ Apple iOS *
![Page 9: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/9.jpg)
Paso 2 - Programación
● Editor Html5 / CSS / Javascript
● Depuración Local
○ Chrome DevTools
○ FireBug
● Depuración Remota
○ Chrome DevTools
○ GapDebug
● Auto-instalación de versiones
● Simulación
![Page 10: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/10.jpg)
Paso 2 - Programación opinada
● AngularJS / Ionic Framework
http://market.ionic.io/starters/multiplatform
![Page 11: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/11.jpg)
Paso 3 - Pruebas de punta a punta
1. Desktop
2. Android 4 y 5
3. Apple iOS 8 y 9
4. Móviles
5. Tablets
![Page 12: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/12.jpg)
Resumen preliminar
★ Hay herramientas maduras
★ para desarrollar aplicaciones Web,
★ para Android y Apple iOS,
★ con Html5 / CSS / JavaScript.
Nota: material en inglés
![Page 13: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/13.jpg)
Hablándole a Joomla!
● Cargar página Html completa
● Comunicación AJAX
● Joomla Ajax Interface (docs.joomla)
● Otros: WebServices, WebSockets, etc.
API
Nota: Seguridad de navegadores - Cross-site scripting / Same-origin policy & JSONP
![Page 14: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/14.jpg)
Hablándole a Joomla! - Composer App
● Acceso al Backend de Joomla
● Autenticación OAuth de 2 pasos
Token de Acceso
![Page 15: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/15.jpg)
Hablándole a Joomla! - Composer App
● Gestión de Publicaciones
![Page 16: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/16.jpg)
Conclusiones
★ Joomla 3 permite integrar Mobile Apps
★ Funcionalidad de la Aplicación?
★ Potencialidad Móvil: movimiento, GPS,
cámara, etc.
★ Plataformas x dispositivos (Tiempo)
![Page 17: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/17.jpg)
Próximos pasos
● Publicar librería de desarrollo JoomGap
de código abierto, para creación de
Mobile Apps,
● y publicar una proyecto de ejemplo.
@joomgap
![Page 18: Desarrollo de apps móviles para Joomla](https://reader034.fdocumento.com/reader034/viewer/2022042611/588487dd1a28abcd198c27f5/html5/thumbnails/18.jpg)
Preguntas y Feedback
Aníbal Sánchez
@anibal_sanchez
http://blog.anibalhsanchez.com
Extly Extensions
http://www.extly.com