Doni Hanafi gives a presentation on developing a mobile app. He discusses having a dream app that is high quality, cost effective, and quick to market. This requires adopting a mobile mindset of minimizing complexity, thorough testing, and the ability to force app updates from the backend if needed. An agile process with proper planning, communication, and learning from failures and successes is important. The right team structure is also key, initially focusing on product management, design, and architecture, then adding development and QA as the app is built out. The presentation provides advice on getting a first release done well and preparing for future scaling.

1. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
I need to develop a mobile app,
but how do I get started?
Doni Hanafi
EV Hive, 5 Nov 2015

2. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
Professional
• Software Analyst, SingTel (2008 - 2013)
• Lead Architect, Ice House (2013 - 2014)
• CTO, Bridestory (2014 - now)
Education
• EEE, NTU (2004 - 2008)
• CS, NUS (2009 - 2011)
ABOUT ME
Doni Hanafi

3. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
• Curious about mobile app development
• Considering to build mobile app and already
have the idea to execute
• Currently building mobile app and would like to
hear other stories
• Others
Objective

4. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.

5. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
DREAM MOBILE APP
High Quality
• Beautiful
• Reliable
• Long lasting

6. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
• Resource efficiency
• Right hiring
Image Source http://www.twentylys.com/cost-effective-software-outsourcing-solutions-using-untapped-global-talents/
DREAM MOBILE APP
Cost Effective

7. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
• Agile Process
• Effective planning
• Work organisation
Image Source http://www.builtinla.com/blog/offshore-center-option-start-owned-company-india
DREAM MOBILE APP
Quick to Market

8. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
src http://www.wysiwygventures.com/enterprise-change-must-follow-people-process-technology/

9. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
PRODUCT (Technology)
Mobile Mindset

10. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
MOBILE MINDSET
App deployment is slow
Web
Deploy once, received by all users
instantly
Source http://appreviewtimes.com/
Mobile App
iOS needs average 7 days to review

11. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
Web
Deploy once, received by all users
instantly
Source http://www.tomsguide.com/faq/id-2327889/troubleshoot-app-store-purchases-updating.html
Mobile App
iOS needs average 7 days to review
..and hey, you got 30 apps to
update, why don’t you … arghh,,
MOBILE MINDSET
App deployment is slow

12. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
1. Put business logics in backend, app should
focus on visual and data rendering only
2. Don’t use iOS mindset in Android, provide two
separate UI designs
3. Spend more time in planning and design
4. Backward compatibility is a must
MOBILE MINDSET
Minimise complexity from your app

13. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
MOBILE MINDSET
… and test your app!!
Check …
Double Check …
Final Check …

14. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
MOBILE MINDSET
Mobile App Testing
Testing Stage
1. Unit Testing
2. User Testing
3. Automated Testing
Challenges
1. Device fragmentation
2. Slow internet connection scenario

15. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
MOBILE MINDSET
Last resort
From first release, insert a small code in your
app to allow backend to force update the app
or even make the app unusable

16. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
PROCESS
AGILE

17. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
No coding before you
iterate, verify, and finalise
your:
• Wireframe and Flow
• User Stories
• Acceptance Criteria
• UI Mockup ??
Image Source http://rubymel.blogspot.co.id/2014/06/if-you-fail-to-plan-you-are-planning-to.html
AGILE
Plan Hard!!

18. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
Image Source https://blog.toggl.com/2014/02/integrate-toggl-time-tracking-jira-asana-trello/
AGILE
But how do I organise them?

19. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
• Breakdown work into smaller unit (Sprint)
• Declare Failure and learn from it for next sprint
• Declare Victory and learn from it for next sprint
• Retrospective for continuous improvement
AGILE
Fail early, Learn early

20. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
• Daily stand up for regular alignment
• Sprint planning to bring everyone on the same
page
• Retrospective to look back and learn forward
• Backlog Grooming to align priority and validity
of requirement
• Plan reality, not fantasy
AGILE
Over Communicate until
it becomes problem

21. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
Someone needs to be the
gap-closer
• Managing dependency
• Missing requirement
• Missing assets
• Need new test devices
• …
• …
• Fix coffee machine
AGILE
…but there are still few gap

22. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
PEOPLE
HIRING STRATEGY

23. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
No coding before you
iterate, verify, and finalise
your:
• Wireframe and Flow
• User Stories
• Acceptance Criteria
• UI Mockup ??
Image Source http://rubymel.blogspot.co.id/2014/06/if-you-fail-to-plan-you-are-planning-to.html
AGILE (Revisit)
Plan Hard!!

24. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
Product
Manager
UI
Designer
Technical
Architect
HIRING STRATEGY
Your early team structure

25. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
Product
Manager
UI
Designer
Technical
Architect
HIRING STRATEGY
Your next team structure
Scrum
Master
Backend
Developer
Mobile
Developer

26. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
Product
Manager
UI
Designer
Technical
Architect
HIRING STRATEGY
Before you launch
Scrum
Master
Backend
Developer
Mobile
Developer
QA
Engineer

27. ©2015 Bride Story. All content & material in this presentation belongs to Bridestory and its respectful partners.
END
I got my first release done perfectly
but now how to scale?