Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Nikolaos Giannopoulos - Offline Hybrid Applicat...
Search
WordPress Greek Community
November 19, 2016
Programming
1
420
Nikolaos Giannopoulos - Offline Hybrid Application with Wordpress - WordCamp Athens 2016
WordPress Greek Community
November 19, 2016
Tweet
Share
More Decks by WordPress Greek Community
See All by WordPress Greek Community
Thanassis Zannias - Flexible WordPress Dev Environment with Docker
wpgr
0
7
Andreas Karavanas - AI Supercharged Landing Pages
wpgr
0
10
Όμορφα, γρήγορα και οικονομικά websites με WordPress
wpgr
0
12
Unlocking creativity - Marilia Darilli
wpgr
0
41
Έλλη Μουχτάρη - Χτίσε το προσωπικό σου brand και απόκτησε τους πελάτες που θες
wpgr
0
26
Ioannis Kastorinis - WooCommerce technical automations in the real world
wpgr
0
39
Christos Paloukas - Cache me if you can, a journey through caching layers in WordPress
wpgr
0
47
Ευάγγελος Πάλλης - Malware Cleanup & Protection
wpgr
0
49
Νίκος Μαυράκης - Κοστολογώντας τη δημιουργικότητα
wpgr
0
34
Other Decks in Programming
See All in Programming
レトロゲームから学ぶ通信技術の歴史
kimkim0106
0
130
TypeScriptでDXを上げろ! Hono編
yusukebe
3
860
Yes, You Can Work on Rails & any other Gem
kaspth
0
110
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
4
1.2k
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
240
slogパッケージの深掘り
integral0515
0
130
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
7.4k
ZeroETLで始めるDynamoDBとS3の連携
afooooil
0
120
構造化・自動化・ガードレール - Vibe Coding実践記 -
tonegawa07
0
150
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
2
160
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
320
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
210
Featured
See All Featured
Building an army of robots
kneath
306
45k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
850
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
KATA
mclloyd
30
14k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Balancing Empowerment & Direction
lara
1
500
Building Applications with DynamoDB
mza
95
6.5k
Practical Orchestrator
shlominoach
189
11k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
Code Reviewing Like a Champion
maltzj
524
40k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Transcript
Offline Hybrid Application with Wordpress Nikolaos Giannopoulos @gnnpls
Design & Development Located in Corfu Co-Founder UX/UI motivar.io
Information Architecture Hybrid Application Development Sync Content in Offline Application
Sync Analytics Data
Real Case Scenario
Scenario Travel Guide
Travel Guide No Digital Content Scenario
iOS / Android Offline Application
None
CMS
CMS Design Develop
CMS Design Develop
Solutions
Design Develop CMS
Design Develop
WordPress Admin Simple Use of Posts Content in Categories Image
Gallery
keep in mind...
I don’t ask why patients lie I just assume they
all do Dr. House
so do editors!
Custom Fields Strict Content Restrictions Use of necessary fields Input
Guides
Display Errors
Design Develop
Team Facts Native Experience == false Specialized Partners == false
Challenge Mode == true
so we searched...
Hybrid Application Development Hybrid Application Development
Native Applications
Web Applications
Hybrid = Native + Web
None
Build
Build
Hybrid Frameworks Ionic http://ionicframework.com/ Onsen Ui https://onsen.io/ Cordova / Phonegap
https://cordova.apache.org/ Jquery Mobile https://jquerymobile.com/
Hybrid Frameworks Ionic http://ionicframework.com/ Onsen Ui https://onsen.io/ Jquery Mobile https://jquerymobile.com/
Cordova / Phonegap https://cordova.apache.org/
None
None
Solutions
REST API Advantages Frequent Updates Use Cache to Save Data
Drawbacks No Web no Content Bad Local network
Save Data on Device Advantages Offline Access Control over Content
Drawbacks No Frequent Updates Time Consuming Uploads
#drawbacks { transform: advantages; }
Launch Versions Export Content to JSON Export Images to ZIP
Create Update Token
Export UI
Export JSON to SQLite Register Device on WP Use of
Local Storage Sync Update Tokens
SQLite Content
None
Corfu Summer News
Life@Corfu
iOS / Android Card Design Newspaper
Search Function Hamburger Menu Nearest Articles
Categories Subcategories Articles Counter
SlideShow Title & Headline Content
Calls to Action Custom Fields Consistency
GPS on demand Google Maps Directions Api
Code Layout
Performance First Target more than 4000 Devices Limit Queries to
SQLite Call Scripts on Demand
HTML5
Data Mapping
Libraries & Tools Jquery https://jquery.com/ Velocity.js http://velocityjs.org/ Materialize.css http://materializecss.com/ FastClick
https://github.com/ftlabs/fastclick GapDebug https://www.genuitec.com/products/gapdebug/
Done?
not yet!
The price of light is less than the cost of
darkness Arthur C. Nielsen
Analytics
None
Statistics Content Geo-Location Call to Action
Solutions Store Analytics Google Analytics SDK Multiple SDKs
Project Status Last Minute Delivery == true Offline App Experience
== false Code Transformation Needed == true
Custom Solution
SQLite & Local Storage Article & Call to Action Geo
Stats
Online Connection Confirm Device ID Store Analytics & Sweep
Device List
User Journey
User Journey
Various True Facts
3,000 total Downloads
23% Downloads before Trip
17% Asked for Directions
14% Converged
650% Profit Increase in 2 Years
Expand in Ionian Islands
Summary
None
Useful Links Building a PhoneGap App with WordPress http://bit.ly/2eHI5vo Creating
a Mobile App for your WordPress Site http://bit.ly/2eNpKeW PhoneGap Tips http://bit.ly/2dSzjLX Top 10 Performance Techniques for Hybrid Apps http://bit.ly/2eCKmaz
remember..
not always works like a charm
but don’t worry
challenge == true && devotion == true && comfortZone ==
false { progress = true; }
Thanks Nikolaos Giannopoulos
[email protected]
@gnnpls