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 Application with Wordpress - WordCamp Athens 2016
Search
WordPress Greek Community
November 19, 2016
Programming
1
330
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
48
Κατανόηση της καταναλωτικής συμπεριφοράς και διαμόρφωση στρατηγικής
wpgr
0
41
Συνδυαστικές στρατηγικές για Επιτυχημένο E- Commerce, Online Merchandising και Digital Marketing
wpgr
0
55
Ρυθμίσεις & styling μλοκ με χρήση του theme.json
wpgr
0
81
Marketing στην πράξη το 2023
wpgr
1
49
Το Metaverse και πώς σχετίζεται με το WordPress!
wpgr
0
85
Γνωριμία με την ομάδα Training
wpgr
0
20
Στρατηγική SEO content για e-commerce websites
wpgr
1
60
Είμαι Freelancer, πώς να κάνω personal branding
wpgr
0
37
Other Decks in Programming
See All in Programming
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
Introduction of Happy Eyeballs Version 2 (RFC8305) to the Socket library
coe401_
1
220
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
「2024年版 Kotlin サーバーサイドプログラミング実践開発」の補講 〜O/Rマッパー編〜
n_takehata
2
260
유연한 Composable 설계
l2hyunwoo
0
380
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
CSC307 Lecture 10
javiergs
PRO
0
310
Composing an API the *right* way (Droidcon Berlin 2024)
zsmb
1
450
ピグパーティにおけるMongoDB CommunityバージョンからAtlasへの移行事例
10969hotaka
0
130
How to use Macrobenchmark
veronikapj
0
160
Featured
See All Featured
Ruby is Unlike a Banana
tanoku
96
10k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Why Our Code Smells
bkeepers
PRO
332
56k
Unsuck your backbone
ammeep
666
57k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
Thoughts on Productivity
jonyablonski
64
4.1k
Documentation Writing (for coders)
carmenintech
63
4.2k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
For a Future-Friendly Web
brad_frost
173
9.2k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
Building Your Own Lightsaber
phodgson
101
5.9k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
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