Cara Membuat Syntax Halaman Form Login dan Register Dengan Aplikasi Html Android

Bagi anda yang ingin sekali belajar bahasa pemrograman, namun terkendala dengan fasilitas yang anda miliki. Jangan khawatir saat ini banyak sekali aplikasi berbasis android yang bisa anda gunakan untuk membuat suatu halaman web dengan sourcode yang sangat mudah dan simple.

Sekilas Pengertian Login dan Register

Halaman login merupakan tampilan awal dari suatu website untuk mengakses program. Biasanya setiap program memiliki halaman login dengan inputan username dan password ataupun yang lainnya seperti, email atau nomor induk siswa bahkan kode username tertentu. Hal ini digunakan agar setiap user bisa mengakses program dengan masing – masing akun yang sebelumnya sudah didaftarkan. 

Halaman Register merupakan tampilan dari suatu website atau program untuk membuat akun bagi user. jadi sebelum kita melakukan login pada aplikasi tentunya kita harus memiliki akun aplikasi tersebut terlebih dahulu. Halaman register ini fungsinya untuk inputan membuat akun yang nantinya akan di inputkan pada halaman login agar si user mampu masuk pada aplikasi tersebut menggunakan akun username dan password yang sebelumnya di buat.

Cara Membuat Syntax Halaman Form Login dan Register Dengan Aplikasi Html Android

anWritter Free merupakan aplikasi berbasis android yang bisa anda dapatkan di playstore secara gratis, Aplikasi teks editor ini mampu membuat halaman web menggunakan bahasa pemrograman CSS, Html bahkan bisa mengoperasikan bahasa pemrograman Javascript. 

Tahapan tutorial membuat halaman login Dengan Aplikasi anWriter Free Android

1. Instal apliksi Anwriter Free atau aplikasi teks editor lainnya
2. Buat syntak html dengan nama index.html
3. Buat syntak html dengan nama register.html
4. Buat syntak CSS dengan nama style.css
5. Simpan dua file tersebut dalam satu folder beri nama latihan

A. Membuat syntak Login dengan Html

Buka aplikas anwriter free di handphone anda kemudian ketikkan syntak dibawah ini

Seperti contoh gambar dibawah ini. 

Kemudian klik garis 3 di pojok kanan atas untuk menyimpan syntak login ini, setelah itu pilih Save As untuk menyimpan file tersebut. Perhatikan contoh di bawah ini.

Pilih lagi garis 3 di pojok kanan atas untuk membuat folder baru di penyimpanan handphone kita. Pilih menu Create Directory (buat folder baru) buatkan folder dengan nama latihan sepeti gambar dibawah ini.

kemudian klik oke. Folder sudah dibuat saatnya anda mencari nama folder yang sudah anda buat sebelumnya dengan nama latihan. 

Jika sudah ketemu maka klik folder tersebut, pastikan alamat penyimpanan anda /storage/emulated/0/latihan perhatikan gambar dibawah ini.

Kemudian ganti nama file noname.html menjadi index.html kemudian klik simpan. seperti gambar dibawa ini

Berikut ini merupakan syntak login.html

B. Membuat syntak Register dengan Html

Setelah membuat login.html maka selanjutnya kita akan membuat halaman register html. proses nya sama seperti membuat halaman login.html, namun anda perlu memuat file baru dengan cara klik tanda plus untuk membuat halaman baru setelah itu buat syntak register html seperti contoh dibawah ini

Berikut ini merupakan syntak register.html

C. Membuat style.css

Berikut ini merupakan syntak style.css, syntak ini berfungsi sebagai pelengkap tampilan desain login dan register, dimana segala ukuran dan warna halaman di atur oleh syntak ini. syntak ini penting sekali untuk digunakan karena dapat mempengaruhi tampilan halaman login dan register yang anda buat.

  

Kesimpulan

dari 3 file tersebut diharapkan disimpan secara 1 folder bersamaan agar setiap komponen dan syntak mampu mengoperasikan sesuai dengan fungsi dan tujuannya, dimana setiap halaman harus informatif dan menarik mungkin, agar pengguna serta user betah dan ingin sekali berlama lama di aplikasi kita.

Siapa saja boleh

Seorang biasa yang belajar menulis blog

Share this post