31
PhoneGap/Cordova’s Push Notification for Android Teerasej Jiraphatchandej www.nextflow.in.th/phonegap

PhoneGap/Cordova: Push notification on Android

Embed Size (px)

DESCRIPTION

My presentation on PhoneGap/Cordova training at Rakuten's TARAD.com headquarter. It shows concept and overview before we go deep in project, code, and PushPlugin. Invite me to help your team faster with PhoneGap/Cordova. Contact: [email protected]

Citation preview

Page 1: PhoneGap/Cordova: Push notification on Android

PhoneGap/Cordova’s Push Notification

for Android

Teerasej Jiraphatchandej www.nextflow.in.th/phonegap

http://www.nextflow.in.th/phonegap
Page 2: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

“Pon” Teerasej Jiraphatchandej

USER GROUP MANAGER THAI ADOBE DEVELOPER COMMUNITY

[email protected]

teerasej

http://www.nextflow.in.th/phonegap/
mailto:[email protected]
Page 3: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Push…

http://www.nextflow.in.th/phonegap/
Page 4: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

http://www.nextflow.in.th/phonegap/
Page 5: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

http://www.nextflow.in.th/phonegap/
Page 6: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Push to notify…

http://www.nextflow.in.th/phonegap/
Page 7: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Push…

http://www.nextflow.in.th/phonegap/
Page 8: PhoneGap/Cordova: Push notification on Android

Bad Push notification

• Spam (Bad User Experience)

• Server-Load (Bad Resource Management)

Page 9: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Overview

http://www.nextflow.in.th/phonegap/
Page 10: PhoneGap/Cordova: Push notification on Android

Overview

• Register

• Submit Message

• Notify

Page 11: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Register

http://www.nextflow.in.th/phonegap/
Page 12: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

ServerDeviceGoogle Cloud

Messaging API

http://www.nextflow.in.th/phonegap/
Page 13: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

ServerDeviceGoogle Cloud

Messaging API

Register

Register ID

http://www.nextflow.in.th/phonegap/
Page 14: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

ServerDeviceGoogle Cloud

Messaging API

Register ID

http://www.nextflow.in.th/phonegap/
Page 15: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

ServerDeviceGoogle Cloud

Messaging API

Register ID

http://www.nextflow.in.th/phonegap/
Page 16: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

ServerDeviceGoogle Cloud

Messaging API

Register ID

http://www.nextflow.in.th/phonegap/
Page 17: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

That’s register. ;)

http://www.nextflow.in.th/phonegap/
Page 18: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Submit Message

http://www.nextflow.in.th/phonegap/
Page 19: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

ServerDeviceGoogle/Apple/Somethings…

Server

Register ID

http://www.nextflow.in.th/phonegap/
Page 20: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

ServerDeviceGoogle/Apple/Somethings…

Server

Register ID, Message, Title, …

http://www.nextflow.in.th/phonegap/
Page 21: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

That’s submit. ;)

http://www.nextflow.in.th/phonegap/
Page 22: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Push notification to notify user

http://www.nextflow.in.th/phonegap/
Page 23: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

ServerDeviceGoogle/Apple/Somethings…

Server

Register ID, Message, Title, …

http://www.nextflow.in.th/phonegap/
Page 24: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

ServerDeviceGoogle/Apple/Somethings…

Server

Register ID, Message, Title, …

Push Notification to Registered ID

http://www.nextflow.in.th/phonegap/
Page 25: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

That’s Push notification! :)

http://www.nextflow.in.th/phonegap/
Page 26: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Push to Android

http://www.nextflow.in.th/phonegap/
Page 27: PhoneGap/Cordova: Push notification on Android

You need…

• Your Android Device

• A computer with PhoneGap/Cordova CLI

• A nice PHP server

• and…

Page 28: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Google Cloud Messaging

http://www.nextflow.in.th/phonegap/
Page 29: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Push Plugin !

https://github.com/phonegap-build/PushPlugin

http://www.nextflow.in.th/phonegap/
https://github.com/phonegap-build/PushPlugin
Page 30: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Let’s workshop!

http://www.nextflow.in.th/phonegap/
Page 31: PhoneGap/Cordova: Push notification on Android

http://www.nextflow.in.th/phonegap/

Thank you!

[email protected]

facebook.com/teerasej

www.nextflow.in.th

http://www.nextflow.in.th/phonegap/
mailto:[email protected]
http://facebook.com/teerasej
http://www.nextflow.in.th

Rapid Prototyping with Cordova aka Phonegap

Rapid Prototyping with Cordova aka Phonegap

Technology
Codename one Cordova/PhoneGap Support

Codename one Cordova/PhoneGap Support

Mobile
Top 5 Cordova/PhoneGap Apps Developed by Root Info Solutions Pvt Ltd

Top 5 Cordova/PhoneGap Apps Developed by Root Info Solutions Pvt Ltd

Technology
Abra sua cabeça, apps híbridos - PhoneGap/Cordova

Abra sua cabeça, apps híbridos - PhoneGap/Cordova

Mobile
PhoneGap Day 2016 EU: Creating the Ideal Cordova Dev Environment

PhoneGap Day 2016 EU: Creating the Ideal Cordova Dev Environment

Technology
Hybrid App Development using PhoneGap/Cordova

Hybrid App Development using PhoneGap/Cordova

Education
Enabling Cordova (aka PhoneGap) on Tizendownload.tizen.org/misc/media/conference2012/wednesday/...Enabling Cordova (aka PhoneGap) on Tizen René Pourtier / Luc Yriarte 2 tizen.org

Enabling Cordova (aka PhoneGap) on Tizendownload.tizen.org/misc/media/conference2012/wednesday/...Enabling Cordova (aka PhoneGap) on Tizen René Pourtier / Luc Yriarte 2 tizen.org

Documents
instalação do phonegap(cordova) no windows 8.1

instalação do phonegap(cordova) no windows 8.1

Mobile
Plugins in PhoneGap plugins.pdf · phonegap-plugin-push 17.008 Receive and handle native push notifications cordova-plugin-crosswalk-webview 15.357 Crosswalk webview (Android) cordova-camera-custom

Plugins in PhoneGap plugins.pdf · phonegap-plugin-push 17.008 Receive and handle native push notifications cordova-plugin-crosswalk-webview 15.357 Crosswalk webview (Android) cordova-camera-custom

Documents
Aplicacos Mobile Hibridas Com Cordova e PhoneGap

Aplicacos Mobile Hibridas Com Cordova e PhoneGap

Documents
PhoneGap og Processing høst 2016 · • Adobe owns PhoneGap. • Cordova is the open source foundation for PhoneGap and other similar tools ... // Now safe to use the Cordova API}

PhoneGap og Processing høst 2016 · • Adobe owns PhoneGap. • Cordova is the open source foundation for PhoneGap and other similar tools ... // Now safe to use the Cordova API}

Documents
[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap

[Curso Phonegap / Cordova] Aula 01: Introdução ao Phonegap

Technology
Uso del GPS en Android con Cordova (phonegap)

Uso del GPS en Android con Cordova (phonegap)

Documents
Cordova · Cordova Firebase 18 8: Cordova 5Android 21 Examples 21.apk 21 9: Cordova 22 22 Examples 22 22 10: AndroidiOS 23 Examples 23 phonegap-plugin-push 23 11: cordovawww 26 Examples

Cordova · Cordova Firebase 18 8: Cordova 5Android 21 Examples 21.apk 21 9: Cordova 22 22 Examples 22 22 10: AndroidiOS 23 Examples 23 phonegap-plugin-push 23 11: cordovawww 26 Examples

Documents
Enabling Cordova (aka PhoneGap) on Tizen€¦ · Enabling Cordova (aka PhoneGap) on Tizen René Pourtier / Luc Yriarte . 2 tizen.org What is Cordova (aka PhoneGap)? • An open-source

Enabling Cordova (aka PhoneGap) on Tizen€¦ · Enabling Cordova (aka PhoneGap) on Tizen René Pourtier / Luc Yriarte . 2 tizen.org What is Cordova (aka PhoneGap)? • An open-source

Documents
Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS

Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS

Technology
PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

PhoneGap - Quoin Inc · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova

Documents
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic

Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic

Software
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android

Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android

Mobile
Porting Cordova on Tizen 2download.tizen.org/misc/media/conference2013/... · PhoneGap CallBack Cordova Cordova is the Apache Open Source Project Apache Software Foundation License

Porting Cordova on Tizen 2download.tizen.org/misc/media/conference2013/... · PhoneGap CallBack Cordova Cordova is the Apache Open Source Project Apache Software Foundation License

Documents
Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada pacv@ugr.es Desarrollo para iOS en

Phonegap - Cordovamercurio.ugr.es/pedro/tutoriales/phonegap/Presentacion...Phonegap - Cordova Pedro A. Castillo Valdivieso Universidad de Granada [email protected] Desarrollo para iOS en

Documents
Cordova (PhoneGap) で始める、スマホアプリ開発

Cordova (PhoneGap) で始める、スマホアプリ開発

Technology
Desmistificando o Phonegap (Cordova)

Desmistificando o Phonegap (Cordova)

Technology
Adobe phonegap / Cordova API

Adobe phonegap / Cordova API

Education
PhoneGap · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova and donated

PhoneGap · Phonegap: A History 2010 - IBM joins Nitobi in developing PhoneGap. 2011 - Adobe acquires Nitobi and PhoneGap and at the same time PhoneGap is renamed to Cordova and donated

Documents
FAESA Computação Móvel: Introducao a Phonegap e Cordova

FAESA Computação Móvel: Introducao a Phonegap e Cordova

Technology
Desarrollo de Apps Multiplataforma con Cordova / Phonegap by BitCuántico

Desarrollo de Apps Multiplataforma con Cordova / Phonegap by BitCuántico

Technology
Apache Cordova phonegap plugins for mobile app development

Apache Cordova phonegap plugins for mobile app development

Mobile
PhoneGap/Cordova ile Mobil Uygulama Geliştirmeye Giriş

PhoneGap/Cordova ile Mobil Uygulama Geliştirmeye Giriş

Mobile
PhoneGap - tutorialspoint.com · PhoneGap ii About the Tutorial ... Though PhoneGap supports offline creation of apps using Cordova command line interface and Github repository mechanism,

PhoneGap - tutorialspoint.com · PhoneGap ii About the Tutorial ... Though PhoneGap supports offline creation of apps using Cordova command line interface and Github repository mechanism,

Documents