Find Us On Social Media :

Melirik Cara Tokopedia Membangun Platform Marketplace-nya di iOS & Web

By Rafki Fachrizal, Selasa, 27 Oktober 2020 | 18:15 WIB

Ilustrasi Para Nakama di Tokopedia

Lantas, seberapa andalkah kerangka ini?

Jika sebelumnya kebanyakan developer menggunakan UIView, dengan kerangka Texture tim iOS Tokopedia menggunakan ASDisplayNode yang dapat mudah digunakan.

Pada ASDisplayNode, komponen-komponen yang dibutuhkan sudah tersedia, baik itu untuk menampilkan gambar, button, scrollview, ataupun text field, sehingga semua item sudah memiliki pengganti masing-masing dari yang tersedia pada UIKit.

Layout pada Texture tidak menggunakan Auto Layout, melainkan Flexbox, di mana ini digunakan untuk web development.

Secara performa, dengan menggunakan Texture, tampilan UI menjadi jauh lebih smooth, terlebih ketika pengguna melakukan scrolling halaman.

Tinggi cell pun juga akan menyesuaikan layout, di mana ketika layoutnya sudah benar, maka tinggi cell akan mengikuti.

Nah jika sesi pertama membahas seputar sudut pandang dari sisi teknis, maka sesi berikutnya dilanjutkan dengan membahas dari sudut pandang manusianya atau tim yang berada di balik iOS.

Tiara Freddy Andika (Principal Engineer – iOS) menjelaskan bahwa Tokopedia mengadaptasi struktur organisasi tribe, di mana tribe ini terdiri dari lebih dari 20 anggota tim dengan fokus yang berbeda-beda.

“Setiap tribe memiliki UI Designer dan Developer masing-masing, sehingga tidak menutup kemungkinan adanya perspektif desain app yang berbeda yang kemudian berpengaruh terhadap alur pengembangan suatu fitur,” jelas Tiara.

Untuk mengatasi itu, tim iOS membuat suatu kerangka yang bernama SharedUI, suatu kerangka yang dibuat dengan menggunakan Texture untuk menyediakan UI komponen untuk setiap aplikasi iOS Tokopedia.

SharedUI dibuat dengan beberapa cara, yaitu dengan mengidentifikasi komponen berdasarkan penggunaan, behaviour, anatomi, dan penempatannya.

Proses pembuatan komponen SharedUI sendiri dibagi ke dalam beberapa tahap, yaitu: