Beyond the web: Mobile apps using Drupal & Ionic 2
Ignacio González Bullón ♦ Alejandro Gómez Morón
Who are we?
● Frontend & Backend developer (Angular, Ionic,
Java, Node, TypeScript, Gulp)
● 2 years working in Emergya
● Hungry learner
@drupaldevdays #drupaldevdays
Who are we?
● QA & Tech lover (Selenium, Java, TypeScript, Drupal, Ionic, AngularJS, Gulp…).
● QA leader at @LaDrupalera by @Emergya.● QA Lecturer at @EPSUPO.● @SevillaQA organizer.● I am passionate about challenges and I hate
repeating processes!
@drupaldevdays #drupaldevdays
1. Check you have Internet connection
2. Look for a partner!
3. Make sure you will learn having fun!
@drupaldevdays #drupaldevdays
Hands on!
https://github.com/natete/DrupalDevDays-Ionic2-Workshop
Roadmap
● What’s Ionic and how do it relates with Drupal?
○ Hybrid applications.
○ Drupal RESTful capabilities.
● What are we going to build.
● Hand on!
@drupaldevdays #drupaldevdays
What is Ionic?
● Free & Open Source Framework
● Create Cross-Platform applications based on web
technologies
● Use Cordova Plugins to interact with the device
@drupaldevdays #drupaldevdays
Drupal RESTful capabilities
● Web services modules
○ REST UI
○ RESTful web services
○ Serialization
○ CORS
● Allows us to expose basic resources
● More complex endpoints using views
@drupaldevdays #drupaldevdays
What are we going to build
● An application to view DrupalDevDays Schedule
● Extra features:
○ Add events to the device calendar
○ Receive push notifications (using DevicePush)
@drupaldevdays #drupaldevdays
Structure
@drupaldevdays #drupaldevdays
What we have to learn to do,We learn by doing
- Aristotle
@drupaldevdays #drupaldevdays
Enjoy and remember.
This has been done making
the best decisions
with the information
available at the moment.@IsraKaos
@drupaldevdays #drupaldevdays
https://github.com/natete/DrupalDevDays-Ionic2-Workshop
Hands On!
THANKS!
@drupaldevdays #drupaldevdays
THANKS!
@drupaldevdays #drupaldevdays