About TokoTokoan

TokoTokoan is an Android e-commerce application development project created by Agus Ibrahim directly on an Android device using the AIDE environment. The project serves as a design study, combining the most effective user interface elements from three prominent Indonesian e-commerce platforms: Tokopedia, Blanja, and Bukalapak. The application features a green color scheme and category organization inspired by Tokopedia, including their specific icons and layout. Product listing items utilize a flat and clear design philosophy derived from Blanja. To enhance navigation, the app implements a horizontal scroll view for products similar to the Google Play Store layout, which is modeled after Bukalapak's interface. Technically, the application is built from scratch without decompiling existing APKs. It leverages a CoordinatorLayout as the parent root structure with a NestedScrollView and vertical LinearLayout for the main body to manage complex view systems. Product categories are displayed using a RecyclerView wi

a

Published by

agusibrahim

Visit View Profile

README.md

View on GitHub

TokoTokoan

by Agus Ibrahim

Desain Aplikasi terinspirasi dari 3 App E-Commerce terkenal di Indonesia, yaitu Tokopedia, Blanja, dan Bukalapak. Saya jadikan satu, karena desain ketiganya bagus-bagus.

Tokopedia, Blanja dan Bukalapak

NO DECOMPILATION / REVERSE ENGINEERING PROCESS

Tidak ada proses decom APK, tidak ada intip-intip xml/java/smali, murni coding sendiri. Namun untuk ikon serta kategorinya saya ambil dari cache Aplikasi Tokopedia.

Dari Tokopedia saya ambil desain Kategorinya, icon serta penataan yang rapih. Untuk item Produk saya ambil dari Blanja, flat dan jelas. Dan dari Bukalapak, saya ambil ListView horizontal, yaa mirip-mirip Google Play Store lah saya suka.

Seperti Apa Jadinya?

Mengambil tema warna hijau, Aplikasi yang saya namai "TokoTokoan" ini sekilas mirip dengan Tokopedia, karena disamping warna hijaunya, Kategori beserta ikonnya saya ambil dari Tokopedia.

BEHIND THE SCENE

Layout parent/root menggunakan CoordinatorLayout, sedangkan bodi aplikasi menggunakan NestedScrollView LinearLayout vertikal karena disini kita menempatkan beberapa bagian View, seperti kategori A, kategori B, dsb sehingga membutuhkan scroll. Untuk item dalam kategori saya menggunakan RecyclerView gaya Grid (GridLayoutManager) 2 kolom. RecyclerView juga diterapkan pada Scroll Horizontal produk (LinearLayoutManager orientasi Horizontal)