How to compete with
a native app

introduction

problems

solutions

conclusion
introduction Martin Kačmar

Developer at dotBlue.


Offices in Haarlem (NL) and Brno (CZ).
introduction SalesChamp
Web application, door-to-door sales.
introduction Sales visits
introduction Contract signing
introduction Team
introduction Chat
problems Mr. Facebook vs. Sencha team

“Our biggest mistake was betting too much on
HTML5”
!

“So, when Mark Zuckerberg sa...
solutions

Tackling UI challenges

• standalone applications and address bar
• common inputs
solutions

Touch Me Babe

• enhanced touch events
• 300ms tap delay
• scrolling issues
• UI bouncing
solutions

Edge cases & monitoring

• error tracking
• data dumps
solutions

Offline availability

• databases, key-value storages
• applicationCache comes to the rescue
• connection availa...
conclusion Advantages

• deployment without restrictions
• business model under control
• one codebase to rule them all!
conclusion Vég

If you use all the abilities that JavaScript and
HTML5 nowadays offer, you are able to create an
app that f...
we’re looking for you!

http://saleschamp.io
thank you
for your attention!
Martin Kačmar
@martinkacmar
!

http://saleschamp.io
Upcoming SlideShare
Loading in …5
×

budapest.js - How to compete with a native app

409
-1

Published on

Slides from Martin Kačmar's talk at budapest.js meetup (17th of January 2014)

Learnings obtained while developing iPad web application SalesChamp (http://saleschamp.io/). Contains solutions to common problems that will not only make your web app perform like native, but give you one step ahead with power of web.

Published in: Technology, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
409
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

budapest.js - How to compete with a native app

  1. 1. How to compete with a native app introduction problems solutions conclusion
  2. 2. introduction Martin Kačmar Developer at dotBlue. 
 Offices in Haarlem (NL) and Brno (CZ).
  3. 3. introduction SalesChamp Web application, door-to-door sales.
  4. 4. introduction Sales visits
  5. 5. introduction Contract signing
  6. 6. introduction Team
  7. 7. introduction Chat
  8. 8. problems Mr. Facebook vs. Sencha team “Our biggest mistake was betting too much on HTML5” ! “So, when Mark Zuckerberg said HTML5 wasn't ready, we took a little offense to the comment.”
  9. 9. solutions Tackling UI challenges • standalone applications and address bar • common inputs
  10. 10. solutions Touch Me Babe • enhanced touch events • 300ms tap delay • scrolling issues • UI bouncing
  11. 11. solutions Edge cases & monitoring • error tracking • data dumps
  12. 12. solutions Offline availability • databases, key-value storages • applicationCache comes to the rescue • connection availability a.k.a why navigator.onLine sucks balls • battery life problems
  13. 13. conclusion Advantages • deployment without restrictions • business model under control • one codebase to rule them all!
  14. 14. conclusion Vég If you use all the abilities that JavaScript and HTML5 nowadays offer, you are able to create an app that feels native, yet offers all the benefits of web.
  15. 15. we’re looking for you! http://saleschamp.io
  16. 16. thank you for your attention! Martin Kačmar @martinkacmar ! http://saleschamp.io

×