SLIDE 1 Abdelrahman Ibrahim @iaboeyad
Stanford Drupal Camp 2017
Case Study
SLIDE 3
Around 2 events every week mobile applications requests Multiple themes and contents types
Problem
SLIDE 4
Solution
Multiple sites for events Unified theme. Unified content types Unified views
SLIDE 5
Heroes
SLIDE 6 Step 1
Prepare environment PHP 5.6.1 Apache 2.4 mySQL3.4 PHP 5.6.1 Apache 2.4 mySQL3.4 PHP 5.6.1 Apache 2.4 mySQL3.4
Developer PC Dev Server Staging Server Production Server
PHP 5.6.1 Apache 2.4 mySQL 5.5.4 MAMP Redhat Redhat Redhat
SLIDE 7 Step 2
Install Drupal 8
- drush dl drupal
- Configure database
- drush en rest
change always_populate_raw_post_data in php.ini to -1
SLIDE 8
Step 3
Wire-framing and design
SLIDE 9 Step 4
Create Content types and forms
- Event general information
- Speaker info
- Session info
- Sponsors info
- Registration form
- Contact us form
SLIDE 10 Step 5
Create Drupal views
- Home page content panes
- Schedule page
- Speakers page
- sponsors page
SLIDE 11 Step 6
Create JSON views
- If you are using drupal 7 use views datasource contrib module
- Select the fields you want to use for your mobile
- Test your json using postman or chrome josn view
SLIDE 12
Step 7
Ionic Start ionicframework.com/getting-started/
npm install -g cordova ionic ionic start --v2 myApp tabs
SLIDE 13
Step 8
Ionic Pages
page.html page.scss page.ts
SLIDE 14
Step 9
Ionic build $ ionic prepare iOS $ ions deploy android $ ionic build ios $ ionic build
SLIDE 15
Step 10
Be happy and make your boss happy
SLIDE 16
Thank you @iaboeyad info@jetpe.com
Abdelrahman Ibrahim