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

Comments

Popular posts from this blog

Cara Mengubah Icon Marker di Google Map Javascript

Project Leader CodeIgniter Meninggal Dunia

Penamaan Tabel yang Baik di Database: Plural atau Singular?