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
Henry & Meyta - Behind The Scene of Tokopedia Android Homepage
Search
Android VIP
January 12, 2019
Programming
1
530
Henry & Meyta - Behind The Scene of Tokopedia Android Homepage
Android VIP
January 12, 2019
Tweet
Share
More Decks by Android VIP
See All by Android VIP
Ghiyats Hanif - Android Templates
androidvip
0
300
Javent - Coroutines 101
androidvip
0
320
Abangkis - INTO KOTLIN A PRAGMATIC WAY
androidvip
2
410
Gilang - Playing Unit Test with Spek
androidvip
1
430
Other Decks in Programming
See All in Programming
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
100
Git Lint
bkuhlmann
4
740
甘い香りに誘われてVanilla Extractを1年間運用してみた
miyahkun
1
110
雑に思考を整理する技術と効能
konifar
55
25k
チーム力を高めるスクラム実践法:カンバン公開と課題攻略について - ニフティのスクラムトーク Vol. 2 - NIFTY Tech Talk #18
niftycorp
PRO
1
110
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
3.6k
コーンフレークから始める モデリング会話入門
ogurotakayuki
0
280
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
230
ONE WEDGE_company_guide
1wedge_one
0
380
今の SmartHR にエンジニアで入社するとどうなるの?
daisukeshinoku
5
4.6k
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
340
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
180
Featured
See All Featured
How GitHub (no longer) Works
holman
304
140k
Making Projects Easy
brettharned
108
5.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Typedesign – Prime Four
hannesfritz
36
2.1k
A Philosophy of Restraint
colly
196
16k
Practical Orchestrator
shlominoach
181
9.7k
The Power of CSS Pseudo Elements
geoffreycrofte
59
5k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
GitHub's CSS Performance
jonrohan
1023
450k
Producing Creativity
orderedlist
PRO
336
39k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Transcript
Behind The Scene of Tokopedia Android Homepage Henry Priyono &
Meyta Jennis T
Hello! I am Henry Priyono I work as Android Software
Engineer at Tokopedia You can email me at
[email protected]
2
Many many types.. Change frequently Place your screenshot here 3
Homepage at a glance
“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
“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
Is it React Native? Or Flutter? Or Webview? 6 No
it’s NATIVE!!
Android RecyclerView with multi- types adapter Building Blocks Backend Provides
list of items; each has item type & item content 7
Android Code Sneak Peek Lots of Types.. But simply separate
into one class 8
API Response Sneak Peek List of Items.. Each with Type
and Content 9
10
11
12
Big question “Is it practical? We still need to handle
new component in android code EVERYTIME new component is introduced” 13
So Dynamic.. Workaround? 14
1. Six Grid Image Multi Purpose :) 15
2. Dynamic Title Easily join with next component :) 16
3. Templated Component Dynamically place templated component from other team
wherever you want :) 17
To summarize.. 1. Six Grid Image 2. Dynamic Title 3.
Templated Component 18
Thank You! 19
Next? Global Navigation 20
Hello! I am Meyta I also work as Android Software
Engineer at Tokopedia You can email me at
[email protected]
21
Ease of navigation Place your screenshot here 22 Global Nav
23 ...from time to time
Learning the legacy codes 24
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
Deal with Multi-Module
27 Activity Home Feed
28 Navigation Searchbar Feed Home Cart
Bye Drawer And welcome Bottom Navigation...
How it works? 30 Activity Badge Listener Home Fragment Feed
Fragment Inbox Fragment Cart Fragment Account Fragment notify create show Add to managers isAdded?
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
Thank You! We are hiring! https://www.tokopedia.com/careers/ 32