Oke, selamat datang di channel Trisna Sejati Programming Android Studio Hai ke pertama-tama kita akan membuat proyek awal ya yang nanti adalah proyek Android studio kita nah di video kali ini saya akan membahas cara bagaimana membuat proyek awal pertama kali kita buka Android studio ke yang pertama kalian akan melihat di Android studio versi 4 inget ya kalau Android version kalian lebih kecil coba deh tolong di update dulu supaya tampilannya sama hai hai Hai ini adalah Android studio version 4 ini adalah beberapa project yang telah kita buat Star new Android Project di sini kita akan membuat project baru kita klik disini hai hai Hai nah seperti itu lalu disini ada beberapa layout template layout kita mau pilih yang mana disini juga ada pilihan ini untuk font dan tablet untuk WS ini untuk TV ini untuk otomotif ini untuk Android thing nah karena kita akan membuat aplikasi Android alias aplikasi HP kita pilih ke kita boleh saja memilih salah satu yang mana aja kita layout yang kalian inginkan sekarang nah ini adalah satu layout yang ada tombol ininya ini layout yang ada tombol di bawah tiganya yang ini blank enggak ada apa-apanya cuma layout doang ini adalah full screen activity enggak ada title nya nah ini adalah ends activity ini adalah Google account activity ini adalah login activity di dalamnya ada Phone login Ini adalah master flow Activity ini adalah Navigation drawer Nanti kalau dibuka akan ada Di apa ya Di pojok kiri atas Strip 3 Yang bisa dibuka Ini adalah setting activity Ini adalah scrolling activity Kita akan coba satu persatu dimulai dari Empty activity Aja ya Kita klik empty activity Terus terus kita next kita namai project kalian itu namai apa misalkan kita membuat aplikasi hello world apps gitu ya Nah ini adalah pcs package name biasanya disesuaikan dengan domain kalian misalkan begini aja kontras nasjadi hello world apps nah disini adalah save location ini adalah tempat dimana project kita disimpan kalian boleh dibuka kalian boleh menyimpan nya misalkan kalian mau disimpan di eee android studio misalkan di data d android studio nah disini terus kalian akan membuat folder baru misalkan nah ini misalkan ini adalah tempat untuk membuat folder baru new folder nah ini masukkan nama folder nya misalkan latihan gitu oke Hai Oke nah ini adalah latihan terus kita klik latihannya terus klik ok nah disini ada projek kita berarti namanya hello world apps paketnya ini dan disimpan di alamat D under studio latihan kayak ada language ini adalah bahasa pemrograman apa yang kita pilih mau kotlin atau Java karena di hal yang saya kuasai adalah Java kita akan bermain di Java ini adalah minimum SDK minimum SD ini adalah aplikasi minimal apa ya OS minimal yang bisa mengangkat yang bisa nginstall aplikasi yang akan kalian buat misalkan kita pilih kalau kita pilih nougat misalkan atau marshmallow maka aplikasi di bawahnya itu misalkan kalian punya HP Lollipop nah kalian tidak bisa menginstallnya karena kita di set minimum di marshmallow jadi untuk kalian sarannya saya eh untuk dikit kitkit aja karena kenapa karena 98 perangkat cocok coba kalau kita di Oreo nah di Oreo itu cuma 53% yang cocok menginstal aplikasi kita karena di luar sana di pasar-pasar masih banyak HP yang sistem operasinya di bawah Oreo gitu yang yang nggak mungkin bisa diinstal jadi kalau kita ingin terinstall di beberapa banyak perangkat kita cari yang kecil tapi jangan terlalu kecil juga kalau jelly bean kan sekarang udah jarang ya sekarang itu minimalnya kit-kit, oke kita set ketik Hai ke KitKat aja terus kita Oh finish Hai dari kita tunggu loading nih biasanya memerlukan waktu agak lama kalau kalian mendapati tampilan seperti ini silahkan tunggu dulu ya sampai proses grade levelnya selesai ini prosesnya ada di bawah sini nih nah ini ini masih loading tuh kan oh masih loading kita perbesar supaya full kita tunggu aja nah kayaknya sudah selesai ini di pinggir sini bisa buka tutup tutupnya dengan cara klik ini Project Nah itu ditutup kalau munculin lagi gimana dibuka aja Nah gitu Nah gitu ya kita tidak akan membahas semuanya kita bahas yang penting-penting dulu saja ke di sini ada beberapa opsi ya Nah ini soal kan kita Project misalkan ke project itu adalah menampilkan file berdasarkan folder ya kalau di Project kalau di di package berdasarkan package tuh kan Nah kita yang lebih mudah itu di Android saja ini pilih di Android ya supaya lebih gampang Oke di sini ada tiga folder utama di app yaitu ada manifest Java dan Res kalau manifest itu tempat untuk XML ya manifest nya kalau Java itu file-file japan java ada di sini kalau res itu semua file-file gambar file-file XML tampilan dan layout ada di sini ini close dulu coba close Wah gimana nih codingnya enggak ada nah cara mencari codingnya yang tadi ditutup itu untuk mencari coding javanya kita buka Java kita buka yang paling atas ya kan ini ada ada tiga nih sama namanya tapi ini ada Android testnya ini ada testnya kalian buka yang gak ada apa-apanya gitu nah ini adalah coding yang tadi ditutup double klik aja akan muncul lagi codingnya disini Hai dan untuk menampilkan koding tampilannya ada dires res ada di layout nah ini adalah kodingan layout kita nah seperti ini jadi kalau di layout ini ada tak ada tiga tampilan ini ada tampilan Hai Nadi lihat kesini ada tampilan code untuk menampilkan kodenya doang ada split untuk menampilkan layout sekaligus kodenya kalau saya sih suka di split suka gini aja ini sudah ada codingnya hello world untuk memperbesar kita klik plus untuk menyesuaikan klik ini untuk memperbesar ke ke 1 banding satu klik ini ini untuk menge-scale tulisan hello world coba kalian ganti ya ganti hello world ini menjadi nama kalian coba ini adalah teks menjadi misalkan nah Trisna sejati Nah maka disini akan rubah tampilannya menjadi Trisna sejati kita membuat tampilan login coba kita membuat tampilan login ini, ini nya ganti, jangan constrate layout ya ini boleh kalian tempatin disini, hapus satu per satu, nah seperti ini, hapusnya ya nah, seperti ini kalian klik linear layout kemudian enter, maka ini jadi sebuah layout, linear layout oke, kalau linear layout itu harus ada orientation nya, harus di dijabarkan orientation nya vertikal atau horizontal caranya kita tinggal menambahkan code di sini dimana aja ya di dalam menunjukan layout di dalam sini pokoknya Ayo kita cari orientation Nah itu enter kita vertikal nah terus kita buat yang namanya Hai alogo logo deh dulu coba kita nampilin gambar misalkan hapus dulu ini kodenya kita tampilin gambar image pakai imageview ya ini mau ada banyak tools-tools disini kita pakai imageview mana tadi Oh ini kita atur ke wrap Nah untuk menampilkan gambarnya kita Hai RC terus enter nah terus gambar apa nih misalkan nah mipmap tanpa kayak ini maka yang muncul akan seperti ini guys dan jangan lupa ini kodenya ditutup ya supaya error-error tuh karena kodenya enggak ada tutupnya tutup dengan menekan tombol slash keyboard nah gitu hai hai Bagaimana kalau kita gak mau gambar ini misalkan kan ini mejelek ya gambarnya Nah kita buat gambarnya dulu disini Drawable Kita klik kanan di drawable Kita new Vector asset Kita buat vector Nah disini ada pilihan ada clip out Yang artinya gambar dari sini ada lokal Ayo kita coba yang klip up dulu deh kita klik dulu klip artnya ininya nih disini klik maka akan tampil beberapa icon ya banyak yang bisa kalian pilih misalkan kalian mau ini aja nih akun circle hai hai Hai nah ininya bisa diganti nih misalkan ae IC apa gitu kan logo gitu ini adalah ukurannya dalam format DP ya 24 dp ini adalah warna-warna bisa di klik Ayo kita bisa pilih warna aja warna apa aja misalkan kita mau warna biru deh biru ini nah gitu hai hai Hai kek Oh oh ininya ini logo biru gitu kan biar bagus terus ukurannya kalian set ke 50db Hai hmm ini ada opacity untuk transparan atau enggaknya Hai sebuah 100% saja supaya tidak transparan klik next finish Oke untuk nantinya kita SRC ini diganti saja menjadi tadi apa namanya IC logo ya IC logo nah ini udah ada tinggal klik enter Nah itu logonya akan tampil di sini terus di bawah itu biasanya ada yang namanya form ya form username sama password kita buat edit text nya Ayo kita cari teks coba kita cari ke bawah yang pertama kita kalau mau bagus nah sebenarnya ini untuk menambah komponen kalian bisa klik palet saja guys misalkan disini ya ya kecilin kodenya terus klik palet nah disini juga ada bisa kalian drag and drop ke situ ya ada banyak kan tuh kalian mau nambahin gambar kek nambahin tombol kek misalkan nambahin tombol kita drag and drop aja disini Nah gitu tuh udah jadikan Hai Nuh tapi kalau saya sih senang lewat ini lewat kode ya bikin teks sop Oke misalkan ini Oh ininya belum ada guys hai hai hai oke kita tunggu dulu ya downloadnya ini baru saja didownload oke nah udah Hai nah gitu guys Hai text input layout kita drag and drop ke sini maka langsung ada Hai tuh kan udah ada kita ke split tutup paletnya terus geser lagi kecilin lagi hai hai Hai nah ini yang tadi dibuat kita ganti ininya menjadi editek biar simple Hai Nah kita gantuk ke emas ukurannya terserah Hai terus kita aturinnya innya misalkan username Nah gitu nah ini akan ada username gitu ya Hai terus kita buat lagi ya Oh jangan lupa ini set tipenya ya di tipe aja terus kalian ada tulisan input tipe terus klik enter Hai hal itu tipenya biasanya email ya email address karena username itu biasanya terkadang email juga gitu oke jangan username deh kita ganti email aja ya gitu kan nah terus yang kedua kita bikin lagi kalau mau seperti Hai gini klik dulu ini apa ini teh kurang dari ya terus Hai masukkan huruf awalnya misalkan masukkan huruf apa aja teks misalkan teks gitu kan Nah ini ada pilihan yang ada tulisan teksnya ini layout dulu match web Hai ke ini di-work dulu ya supaya gak besar gitu Hai nah terus ini adalah password edit text ininya Max jenenya warap Hai tapi hinnya Hai ini itu adalah tulisan yang muncul di sini nih Nah ini tulisannya muncul di sini adalah in kalau di HTML namanya placeholder kalau di Android hin gitu ya Terus ini tipe inputnya apa input tipenya ini ada password number password text password atau yang lainnya kita gunakan teks password saja supaya teks kita buat button button match Wow nah kan ini udah ada tombolnya tapi belum ada tulisannya untuk tulisannya kita gunakan code bukan hin ya kalau ini itu untuk edit text saja kalau di button itu namanya teks ada teks gini enter kita buat misalkan masuk gitu kan kita tutup lagi nah hai hai Hai Nah kita sudah membuat form login tapi kok jelek ya tampilannya jelek banget gitu kan Nah kita lihat coba Oh jelek gini kan Wah kan jelek ini kan terus gimana Hai kita coba supaya ininya di tengah deh gimana coba ini kan Lina layout ya supaya ini di tengah mengenai ke pakai yang namanya grafiti guys di sini ada grafiti layout grafiti Hai enter coba center centernya center eh horizontal ya Nah gambarnya akan ke tengah tapi ini terus apa lagi nih Oh itunya apanya terlalu berdemonstrasi berdempetan gitu kan yang gigirnya yang kanan kiri atas terlalu berdempetan Oke kita pakai yang namanya petting ya kita pading itu di sini kita masukkan pading di sini Hai pading-padingnya berapa 10 aja Nah kan sudah enggak berdempetan lagi kantor kan kalau misalkan kurang ya tambahin aja misalkan 20 Depto Oh maaf maaf maaf nah Hai seperti itu terus apa lagi nih misalkan Oh tombol loginnya mau di kebawahin dikit nih misalkan atau ininya Oke ya di sininya ada pakai margin bottom sebaya imejnya bedanya Pading sama margin itu Pading itu adalah jarak di dalamnya kalau margin jarak di luar gitu kan Hai margin bottom marginnya berapa misalkan 10 nah akan agak ngejeluk gitu ya agak kebawah tuh kan ada agak ada jarak gitu terus ini eh tombolnya juga mau ada jarak sedikit deh boleh kita margin top karena kita adalah jarak antara button dari atas jadi yang namanya margin top Hai tuh kan kan tadinya satu tuh ditambah 10 nah kan oke kalian jangan salah ya ininya harus DP jangan kan ada SP ada in ada mmpt ada apa-apa ya tapi kalau Android sih mengusahakan DP ya ukuran DP kalau ukuran teks namanya SP kalau ini mah DP aja Hai Nah setelah gini apa nih Hai apalagi yang kurang ya Oh udah deh udah dulu Coba kita jalankan dulu ya di emulator hahaha Coba kita jalankan kita Ayo kita belum nyentuh ini ya kita belum nyentuh Hai kalau codingan ini Ayo kita coba jalankan tapi kita belum bikin emulator guys ininya belum ada tuh kan belum ada emulatornya kita buat emulator dulu dengan cara Hai ini nih AVD manajer klik AVD manajernya Hai nah ini adalah tampilan emulator emulator yang akan kita buat nih create aja ya Nah setelah disini ada pilihan banyak banget ya ini adalah HP ini OS jam tangan gitu nih tablet ini enggak tahu hai hai Ayo kita buat handphone aja kita cari mereknya misalkan kita mau apa ya kita ini ajalah pixel awal Nexus aja ya next kita bikin emulator ini aja deh Nexus 5 ya Hai terus next aja Hai terus kalian pilih OS nya OS nya mau apa Hai misalkan yang udah saya download siada pay ada nougat ada lollipop kalau misalkan kalian belum di download semuanya misalkan ada downloadnya gitu ya kalian download aja klik aja downloadnya misalkan kita mau install apa ya Oreo gitu kan ini kan belum di install nih sistem image must be selected to continue ini harus di download dulu karena ini belum di download jadi harus di download dulu tunggu sampai downloadannya selesai setelah itu kalian bisa deh pilih ini yang enggak ada downloadnya karena kita biar cepat kita pilih ini aja yang sudah ya Oke ini namanya mau apa misalkan Nexus sap atau apalah kita biarkan aja Nexus doang nah kita biarkan aja seperti ini klik finish aja Hai Nah setelah diklik finish maka ini ada-ada nih kan ada Nexus nah untuk memulainya gimana klik ini yang yang segitiga ini ya kalau misalkan dari sini ya kita close dulu kalau dari sini klik avdmanager klik yang segitiga ini gitu klik kita tunggu Hai beberapa saat ya Nah maka handphonenya akan muncul nih oke kita tunggu aja sampai selesai oke ini Androidnya sudah jalan kita ikuti aja ini instruksinya setelah selesai terus ini close, nah ini kan udah jalan nih handphonenya terus kita cara memulainya dengan pastikan ini nya ke Nexus tadi ya yang udah di running, running devis klik Nexus terus Hai ini Nexus itu nama avd yang tadi kita buatnya ya Terus klik segitiga ini ini adalah memulai project kita menginstalkan project yang kita buat ke HP ini HP virtualnya kita tunggu ini loadingnya ada di bawah ya mungkin kalau pemula agak bingung gini ini apa sih gitu kan Hai ini loadingnya itu Android studio itu loadingnya di bawah Hai di sini kita kita lihat aplikasi yang kita buat ini adalah aplikasi yang kita buat ada email, password dan tulisan untuk menulis kita tulis saja tidak usah di gini gini ya kita tulis saja langsung di keyboard laptop kalian Hai gitu ya misalkan masukin email masukin password kita lihat passwordnya tuh kan tuh Hai aku sayang kamu misalkan nah tapi ini belum bisa di apa-apa belum bisa diklik belum bisa diapa-apain ini cuma tampilan doang belum belum bisa diklik apa-apa karena kenapa karena kita sama sekali belum nyentuh codingan javanya kita baru saja membuat layoutnya doang hahaha jadi eh jangan buru-buru kita buat layoutnya doang tapi ini kok hai hai Hai tapi kita lihat ini atasnya kan ungu misalkan kalian gak mau ungu nih Aduh masa sih ungu gitu kan kalian gak mau ungu ya kalian bisa dirubah Ayo kita close dulu ya Nah kalau misalkan kalian gak mau ungu kan ya ini ada folder res kita buka folder res ada value ada color nih Hai nah ini adalah color nya nah ini ada color primary itu color yang color yang menonjol warna yang paling primer warna primernya mau apa warna utama dari aplikasi kalian itu mau apa kita bisa langsung menuliskan kodenya disini misalkan ganti jadi warna hitam Atau bisa juga klik warna disini nih ini kan ada warnanya ya hitam ungu hijau kita klik aja warnanya terus ada keluar nih warna-warna kan kalian bisa klik warna disini terus kalian bisa cari dininya bisa seret itu ke warna apa aja yang kalian suka atau kalian juga ada pilihan nih warna di bawah kalian bisa pilih misalkan saya maunya pakai warna biru ini setelah kepilih ini kan kepilih warna birunya kalian klik aja di mana-mana kalian disini aja klik di kodenya maka sekarang warnanya jadi biru terus warna keduanya primary drag itu adalah warna primer yang lebih gelap biasanya ditaruh di atas di apa ya di atas gambar jam gitu kan kita pilih aja langsung kita klik warna yang tadi kita pilih warna yang agak gelap sedikit hai hai Hai nampaknya lebih gelap dari warna primernya terserah kalian ajalah itu mah Nah misalkan segini aja ya ini warna primer nah ini adalah warna aksen warna aksen itu warna yang muncul Hai di apa di depan aplikasi kita jadi warna aksen itu biasanya warna yang mencolok guys Ayo kita ganti warna yang mencoloknya menjadi warna kuning Della supaya kelihatan ya kuning nah kuning dah gitu ya Coba kita buka lagi kita boleh tutup ininya kita bisa buka lagi nah ini kan sudah running nih kalian bisa stop dulu setelah tersetop Hai klik run lagi ya ke Nexus kita buka lagi ininya nah ini Hai Oke kita tunggu lagi biasanya enggak selama yang tadi ya sekarang tuh kan sekarang itu lebih cepat kalau install pertama biasanya lambat banget tapi kalau sudah install beberapa kali biasanya segala cari ya hai hai Hai jadi kalian jangan ngeluh-ngeluh laptop aku jangan nah kan sekarang ini warnanya udah jadi biru warna atasnya juga ini nah yang namanya primary dark itu biasanya tampil di sini nah kandang yang biasanya warna primary itu disini nah ini adalah warna aksen bukan terlalu cerah kuning terlalu cerah nanti saya ganti deh warna apa kayak gitu warna merah hai hai Hai Nah gitu guys jadi warna aksen itu warna yang muncul di apa ya warna yang menjadi fokus utama Oke sampai saat ini cukup ya tutorial kali ini jangan lupa simak video-video selanjutnya karena tak akan terusin aplikasi ini supaya menjadi aplikasi yang bisa kita gunakan gitu ya Oke di video ini cukup sampai sekian jangan lupa nonton video-video selanjutnya