TUGAS PEMROGRAMAN WEB

WEBSITE DESIGN METHOD (WSDM)

KELOMPOK 1
JHON PIHAWIAN GUNAWAN RESTIASIH PRATIWI JHONI PRASETYO RIA ARISKA MINTONIADI NOVILIA M. SAMAT VINNY MARIA YULIANTY RUBEN SUCIONO : : : : : : : : : DBC 109 001 DBC 109 004 DBC 109 005 DBC 109 009 DBC 109 012 DBC 109 017 DBC 109 018 DBC 109 019 DBC 109 020

Merancang 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 pertanyaanpertanyaan 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 Desain
Fase 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
Admin login

Pada pembuatan website ini bisnis prosesnya adalah sebagai berikut:

Admin mengelola profil sekolah dan kelas Admin mengelola berita dan artikel Admin menambahkan berita dan artikel terbaru Admin mengelola galeri foto Admin menambahkan foto-foto terbaru Admin mengupload bahan ajar Admin mengelola forum Siswa mengakses website

 Siswa membuat akun untuk memperoleh ID

Siswa login menggunakan ID Siswa menambahkan profil kelas (update berita, artikel, dan foto

terbaru kelasnya)
Siswa mengikuti forum Siswa mendownload bahan ajar

Admin login sistem

Admin mengelola informasi terbaru yang ditambahkan oleh siswa Pengunjung mengakses website Pengunjung melihat informasi terbaru Pengunjung memberi komentar

FLOWCHART

DEFINISI AKTOR
Aktor Admin 1. Login 2. Mengelola Profil 3. Menambahkan Berita dan Artikel 4. Menambahkan Foto 5. Mengupload Bahan Ajar 6. Mengelola Forum Aktivitas

Aktor Siswa

Aktivitas 1. Membuat Akun 2. Login 3. Update Profil Kelas 4. Mendownload Bahan Ajar 5. Mengikuti Forum

Pengunjung

1. Melihat Informasi
2. Memberikan Komentar

USE CASE DIAGRAM

1. Use case Admin

1. Use Case Siswa

3. Use Case Pengunjung

DEFINISI USE CASE

Admin dan Login Siswa Memasukkan username dan password Admin mengelola forum Hapus komentar Admin mengupload bahan ajar Tambah bahan Hapus foto Admin menambahkan foto Upload foto Hapus foto Admin mengelola profil Update profil Hapus Profil komentar tambah

Admin menambah berita dan Tambah Berita artikel Edit Berita Hapus Berita Siswa membuat akun Memasukkan kelas dan alamat Siswa mendownload bahan ajar Memasukkan mata pelajaran dan kelas Siswa mengupdate profil kelas Memasukkan informasi nama, tempat

tanggal lahir, jenis kelamin, email,

Pengunjung melakukan pencarian

Pencarian berita, foto, data siswa

dan data guru

Pengunjung

memberikan Komen dimasukkan

dokumen

DIAGRAM ACTIVITY
Admin 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 INTERFACE
Desain Halaman Home Website

Desain Menu Profile

Desain Menu Berita

Desain Menu Peta

Desain Menu Kontak

SEKIAN DAN TERIMA KASIH