Membuat Perencanaan awal dan Membuat Template Halaman untuk user With HTML5, CSS3, and Bootstrap4

Assalammualaikum Wr. Wb.

Hari ini adalah hari senin, waktunya membuat Target Mingguan, nah, untuk minggu ini Target saya adalah membuat Aplikasi pendataan siswa dengan menggunakan CRUD Native atau Prosedural, dan pada hari seninnya (sekarang) saya berencana untuk merencanakan pembuatan perencanaan awal dan juga membuat template halaman untuk user....bagaimana kelanjutannya, kita simak pembahasan berikut ini...

A. PENDAHULUAN

Pengertian

Perencanaan awal merupakan sebuah kegiatan dimana kita membuat alur yang kira kira akan dilakukan kedepannya.
Template Sebuah dokumen atau file yang memiliki format preset, digunakan sebagai titik awal untuk aplikasi tertentu sehingga format tidak harus diciptakan kembali setiap kali digunakan.

Latar Belakang

Ingin memiliki perencanaan awal yang matang sebelum melakukan suatu kegiatan.

Maksud dan Tujuan

Dapat memiliki perencanaan awal yang matang sebelum melakukan suatu kegiatan.

B. ALAT DAN BAHAN

VYM (View Your Mind).
Text Editor
Database Server
Web Server
Web Browser
Pengetahuan mengenai SQL, HTML, CSS, dan juga Database.
Library CSS (disini saya menggunakan Bootstrap).

C. JANGKA WAKTU PELAKSANAAN

Sekitar 2-3 jam.

D. RANGKAIAN KEGIATAN

Membuat Perencanaan awal dengan menggunakan VYM

VYM adalah suatu aplikasi linux yang berfungsi sebagai pemetaan pikiran, dimana anda dapat menuliskan tahapan tahapan anda dalam melakukan suatu pekerjaan dan juga anda dapat langkah langkah yang ingin anda lakukan.

dalam pemetaan pikiran gambar diatas, kita dapat simpulkan bahwa.
User dapat melihat Data Siswa, Data SPP, dan juga Data Sekolah.
Admin dapat melihat, menghapus, mengubah, serta mengedit semua data yang ada dalam aplikasi pendataan siswa nanti.

Membuat Template halaman User (Front End)

Template Sebuah dokumen atau file yang memiliki format preset, digunakan sebagai titik awal untuk aplikasi tertentu sehingga format tidak harus diciptakan kembali setiap kali digunakan.

berikut merupakan contoh template Halaman yang akan dilihat oleh user nantinya :
Tampilan Awal