TUGAS PEMROGRAMAN WEB

TUGAS PEMROGRAMAN WEB

WEBSITE DESIGN METHOD (WSDM)KELOMPOK 1JHON PIHAWIAN:DBC 109 001GUNAWAN:DBC 109 004RESTIASIH PRATIWI:DBC 109 005JHONI PRASETYO:DBC 109 009RIA ARISKA:DBC 109 012MINTONIADI:DBC 109 017NOVILIA M. SAMAT:DBC 109 018VINNY MARIA YULIANTY:DBC 109 019RUBEN SUCIONO:DBC 109 020Merancang situs Web

Sebuah situs web adalah jenis aplikasi sistem informasi interaktif di mana user interface dibentuk oleh satu set halaman web. Ada dua macam situs Web,yaitu: 1. Tipe kios, situs yang menyediakan informasi dan memungkinkan pengguna untuk menavigasi melalui informasi tersebut. 2. Jenis aplikasi, adalah jenis aplikasi sistem informasi interaktif di mana user interface dibentuk oleh satu set halaman web.

Situs Website Design Method (WSDM) WSDM adalah pendekatan terpusat pada pengguna untuk pengembangan situs web, yaitu model-model aplikasi yang berdasarkan pada kebutuhan informasi dari kelompok pengguna. Proses pengembangan ini dibagi ke dalam tiga fase sebagai berikut: 1. Pemodelan Pengguna Pengguna biasanya mengunjungi situs web dengan pertanyaan-pertanyaan yang mengganjal dalam pikirannya Situs Web harus mengantisipasi pertanyaan-pertanyaan pengguna dan menjawabnya. Oleh karena itu, pada tahap pertama dari metode akan dibuat analisis kebutuhan sistem sesuai dengan penggunanya yang digambarkan dengan Bisnis proses, flowchart,UML, Use Case, dan Activity Diagram.

2. Konseptual DesainFase ini terdiri dari dua sub-tahap, Modeling Obyek dan Desain Navigational. Selama Pemodelan Obyek kebutuhan informasi dari kelas pengguna yang berbeda dan perspektif mereka secara resmi dijelaskan. Dalam tahap Desain Navigational kami menjelaskan bagaimana pengguna yang berbeda dapat menavigasi melalui situs Web. Masing-masing perspektif akan memiliki model navigasi sendiri.

3. Implementasi Desain Dalam langkah ini kita pada dasarnya merancang "tampilan dan nuansa" dari situs Web. Tujuannya adalah untuk menciptakan sebuah tampilan yang konsisten, menyenangkan dan efisien dan merasa untuk desain konseptual yang dibuat dalam fase sebelumnya. Ada banyak literatur tentang aspek-aspek desain situs Web, lihat misalnya. Karena keterbatasan ruang, kami hanya menyebutkan bagaimana beberapa pedoman dikenal masuk ke WSDM. Hasil dari implementasi desain adalah Model Implementasi.

BISNIS PROSES Pada pembuatan website ini bisnis prosesnya adalah sebagai berikut:Admin loginAdmin mengelola profil sekolah dan kelasAdmin mengelola berita dan artikelAdmin menambahkan berita dan artikel terbaruAdmin mengelola galeri fotoAdmin menambahkan foto-foto terbaruAdmin mengupload bahan ajarAdmin mengelola forumSiswa mengakses websiteSiswa membuat akun untuk memperoleh IDSiswa login menggunakan IDSiswa menambahkan profil kelas (update berita, artikel, dan foto terbaru kelasnya)Siswa mengikuti forumSiswa mendownload bahan ajarAdmin login sistemAdmin mengelola informasi terbaru yang ditambahkan oleh siswaPengunjung mengakses websitePengunjung melihat informasi terbaruPengunjung memberi komentarFLOWCHART

DEFINISI AKTORAktorAktivitasAdmin1. Login2. Mengelola Profil3. Menambahkan Berita dan Artikel4. Menambahkan Foto5. Mengupload Bahan Ajar6. Mengelola ForumAktorAktivitasSiswa1. Membuat Akun2. Login3. Update Profil Kelas4. Mendownload Bahan Ajar5. Mengikuti ForumPengunjung1. Melihat Informasi2. Memberikan KomentarUSE CASE DIAGRAM1. Use case Admin

1. Use Case Siswa

3. Use Case Pengunjung

DEFINISI USE CASEAdmin dan Login SiswaMemasukkan username dan passwordAdmin mengelola forumHapus komentar tambah komentarAdmin mengupload bahan ajarTambah bahanHapus fotoAdmin menambahkan fotoUpload fotoHapus fotoAdmin mengelola profilUpdate profilHapus ProfilAdmin menambah berita dan artikelTambah BeritaEdit BeritaHapus BeritaSiswa membuat akunMemasukkan nama, tempat tanggal lahir, jenis kelamin, email, kelas dan alamatSiswa mendownload bahan ajarMemasukkan mata pelajaran dan kelasSiswa mengupdate profil kelasMemasukkan informasiPengunjung melakukan pencarianPencarian berita, foto, data siswa dan data guruPengunjung memberikan dokumenKomen dimasukkanDIAGRAM ACTIVITYAdmin dan siswa login

Admin mengelola forum

Admin mengupload bahan ajar

Admin menambahkan foto

Admin mengelola profil

Admin menambah berita dan artikel

Siswa membuat akun

Siswa mendownload bahan ajar

Pengunjung melakukan pencarian

Pengunjung memberikan komen

DESAIN INTERFACEDesain Halaman Home Website

Desain Menu Profile

Desain Menu Berita

Desain Menu Peta

Desain Menu Kontak

SEKIANDANTERIMA KASIH