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