Membuat Halaman Website Offline dengan Android Studio

Pertama, buat project baru dengan contoh nama : "Load File Html". Setelah itu di activity_main.xml, drug Web View ke layar. Kemudian ganti id menjadi "web".

Kedua, klik kanan pada folder app, klik kanan pilih folder dan kemudian Assets Folder untuk menampilkan assets folder di app.

Ketiga, coppy contoh html/php yang ingin ditampilkan ke folder assets.

Keempat, di MainActivity.java ketikkan seperti contoh gambar diatas ini.

Kelima, run aplikasi di emulator. Maka hasilnya seperti diatas ini.

Sekian tutorial cara menampilkan halaman web offline, semoga bermanfaat.

Membuat Aplikasi Pemutar Audio Sederhana dengan Android Studio

Pertama, drug TextView dengan contoh nama : "Please Listen  My Song". Setelah itu drug tiga button seperti gambar dibawah ini :

Gambar 1. Button 1

Gambar 2. Button 2

Gambar 3. Button 3

Kedua, pada folder res, klik kanan kemudian pilih new>android resource directory. Setelah itu ganti nama menjadi raw dan pilih ok.

Ketiga, coppy lagu yang ingin dijalankan. Kemudian klik kanan pada folder raw dan paste.

Keempat, pada MainActivity.java seperti dibawah ini :

Gambar 4. MainActivity.java 1

Gambar 4. MainActivity.java 2

Gambar 4. MainActivity.java 3

Membuat Menu Login Pada Android Studio

Hallo Sahabat blogger, apa kabar anda hari ini? semoga masih dalam keadaan sehat dan semangat karena sahabat akan mempelajari tutorial baru. Sebelumnya sahabat sudah membahas tentang layout pada android. yang belum baca bisa cek di tutorial sebelumnya. Nah, sekarang ane akan memberikan tutorial cara mambuat aplikasi login sederhana tanpa database.

Kenapa butuh Login? Login adalah Proses untuk mengakses sistem dengan memasukkan identitas dari account pengguna dan kata sandi guna mendapatkan hak akses menggunakan sumber daya komputer tujuan. Jadi setiap aplikasi butuh proses login untuk mendapatkan sumber daya yang diperlukan atau sebagai hak akses seseorang.

Tanpa berpanjang lebar lagi, yuk ikuti tutorialnya dibawah ini:

1. Klik File >> New >> New Project.

2. Kemudian isikan nama aplikasi sesuai keinginan sahabat. disini sahabat buat Login.

3. Kemudian sahabat pilih target devices nya "Phone and Tablet".

4. Selanjutnya pilih "Empty Activity". lalu Next.

5. Pada Activity Name sahabat isi sesuai keingin sahabat atau default dari android studio. karena activity name akan menjadi sebuah class nantinya. jika sudah klik Finish.

Baca Juga:

·                     Cara Mmepercepat Android Studio yang Lemot

·                     Cara Membuat Aplikasi Profil Sederhana dengan Android Studio

·                     Cara Menghubungkan Android Studio dengan GitHub

6. Jika tampilan editor sudah tampil. klik tab "activity_main.xml" kemudian pilih tab "Design".

7.  Kemudian sahabat masukkan komponen-komponen berikut. disini ane menggunkan LinearLayout. Sahabat bisa lihat pada "component Tree" untuk komponen yang digunakan.

KOMPONEN	TEXT	ID	LAYOUT
			WIDTH	HEIGHT
TextView	Bacacoding Apps	txt1	Match_parent	Wrap_content
TextView	Assalamualaikum	txt2	Match_parent	Wrap_content
EditText	Username	username	Match_parent	Wrap_content
EditText	Password	password	Match_parent	Wrap_content
Button	LOGIN	btn_login	Match_parent	Wrap_content

8. "Design" dan edit seperti gambar berikut:

9. Jika sudah selesai. Baralih pada bagian "Text" dan ketikkan koding berikut:

10. Setelah selesai, coba RUN program sahabat. jika berhasil hasilnya akan seperti ini:
Username : admin
Password : admin

1.1.Jika login berhasil

1.2 jika login gagal

Nah Bagaimana…? apakah sekarang sahabat sudah mengerti Cara Mudah Membuat Aplikasi Login Tanpa Database? Mungkin itu saja tulisan yang membahas tentang Cara Mudah Membuat Aplikasi Login Tanpa Database, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman sahabat yang lain, sekian dan terimakasih.

TUTORIAL PEMBUATAN TAMPILAN APLIKASI DATA DIRI SEDERHANA

TUTORIAL

PEMBUATAN TAMPILAN APLIKASI DATA DIRI SEDERHANA

MENGGUNAKAN APLIKASI ANDROID STUDIO

Aplikasi yang digunkan dalam pembuatan tampilan aplikasi sederhana ini adalah sebagai berikut:

- Android Studio 2.3 

- Genmotion Virtual Device

Langkah-langkah pembuatan desain aplikasi sederhana:

1. Buka Aplikasi Android Studio

2. Buat New Project ( Seperti Tampak Pada Gambar )

3. Pada konfigurasi project baru, buat nama project sesuai keinginan dan disini saya menggunakan “Data Diri” ( Seperti Tampak Pada Gambar )

4. Setelah klik tombol “Next” isi target tampilan dan penggunaan perangkat untuk aplikasi yang akan kita buat nanti ( Seperti Tampak Pada Gambar )

 5. Kemudian setelah ditentukan klik “Next” dan setelah tentukan Layout yang akan kita gunakan dalam pembuatan desain sederhana dari aplikasi ini ( Tampak Seperti Pada Gambar )

Disini saya menggunakan Layout “ Empty Activity “ sebagai layout default pada umumnya.

6. Setelah itu kita klik “Next” lagi, kemudian kita beri nama dari layout tadi. Disini saya menggunakan nama default bawaan dari Android Studio ( Tampak Seperti Pada Gambar )

7. Setelah itu klik tombol “Finish” maka akan muncul tampilan layout untuk kita melakukan desain sederhana dari aplikasi Data Diri ( Seperti Tampak Pada Gambar )

8. Selanjutnya kita bisa buat desain sederhana dari aplikasi sederhana ini sesuai dengan keinginan kita disini saya membuat secara simple menggunakan komponen seperti “ Button “, “ Text View “ dan lain-lain yang bisa anda pilih sesuka hati ( Tampak Seperti Pada Gambar )

9. Kemudian kita aktifkan Genymotion yang akan kita gunakan untuk melihat hasil dari desain yang telah kita buat tadi. Sebenarnya banyak tools yang dapat kita gunakan dalam melihat hasil tampilan desain tersebut, namun disini di anjurkan untuk menggunakan genymotion ( Tampak Seperti Pada Gambar )

10. Setelah itu klik star pada genymotion untuk melakukan koneksi pada konfigurasi pada android studio yang sebelum nya telah kita instal plugin dari genymotion ini pada android studio ( Tampak Seperti Pada Gambar )

11. Berikut tampilan dari genymotion tersebut dan tampilan dari aplikasi sederhana yang telah kita buat tadi ( Tampak Seperti Pada Gambar )

Sekian tutorial dari saya, terimakasih.