Abdelrahman Ibrahim @iaboeyad Stanford Drupal Camp 2017 Saudi - PowerPoint PPT Presentation

Case Study Abdelrahman Ibrahim @iaboeyad Stanford Drupal Camp 2017

Saudi Arabia

Problem Around 2 events every week mobile applications requests Multiple themes and contents types

Solution Multiple sites for events Unified theme. Unified content types Unified views

Heroes

Step 1 Prepare environment Developer PC Dev Server Staging Server Production Server PHP 5.6.1 PHP 5.6.1 PHP 5.6.1 PHP 5.6.1 Apache 2.4 Apache 2.4 Apache 2.4 Apache 2.4 mySQL 5.5.4 mySQL3.4 mySQL3.4 mySQL3.4 MAMP Redhat Redhat Redhat

Step 2 Install Drupal 8 - drush dl drupal - Configure database - drush en rest change always_populate_raw_post_data in php.ini to -1

Step 3 Wire-framing and design

Step 4 Create Content types and forms •Event general information •Speaker info •Session info •Sponsors info •Registration form •Contact us form

Step 5 Create Drupal views •Home page content panes •Schedule page •Speakers page •sponsors page

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

Step 7 Ionic Start ionicframework.com/getting-started/ npm install -g cordova ionic ionic start --v2 myApp tabs

Step 8 Ionic Pages page.html page.scss page.ts

Step 9 Ionic build $ ionic prepare iOS $ ions deploy android $ ionic build ios $ ionic build

Step 10 Be happy and make your boss happy

Thank you Abdelrahman Ibrahim info@jetpe.com @iaboeyad