1.
Beyond the web: Mobile apps using
Drupal & Ionic 2
Ignacio González Bullón ♦ Alejandro Gómez Morón

2.
Who are we?
● Frontend & Backend developer (Angular, Ionic,
Java, Node, TypeScript, Gulp)
● 2 years working in Emergya
● Hungry learner
@drupaldevdays #drupaldevdays

3.
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

4.
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

5.
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

6.
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

7.
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

8.
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

9.
Structure
@drupaldevdays #drupaldevdays

10.
What we have to learn to do,
We learn by doing
- Aristotle
@drupaldevdays #drupaldevdays

11.
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!

12.
THANKS!
@drupaldevdays #drupaldevdays

13.
THANKS!
@drupaldevdays #drupaldevdays