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
340
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
Enhancing WordPress and WooCommerce - Case study of ymca.gr
wpgr
0
57
Κατανόηση της καταναλωτικής συμπεριφοράς και διαμόρφωση στρατηγικής
wpgr
0
57
Συνδυαστικές στρατηγικές για Επιτυχημένο E- Commerce, Online Merchandising και Digital Marketing
wpgr
0
58
Ρυθμίσεις & styling μλοκ με χρήση του theme.json
wpgr
0
88
Marketing στην πράξη το 2023
wpgr
1
49
Το Metaverse και πώς σχετίζεται με το WordPress!
wpgr
0
88
Γνωριμία με την ομάδα Training
wpgr
0
23
Στρατηγική SEO content για e-commerce websites
wpgr
1
61
Είμαι Freelancer, πώς να κάνω personal branding
wpgr
0
38
Other Decks in Programming
See All in Programming
Playwrightから始めるVisual Regression Testingのススメ by とっと
totto2727
2
1.8k
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
140
どうしてこうなった?から理解するActive Recordの関連の裏側
willnet
5
530
月間4.5億回再生を超える大規模サービス TVer iOSアプリのリアーキテクチャ戦略 - iOSDC2024
techtver
PRO
1
670
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
130
エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方
bicstone
5
1.2k
私の考える初学者がBlazorできるまでの学習方法
tomokusaba
1
250
React + TextAliveでカッコいいLyric Applicatioinを作ろう!!
tosuri13
0
370
dotfiles について話したい #湘なんか
stefafafan
2
290
TypeScriptで 負荷テストを書こう 〜k6のシングルバイナリの秘密〜
dora1998
7
2.9k
オートマトン学習しろ / Do automata learning
makenowjust
3
110
Rubyのobject_id
qnighy
6
1.3k
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
43
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
The World Runs on Bad Software
bkeepers
PRO
64
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Teambox: Starting and Learning
jrom
131
8.7k
Ruby is Unlike a Banana
tanoku
96
10k
How to train your dragon (web standard)
notwaldorf
85
5.6k
How to name files
jennybc
75
98k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
157
15k
Clear Off the Table
cherdarchuk
90
320k
Being A Developer After 40
akosma
83
580k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
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