Login Page


Membuat Halaman Login Facebook Clone dengan Flutter

Flutter adalah framework yang sangat populer untuk membuat aplikasi mobile dengan tampilan menarik dan modern. Salah satu latihan sederhana yang bisa dicoba adalah membuat halaman login mirip dengan Facebook.

Tampilan Halaman Login

Pada halaman login, desain dibuat sederhana dan familiar, sehingga pengguna langsung merasa akrab. Beberapa elemen penting yang ditampilkan:


1. Logo atau Teks Facebook

Ditampilkan di bagian tengah layar dengan ukuran besar dan berwarna biru khas Facebook.

2. Kolom Input Data

Terdapat dua kolom utama yaitu:

Kolom pertama untuk email atau nomor telepon.

Kolom kedua untuk kata sandi, yang ditampilkan dalam bentuk titik agar lebih aman.

3. Tombol Masuk

Sebuah tombol berwarna biru yang berfungsi untuk masuk ke akun.

4. Lupa Kata Sandi

Link kecil di bawah tombol login, berfungsi sebagai opsi jika pengguna lupa password.

5. Tombol Buat Akun Baru

Diletakkan di bagian bawah, tombol ini berwarna hijau untuk membedakannya dengan tombol login. Tombol ini akan mengarahkan pengguna ke halaman pendaftaran.

Tampilan Halaman Sign Up (Buat Akun Baru)

Pada halaman pendaftaran, pengguna diminta untuk mengisi beberapa data seperti:

Nama lengkap

Email atau nomor telepon

Kata sandi

Di bagian bawah terdapat tombol Daftar berwarna hijau. Selain itu, ada teks kecil yang memberi opsi kembali ke halaman login jika pengguna sudah memiliki akun.

Kesimpulan

Halaman login ini meniru desain sederhana Facebook dengan fokus pada:

Warna khas biru dan hijau.

Navigasi mudah antara login dan signup.

Desain minimalis yang bersih dan nyaman digunakan.

Contoh ini cocok dijadikan latihan awal bagi siapa saja yang ingin belajar membangun aplikasi dengan Flutter.

Noh https://zuhu06hquhv0.zapp.page/#/

Comments

Post a Comment

Popular posts from this blog

Membuat CRUD (To-do list)

🚀 Bikin Aplikasi CRUD Todo List di Flutter, Gampang Banget Coy! 😎 Bro, sis, lo pernah nggak sih pusing nyatet kerjaan, tugas, atau rencana? Nah, kali ini gua bakal spill aplikasi To-Do List kece badai yang udah gua bikin pake Flutter . Dan pastinya nih app udah lengkap banget sama fitur CRUD — Create, Read, Update, Delete. Mantul kan? 🔥 🎯 Apa itu CRUD? CRUD tuh singkatan: C reate ➡️ bikin data baru (kayak bikin list baru). R ead ➡️ baca atau liat data yang udah ada. U pdate ➡️ edit data yang udah ada biar up-to-date. D elete ➡️ hapus data yang udah nggak kepake. Di aplikasi ini, CRUD lo bisa cobain langsung di browser karena udah pake localStorage . Jadi datanya nyimpen di memori browser lo, aman dan offline! 💾 ⚙️ Fitur yang Ada di App Ini Tambah List Baru (Create) Tinggal ketik judul list lo, klik tombol "Buat" → BOOM, langsung nongol di layar. Lihat Semua List (Read) Semua list yang lo bikin bakal muncul rapi di halaman utama. Udah kek manager ...
Read more

Penjelasan Singkat Tentang Pemgembangan Gim

Pengembangan Gim: Dari Ide Sederhana hingga Pengalaman Interaktif Industri gim terus berkembang pesat dan menjadi salah satu sektor kreatif paling menjanjikan di dunia digital. Tidak hanya sebagai sarana hiburan, gim kini juga dimanfaatkan untuk edukasi, simulasi, hingga media bercerita yang kompleks. Di balik sebuah gim yang terlihat sederhana, terdapat proses pengembangan panjang yang melibatkan kreativitas, teknologi, dan kerja tim yang solid. Apa Itu Pengembangan Gim? Pengembangan gim (game development) adalah proses menciptakan gim, mulai dari perencanaan konsep, pembuatan aset visual dan audio, pemrograman mekanik permainan, hingga pengujian dan distribusi. Proses ini dapat dilakukan oleh satu orang (solo developer) maupun oleh tim besar yang terdiri dari berbagai peran spesialis. Tahapan Utama dalam Pengembangan Gim  1.Konsep dan Perencanaan Tahap awal dimulai dari ide dasar: genre gim, target pemain, platform (PC, mobile, konsol), serta pengalaman apa yang ingin ditawarkan....
Read more