Tutorial Android Menggunakan Kotlin

meli ismyself

Tutorial 1 – Membuat Projek Baru Tutorial 2- Membuat Virtual Device Tutorial 3 – Menjalankan Aplikasi pada Emulator Tutorial 4 – Screenshot pada Emulator Tutorial 5 – Menjalankan Aplikasi pada HP Android Tutorial 6 – Letak File XML Android Tutorial 7 – TextView Nantikan tutorial selanjutnya yaaak 🙂

Membuat Virtual Device

meli ismyself

Pilih Open AVD Manager. Pilih Create Virtual Device. Akan muncul halaman Select Hardware. Lalu pilih devicenya. Pilih System Image lalu klik Next. Jika belum di download, download terlebih dahulu yaaa.. Akan muncul halaman Verify Configuration. Tentukan AVD Name dan Klik tombol Finish. Android Virtual Device berhasil dibuat..

Membuat Projek Baru

meli ismyself

Buka aplikasi android studio lalu pilih Start a new Android Studio project. Pilih salah satu activity. Setelah itu, tulis nama projek (Name), tentukan lokasi penyimpanannya(Save Location), pilih bahasa pemrograman (Language) dan tentukan Minimum API Levelnya. Lalu klik tombol finish. Berhasil..

Cara Menyalakan Project Reactjs yang telah di-build

light writer

Buka terminal dan masuk ke folder project reactjs (contoh di sini bernama “dashboard”) Cek di folder tersebut sudah ada folder build atau belum Jika belum ada, berarti project tsb belum di-build (Lihat di sini untuk build project react js) Jika sudah ada folder “build”, maka project sudah di-build dan siap untuk dinyalakan Jalankan command : serve -s build Cek service project tersebut sudah menyala dengan membuka web browser lalu pasang url : http://localhost:5000. Jika saat menjalankan command serve -s build muncul error yang menyatakan command not found, coba install serve…

Cara Build Project Reactjs

light writer

Dari sumber : https://reactjs.org/docs/create-a-new-react-app.html Cara build project reactjs adalah : Buka terminal lalu masuk ke folder project (di contoh ini bernama “dashboard“) Lalu run command : npm run build Command npm run build akan membuat folder baru bernama “build“. Lokasi folder build ada di dalam folder “dashboard“. Agar lebih jelas, berikut screenshot di dalam folder “dashboard“

Menggunakan npx untuk men-generate reactjs Project

light writer

Dikutip dari sumber : https://reactjs.org/docs/create-a-new-react-app.html#create-react-app masuk ke folder tempat kamu menyimpan project (di sini saya masuk ke ~/Desktop/Projects) gunakan command :npx create-react-app dashboardcommand tersebut men-generate folder bernama “dashboard” di direktori “~/Desktop/Projects” berisi template dan source code. Begini penampakan di dalam folder “dashboard” ketika dibuka dengan VSCode. gunakan terminal dan masuk ke folder “dashboard” tsb. lalu jalankan commandnpm start di terminal untuk menyalakan service-nya. lalu buka http://localhost:3000 di browser. Begini penampakannya di browser.