Henry & Meyta - Behind The Scene of Tokopedia Android Homepage

Transcript

1. Behind The Scene of Tokopedia Android Homepage Henry Priyono & Meyta Jennis T
2. Hello! I am Henry Priyono I work as Android Software Engineer at Tokopedia You can email me at henry.priyono@tokopedia.com 2
3. Many many types.. Change frequently Place your screenshot here 3 Homepage at a glance
4. “Project Mgr : Could you move that flash sale widget to bottom? Android Dev : Alright.. (fix & release app) *Few days later..* Project Mgr : After all the revenue drops, could you move that back to top? Android Dev : !@#@#$#$%^ (table flip) 4
5. “Then come the last earth-quaking question from business dev team: Could you make us able to change the widget position, WITHOUT app release? 5
6. Is it React Native? Or Flutter? Or Webview? 6 No it’s NATIVE!!
7. Android RecyclerView with multi- types adapter Building Blocks Backend Provides list of items; each has item type & item content 7
8. Android Code Sneak Peek Lots of Types.. But simply separate into one class 8
9. API Response Sneak Peek List of Items.. Each with Type and Content 9
13. Big question “Is it practical? We still need to handle new component in android code EVERYTIME new component is introduced” 13
14. So Dynamic.. Workaround? 14
15. 1. Six Grid Image Multi Purpose :) 15
16. 2. Dynamic Title Easily join with next component :) 16
17. 3. Templated Component Dynamically place templated component from other team wherever you want :) 17
18. To summarize.. 1. Six Grid Image 2. Dynamic Title 3. Templated Component 18
19. Thank You! 19
20. Next? Global Navigation 20
21. Hello! I am Meyta I also work as Android Software Engineer at Tokopedia You can email me at meyta.taliti@tokopedia.com 21
22. Ease of navigation Place your screenshot here 22 Global Nav
23. 23 ...from time to time
24. Learning the legacy codes 24
25. How? • Try to understand every functions • Write all functions, because we don’t want to miss a single thing • Ask if something is poorly understood 25
26. Deal with Multi-Module
27. 27 Activity Home Feed
28. 28 Navigation Searchbar Feed Home Cart
29. Bye Drawer And welcome Bottom Navigation...
30. How it works? 30 Activity Badge Listener Home Fragment Feed Fragment Inbox Fragment Cart Fragment Account Fragment notify create show Add to managers isAdded?
31. Conclusion • We want to give you the best experience when using the Tokopedia app by creating native Android. • You can do it if you believe you can. If you believe, you can achieve 31
32. Thank You! We are hiring! https://www.tokopedia.com/careers/ 32