[Lainnya] Pengen punya OLShop ? Yuks..kita belajar membuat aplikasi android TANPA CODING [bag.3-Tamat]

click to edit

* Recommended to upload a 720*312 image as the cover image

Daftar isi serial thread : (udah ky GOT ada seri nya) Episode 1Episode 2Episode 3 (thread ini)note. Agar dibaca step by step mulai dari thread pertamaSelamat pagi semua.....Yuks mumpung masih pagi dan Saya masih agak senggang waktunya, kita lanjutkan pembelajaran Membuat Aplikasi Android OLSHOP tanpa coding. (Agar sobat membaca mulai dari thread pertama, silahkan klik serial nya di atas).Yuks..kita buka web Appcreator24 nya dan lakukan Sign in, dan klik nama OLSHOP yang kemarin kita buat.Oiya..jangan lupa aplikasi yang kemarin kita buat, silahan di install dahulu di hape karena mulai pembahasan hari ini, kita akan banyak melihat tampilan hasil editing langsung dalam aplikasi nya.Kalau lupa link download nya, silahkan klik Download App dalam menunya.Hari ini kita masuk ke pembahasan :**** DESIGN ****1. Klik tanda + di depan kata Design (Lihat gambar di atas), lalu pilih ColorsSilahkan teman2 ubah warna dari tampilan aplikasi OLSHOP nya dari template pada pilihan Style, Kalau mau di custom sesuai keinginan silahkan pilih Custom pada Style.  Jangan lupa klik SAVE lalu teman2 buka aplikasi nya di hape, silahkan lihat bagaimana hasil tampilannyaTips. Untuk awal lebih baik jangan pilih custom karenan nanti ada huruf/text/tampilan yang tidak terbaca (karena warna nya salah pilih) kecuali teman2 sudah paham benar posisi text/icon yang mau di ubah warna nya.2. Lakukan hal yang sama seperti di atas pada : Font, Menu type, dan menu pilihan lain nya jangan lupa setelah klik SAVE selalu buka aplikasi nya dan liat perubahannya**** SECTIION **** ini adalah menu untuk mengatur posisi letak menu/pilihan/submenu/fitur dan lain pada aplikasi. Di atas adalah isi dari Section, baru ada 1 section yang kita punya yaitu Admin 1, coba sobat buka aplikasi nya dan tampilan nya akan muncul seperti ini saat begitu aplikasi terbuka.Apa kekurangan yang kita lihat dari gambar di atas ? nga bagus kan? masa begitu buka aplikasi langsung masuk chat ke admin ? kan kita jualan..harus nya yang tampil begitu buka aplikasi adalah produk.Sekarang kita akan pindahkan section admin ini ke dalam submenu, kita namakan saja submenu Bantuan, caranya :Klik Create Section Lalu pilih SubmenuIni adalah tampilan form isian Submenu :Section title, isi dengan Bantuan karena kita ingin submenu ini di layar aplikasi.Sections, klik tombol hijau Add karena Admin 1 akan kita masukan ke dalam submenu ini (jika ingin section lain masuk dalam submenu ini, silahkan di pilih section apa yang akan di masukan ke dalam submenu ini pada list lalu tekan Add)Center menu, pilih YES jika ingin meletakan icon Admin 1 di tengah layar aplikasi atau NO jika ingin di pinggir kiri (silahkan ubah2 lalu liat perubahan nya dalam aplikasi)Number of columns, dalam 1 baris di layar akan di muncul kan berapa icon/grid.Gap between columns, settingan jarak antar icon0icon dalam submenu ini.Load animation, apakah ingin icon tampil dengan menampkan animasi ?Show sections title, apakah icon akan di tampilkan hanya gambar nya saja ? atau ada judul icon nya?Center titles, Judul icon mau di letakan di tengah atau di pinggirRound corners, icon akan tampil dengan sudut lancip atau membulat.Menu structure, Tata letak icon dalam aplikasipilihan menu lain nya hanya merubah tataletak/tampilan dari icon/submenu, silahkan kalian coba sendiri dan lihat perubahannya di dalam aplikasiselanjut scrool layar ke bawah lalu klik tanda + di depan Advanced Setting akan muncul seperti ini :Show in menu:, pilih YES karena submenu ini akan kita tampilkan di layar utamayang lain nya biarkan default aja, atau kalian bisa coba2 nantiMenu icon, pilih icon untuk submenu ini (jelek kalau nga ada icon nya)Setelah itu pilih save, lalu BackSekarang kita telah punya 2 section yaitu:  Admin 1 dan Submenu bantuanTapi tampilan di aplikasi masih tetap langsung muncul Admin 1, belum ada submenu nya...silahkan kalian klik icon pensil pada section Admin 1lalu klik tanda + di depan Advance Setting, akan muncul seperti ini :Show in menu, Pilih NO karena kita mau section ini di tampilkan di dalam submenu bukan pada layar utamalalu klik Saveini tampilan di aplikasi, Si Admin 1 sudah masuk ke dalam submenu bantuan, tidak muncul lagi layar utama.Demikian cara menambahkan submenu dan memasukan pilihan ke dalam submenu tersebut, silahkan teman2 coba tambahkan pilihan lain atau submenu lain sesuai kebutuhan.**** OFFICES ****Ini adalah pengaturan untuk kontak/chat dengan admin atau cabang.1. ListIni adalah daftar admin/cabang, dimana pembeli/user dapat melakukan chat dengan admin/cabang nanti nya.Silahkan di tambahkan jika memiliki admin/cabang lebih dari 1 (pada gambar telah terdaftar 1 admin yang kita input pada settingan awal)2. Optionsini adalah pengturan untuk pembeli/user aplikasi, apakah kalian ingin mereka mendaftar dulu sebelum bisa chat dengan admin atau Don't Ask jika boleh sebagai anonim.3. Colors, merubah layar tampilan pada menu admin4. Conversation, disini lah letak semua chat dari user/pembeli kepada admin.  Pada menu pula admin akan membalas semua chat dari user/pembeli**** PRODUCTS ****Section ini paling penting, karena kita menjual produk otomatis kita harus meng-input produk-produk yang akan kita jualSaya akan mulai dari section Categories karena saya ingin produk yang kita jual di kelompok kan ke dalam kategori sehingga mempermudah pembeli mencari produk1. CategoriesYang tanda panah adalah Categories yang saya buat, sedangkanyang di lingkari adalah Sub CategoriesSilahkan teman-teman tambahkan seperti contoh di atas2. ManagementIni adalah form untuk kita menambahkan produk-produk yang akan kita jual, klik New ProductSilahkan teman2 isi sesuai dengan produk yang akan di jual, lalu ulangi meng-input produk beberapa item supaya terlihat perbedaannya di aplikasi nantidi bawah ini contoh produk yang sudah saya inputSetelah selesai meng-input produk, kita kembali ke menu Sectionklik Create SectionPilih ProductsIsi Section Titiles dengan sepatuPilih Yes pada Show in menuPilih gambar icon untuk sepatuLalu klik saveKita telah memiliki 3 section/menu dalam aplikasi ini :Sekarang kita buka aplikasi OLSHOP kita di hape, ini tampilan aplikasi nya di hape sayasudah ada 2 menu..untuk model tampilan menu bisa di ubah2 di Design, Menu type..silahkan kalian coba2 ubah sesuai yang inginkanKetika saya pilih submenu sepatu ini yang muncul dan kalau di klik icon kaca pembesar (merah di tengah bawah), ini yang akan muncul List produk yang akan di jualDemikian cara mudah membuat aplikasi android tanpa coding, kalian bisa explored dengan merubah2 menu/warna/tata letak, dll sesuai keinginan.Jika ada kesulitan, silahkan komen n sertakan screenshoot nya untuk mempermudah pemahamanan, nanti akan saya bantu.Semoga bermanfaat buat semua dan semakin sukses jualannya..Tije mohon pamit, udah siang...lapaaarrr Nantikan thread berikutnya membahas WepApp OLSHOPsalam.....

* Changes are irreversible after submitting