Mengatur Tampilan Awal (Index)

Seri Tutorial Sederhana MEMBUAT DAN MENGATUR TAMPILAN AWAL (INDEX) APLIKASI ANDROID EKRIYANI

Sebelum kita membuat dan melakukan pengaturan tampilan awal (Index) bahan ajar aplikasi android, di laptop sudah harus terinstall aplikasi Notepad ++ yang sesuai dengan spec laptop masing-masing. A. Cara Install Software Notepad++ 1. Buka software Notepad++ > Klik kanan > Open 2. Akan muncul tampilan jendela > klik Yes > Oke. 3. Kemudian akan muncul lagi tampilan berikut dan klik “Next”.

4. Muncul kembali tampilan jendela baru, dan klik saja “I Agree” sebagai tanda kita menerima ketentuan lisensi dari software Notepad ++. 5. Jendela baru akan muncul sebagai pilihan dibagian mana letak keberadaan /lokasi penginstalan Notepad ++ itu. Kemudian klik “Next”. 6. Klik “Next” lagi pada jendela baru yang muncul.

7. Centang pada bagian kotak kecil untuk membuat sebuah shorcut pada desktop, kemudian terakhir klik “Install”, dan proses penginstalan akan berlangsung sampai selesai. 8. Setelah selesai proses install muncul tampilan berikut, dan hiangkan centang pada kotak kecil supaya software Notepad ++ tidak langsung terbuka setelah pengintalan. Kemudian terakhir klik “Finish”. 9. Lihat pada bagian desktop,muncul ikon software Notepad ++, hai berarti software Notepad ++ sudah selesai terinstall dengan sempurna.

B. Cara Mengubah File Format TXT Menjadi HTML 1. Ekstrak terlebih dahulu file Bahan Ajar yang bertipe winrar denga software 7-Zip yang sudah diinstall pada laptop. 2. Untuk mengekstrak file tersebut dengan cara klik kanan > 7-Zip > Ekstrak Disini, maka akan muncul folder baru yang berisi file Assets, Pages, dan Index. 3. Ubah file Index dari bentuk TXT menjadi HTML, yaitu klik kanan file Index > Edit with Notepad ++. 4. Muncul tampilan kode TXT, kemudian klik menu File > Save As, dan pastikan penyimpanannya tetap berada di folder Bahan Ajar Android, biarkan namanya tetap Index > Save.

5. Tutup kembali Notepad ++, kemudian kembali ke folder Bahan Ajar Android. Terlihat bahwa sudah muncul file Index yang berformat HTML. 6. Untuk file Index yang berformat TXT tinggal dihapus, dan biarkan file Index berformat HTML berada di folder Bahan Ajar Android. 7. Klik 2 kali pada file Index berformat HTML tersebut, maka akan diarahkan ke browser sehingga muncul tampilan awal sebagai berikut.

C. Cara Setting Tampilan Awal (Index) Aplikasi Android 1. Buka folder Bahan Ajar Aplikasi Android 2. Pindahkan foto profil yang sudah diubah ke format PNG dengan mengcut ke folder Assets > Images > Gallery > paste. 3. Kembali ke folder Bahan Ajar. Lakukan perubahan atau editing pada tampilan file Index berformat HTML. 4. Klik kanan pada file Index format HTML > Edit With Notepad ++ > muncul tampilan seperti berikut.

5. Lakukan pengeditan dari baris 7 sesuai dengan mapel masing-masing. Dilanjutkan dengan editing pada baris 47, 49, 52, 53, 56, 77, dan 78, kemudian klik Save.

6. Buka kembali browser, dan lakukan refresh supaya terjadi perubahan tampilan. 7. Sampai disini untuk sementara sudah selesai mengatur tampilan awal (Index) pada aplikasi android. Sungai Limas, 23 Oktober 2019 Ekriyani, S.Pd.I

SEMOGA BERMANFAAT TERIMA KASIH