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

▶

Nov 13, 2022 42 likes •203 views

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

SLIDE 1

Abdelrahman Ibrahim @iaboeyad

Stanford Drupal Camp 2017

Case Study

SLIDE 2

Saudi Arabia

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