Langsung ke konten utama

Interaksi Manusia dan Komputer: Membuat Form Nikah Berbasis Web Bagian 1

Bismillahirromanirrohiim. Alhamdulillahi Robbil ‘Alamiin.

Oke. Saya telah mengungkapkan bahwa saya memiliki banyak tugas kuliah yang harus dikerjakan. Sebenarnya tidak benar-benar banyak, sih.

Pertama-tama, saya merasa berminat mengerjakan tugas mata kuliah Interaksi Manusia dan Komputer yang diajarkan oleh Pak Nur Rosyid. Beliau memberi tugas kepada kami untuk membuat form nikah berbasis web. Tentunya sesuai dengan kriteria tampilan atau user interface dan user experience yang baik.

Sebenarnya, ada alasan lain mengapa saya memilih untuk mengerjakan tugas ini terlebih dahulu. Deadline tugas ini adalah hari Senin, 17 Oktober 2016. Dengan kata lain: besok lusa.


Berikut adalah form-form nikah yang asli.






Oke. Saya harus merencanakan tampilan form yang bagus dan membuatnya nyaman digunakan.

Bagaimana Saya Menyelesaikannya


Untuk membuat aplikasi berbasis web, saya mengacu pada seri tutorial membuat aplikasi berbasis web yang saya dapatkan dari CSS-Tricks: Creating a Web App from Stracth. Meskipun begitu, saya tidak benar-benar mengikuti langkah-langkah yang ada di situ. Mungkin hanya part 1, part 2, dan part 4 yang saya ikuti.

Beberapa dasar ilmu yang akan saya aplikasikan adalah HTML, CSS, PHP, dan MySQL. Saya juga akan menggunakan W3.CSS serta Material Icons untuk memudahkan saya merapikan tampilannya.

Langkah-langkah Penyelesaian


Berikut adalah timeline pengerjaan tugas ini. Saya sesuaikan dengan deadline.

1. Perencanaan alur (Sabtu)
2. List halaman-halaman yang dibutuhkan (Sabtu)
3. Pembuatan sketsa tampilan (Sabtu)
3. Desain database (Sabtu)
4. Pembuatan database (Sabtu)
5. Implementasi desain (Ahad)
6. Implementasi sistem (Ahad)
7. Ujicoba dan impor (Ahad)
8. Ekspor dan presentasi (Senin)

Oke. Mungkin terlihat agak kompleks. Meskipun begitu, saya harus menyelesaikannya sesuai deadline yang telah ditentukan oleh dosen. :-)

Saya harap, pembaca bisa menikmati atau terinspirasi dari proses pengerjaan yang saya lakukan. Atau mungkin Anda punya saran untuk menjadikannya lebih baik? Silahkan berpendapat. :-)

Semoga bermanfaat bagi kita semua. Aamiin.

Artikel Dalam Seri Ini

 

Bagian 1 – Perencanaan

Bagian 2 – Alur dan Daftar Halaman

Bagian 3 – Sketsa Kasar, Desain Database, dan Pembuatan Database
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Update dari Composer 1 ke Composer 2 di Ubuntu 20.04

Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin. Allahumma Sholli 'Alaa Sayyidinaa Muhammad. Apakah Anda selalu sebal ketika menjalankan composer install atau composer update karena kecepatannya sangat lambat? Jika iya, berarti kita mengalami hal yang sama. Saya juga mengalami hal tersebut. Saya selalu mengalaminya saat menggunakan Composer versi 1. Dalam pengumumannya pada 24 Oktober 2020, Composer mengumumkan bahwa mereka telah merilis Composer versi 2. Hal yang paling menarik perhatian saya tentu saja pada peningkatan performanya. Anda bisa melihatnya di sini . Gila. itu cepet banget, sih, menurut saya. Tentu, saya tertarik meng- upgrade versi Composer saya agar bisa menikmati kecepatan tersebut. Ingat, ngoding itu membutuhkan waktu yang lama. Cukup ngoding yang lama, composer install jangan.   Sebenarnya, saya sudah menemukan cara meng- upgrade Composer 1 ke Composer 2 di sistem yang saya gunakan, Ubuntu 20.04 di sini . Namun, saya ingin menuliskannya lagi
2 komentar
Baca selengkapnya

Cara Mengatasi "Access denied for user 'root'@'localhost' (mysqli_real_connect(): (HY000/1698))" di Ubuntu 20.04 LTS

Bismillahirrohmaanirrohiim. Alhamdulillahi Robbil 'Alamiin. Allahumma Sholli 'Alaa Sayyidinaa Muhammad. Apakah Anda selalu menjumpai error tersebut ketika melakukan update di Ubuntu Anda? Jika iya, berarti kita mengalami hal yang sama. Saya juga selalu mengalami hal tersebut setiap selesai menjalankan sudo apt upgrade . Well . Sebenarnya tidak selalu. Mungkin lebih tepatnya adalah ketika sistem melakukan update pada MySQL-nya. So , pada artikel kali ini saya menunjukkan cara yang saya lakukan untuk mengatasi error tersebut. Ohiya. Sebenarnya, saya sudah lama menemui error ini dan sudah mengatasinya berulang kali dengan membuka kembali link ke StackOverflow yang pernah saya ceritakan pada artikel terdahulu . Lalu, mengapa saya menulis ini? Agar saya lebih mudah saja melakukannya secara terstruktur tanpa harus klik dan scroll-scroll jawaban di StackOverflow tadi. Baiklah, mari kita mulai saja. Langkah-langkah Mengatasinya Pertama, buka terminal . Buka mysql sebagai root
Posting Komentar
Baca selengkapnya

Download Gratis Modul Konsep Jaringan - 802.11

Bismillahirrohmaaniirrohiim. Alhamdulillahi Robbil ‘Alamiin. Pada artikel sebelumnya, saya telah mengabarkan bahwa saya mendapatkan tugas menerjemahkan modul konsep jaringan . Kegiatan mulia tersebut saya lakukan karena saya meninggalkan satu huruf A pada absensi saya. Selengkapnya, baca di sini . Ternyata, dalam satu malam, saya telah menyelesaikannya. Dengan izin Allah Yang Maha Kuasa tentunya. :-D Besoknya, saya cetak modul tersebut, lalu saya kumpulkan. Saya termasuk orang yang hampir terakhir mengumpulkannya karena hanya ada satu orang setelah saya yang ikut mengumpulkan pada hari itu. Dan alhamdulillah , kerjaan saya langsung diterima hari itu juga. Dan lagi, dengan hampir tanpa revisi.
Posting Komentar
Baca selengkapnya