Pengantar Web Science# 1 (Tugas 2)

Pengantar Web Science# 1

Tugas : Web Design

Dosen : Pak Bintang

Kelompok :

Cindy Amriyani (51412619)(2IA22)

Rinaldi Prabowo (55410978)(4IA18)

Berikut ini kami akan menjelaskan tentang web design yang akan kami buat, dengan menggunakan html 5, css, msql dan php. Pada gambar dibawah ini terdapat tampilan home dari web yang kami buat dengan judul web “Sekolah Dasar Negeri Suka Maju Mundur”. Wed yang kami buat merupakan kumpulan dari beberapa menu yaitu buku pelajaran, interaktif, tips super, latihan soal, dan upload. Yang nantinya akan kami jelaskan kegunaan web ini dengan gambar screenshoot dari gambar-gambar di setiap menunya. Gambar dibawah ini merupakan tampilan dari home web design kami. Mengambil tema yang cukup sederhana agar dapat mudah dipahami oleh pengunjung webnya yaitu anak-anak sekolah dasar dengan bimbingan guru atau orang tuanya.

 

Pada menu kedua yaitu buku pembelajaran, terdapat beberapa buku yang nantinya akan melink langsung dengan situs yang terhubung pada bukunya. Pada web ini tersedia berbagai buku diantaranya buku Bahasa Indonesia kelas 6, buku Ilmu Pengetahuan Alam kelas 6, Buku IPS terpadu kelas 6, buku Matematika kelas 6, buku Penjas Orkes kelas 6, dan buku pendidikan kewarganegaraan kelas 6.

Sedangkan pada menu ketiga yaitu interaktif pada menu kita bisa mengobrol langsung (chating) dengan beberapa pengunjung web lainnya untuk berdiskusi satu sama lain. Dengan cara login terlebih dahulu, dengan cara mengiput nama kalian lalu klik login.

 

 

Ketika kalian sudah login pada menu interaktif nantinya tampilan pada web akan berubah menjadi seperti yang ada pada gambar dibawah ini, dan kemudian kalian bisa melakukakn chat atau berdiskusi dengan pengunjung web lainnya.

Kemudian pada menu keempat yaitu tips super terdapat sound penghibur untuk pengunjung web ini :)

Selanjutnya pada menu kelima yaitu latihan soal, yang berisi beberapa latihan soal yang nantinya bisa dikerjakan oleh pengunjung web ini, yaitu diantaranya ada empat soal yaitu soal A, B, C,dan D. 

Berikut ini adalah soal latihan yang terdapat pada Soal A, yang nantinya bisa dikerjakan oleh pengunjung web ini.

 Selanjutnya web ini juga menggunakan msql yang berguna untuk membuat database dari web ini, dengan nama ujian_teori.

untuk mengetahui mysql yang kita buat tadi sudah terbuat, dengan cara memanggilnya melalui cmd, atau bisa disebut melakukan pengecekan pada database yang ingin dibuat.

 

Selanjutnya kita balik lagi dengan webnya, pada menu keenam yaitu upload, nantinya pengunjung web ini bisa melakukan upload ujian teori, jadi bisa menjawab soal ujian dan mempostingnya kedalam web ini dengan cara mengupload sesuai dengan form yang ada pada gambar dibawah ini. Pengunjung web ini diminta untuk menginput nama dan npm, kemudian mengklik sesuai dengan tipe soal yang telah dikerjakan dan membrowse sesuai dengan file yang telah dikerjakan, dan nantinya klik simpan untuk mengupload soal yang diinginkan.

 

Pada tahap terakhir yaitu pengunjung bisa melihat daftar soal yang telah diupload oleh pengunjung web tersebut.