project pweb

8/17/2019 Project PWeb

1/15

Tujuan ProjectMahasiswa mampu mengembangkan sebuah aplikasi berbasis web dinamis yangmemanfaatkan database, session/cookie, image handling, class, dan memperhatikan unsur keamanan web.

KelompokTugas dikerjakan berkelompok dengan maksimal 3 orang anggota (tidak boleh lintas K ! . "ngat,tugas dapat dikerjakan secara indi#idu akan tetapi bobot penilaian tetap menganggap bahwatugas dikerjakan berkelompok. $etiap anggota kelompok wajib memahami setiap bagian yangdikerjakan sesama anggota kelompoknya.

Batas WaktuTugas didemokan saat perkuliahan minggu ke%&' dan mengumpulkan juga seluruhpekerjaanmu di dalam sebuah )/)*). "si )/)*)+ semua file php/html/css dan image yangdigunakan, serta file database (.s l! yang didapat dengan cara mengekspornya melaluiphpMy-dmin

Detil Tugaserikut ini akan dijelaskan secara terperinci detil tugas yang wajib dikerjakan. enjelasan

melingkupi gambaran umum, database dan modul.

Gambaran Umumuatlah sebuah website input perwalian di sebuah ni#ersitas. 0ebsite ini memiliki fitur antara

lain+1 -dministrator dapat login ke halaman admin untuk menambah data mahasiswa, mata kuliah

dan data kelas1 Mahasiswa dapat login untuk melakukan proses input perwalian. Mahasiswa mencari mata

kuliah yang ingin diambil dan mendaftarkan dirinya untuk ikut mata kuliah tersebut. $etiapmahasiswa memiliki jatah sks yang berbeda.

1 Mahasiswa dapat mencetak file )2 hasil input perwalian.1 -dministrator dapat mencetak daftar mahasiswa pada sebuah mata kuliah per kelas.

Detil Database0ebsite input perwalian memiliki empat buah tabel antara lain+ tabel admin, tabel mahasiswa,tabel matakuliah, tabel kelas, dan tabel mahasiswakelas. erikut masing%masing penjelasandari tabel+


2/15

Tabel admin

Field Tipe Keterangan

username #archar( ! rimary Key

password char(34! password md5

Tabel mahasiswa


nrp #archar( ! rimary Key

nama #archar(36! nama mahasiswa

password char(34! password md5

jatah7sks int jumlah sks yang boleh diambil

foto7profil #archar(&66! nama file foto profil mahasiswa (e8tension jpg!

hapuskah bool jika true maka data mhs dianggap terhapus

Tabel periode


kode7periode int rimary Key, -uto "ncrement

nama #archar(36! ontoh+ 9-$-: 46&'/46&5, 9;


3/15


kode7mk #archar(=! rimary Key

nama #archar(36! nama mata kuliah

jumlah7sks smallint jumlah sks untuk mata kuliah ini

deskripsi te8t deskripsi tentang mk

hapuskah bool jika true maka mata kuliah dianggap terhapus

Tabel Kelas

Field Tipe Keterangankode7kelas int rimary Key, -uto "ncrement

kode7mk #archar(=! 2K ke tabel Mata kuliah

kode7periode int 2K ke tabel periode

nama7kelas #archar(=! nama kelas, contoh+ K -, K

kapasitas smallint jumlah kapasitas kelas

hapuskah bool jika true maka kelas dianggap terhapus

Tabel mahasiswa_kelas


nrp #archar( ! rimary Key

kode7kelas int rimary Key

Detil ModulTerdapat dua modul yang dibuat, yakni modul -dministrator dan modul erwalian

Modul AdministratorModul ini hanya bisa diakses oleh administrator yang digunakan untuk menambah datamahasiswa dan kelas. $erta mencetak laporan pdf isi sebuah kelas. astikan setidaknya ada


4/15

satu user admin yang tersimpan di dalam tabel -dministrator. erikut beberapa detil moduladmin yang harus dikerjakan+

1 uatlah halaman loginadmin.php untuk memfasilitasi admin agar dapat masuk ke dalamhalaman administrator

1 ada halaman admin home (beranda admin! adminhome.php , terdapat beberapa link yangbisa diakses. >akni master periode, master mata kuliah, master kelas, master mahasiswa, danlaporan. Terdapat juga link logout untuk keluar dari halaman admin menuju halaman loginadministrator.

erikut adalah penjelasan dari masing%masing halaman.

HALAMAN MASTER PER !DE

1 ?ika admin mengakses halaman master periode, maka tampilkan semua data periode dalambentuk tabel (halaman masterperiode.php !. )ata periode diambil dari tabel periode. )ata inimenunjukkan periode input perwalian yang mana yang sedang aktif. ntuk menandai periodeyang sedang aktif gunakan field status. )ari semua periode hanya boleh ada satu periode yangsedang statusnya aktif.


5/15

1 -dmin dapat menambahkan periode baru dengan menggunakan form tambah periode. ?ikastatus periode baru diset menjadi -KT"2 maka, ubah status periode yang saat ini aktif menjadi


6/15

1 -dmin juga dapat menghapus mata kuliah tertentu dengan menekan tombol hapus. "ngat tidakboleh melakukan proses delete. Melainkan ubahlah field AhapuskahB dari tabel mata kuliahmenjadi true untuk menunjukkan bahwa status mata kuliah terhapus.

HALAMAN MASTER MAHAS S"A1 ?ika admin mengakses halaman master mahasiswa, maka tampilkan semua data mahasiswa

dalam bentuk tabel (halaman mastermhs.php !. )ata mata mahasiswa diambil dari tabelmahasiswa.

1 -dmin dapat menambah dan mengedit data mahasiswa. Tambah dan edit menggunakan formyang sama pada halaman yang sama. (perhatikan gambar!

1 assword hanya terdiri dari = angka.1 assword dan ulangi password harus sama.1 -dmin dapat mengupload gambar foto profil user. Darus berformat .jpg. 2ile foto diberi nama

(rename! dengan &6 digit karakter acak dan disimpan pada folder propic. ontoh!"#$%&ewgte.'pg

1


7/15

HALAMAN MASTER KELAS

1 ?ika admin mengakses halaman master kelas, maka tampilkan semua data kelas dalam bentuktabel (halaman masterkelas.php !. )ata kelas diambil dari tabel mata kelas.

1 -dmin dapat menambahkan kelas baru dengan mengisi form tambah kelas di atas tabel.1 eberapa data yang diisi adalah nama kelas, mata kuliah (combo bo8! dan kapasitas kelas.1 eriode tidak diisi, melainkan secara otomatis diset ke periode aktif saat ini.1 ?ika tidak ada periode aktif sama sekali, maka admin tidak dapat mengakses halaman

masterkelas.php (munculkan peringatan yang informatif!1 -dmin dapat mengedit dan menghapus kelas. erhatikan aturan penghapusan data seperti

contoh sebelumnya.


8/15

HALAMAN LAP!RAN1 ?ika admin mengakses halaman laporan, maka admin dapat mencetak laporan daftar

mahasiswa yang mengambil mata kuliah tertentu (laporan.php) .1 -dmin terlebih dahulu harus mengisi form filter data untuk mencetak laporan. erhatikan

gambar.

1 2orm filter laporan mengharuskan admin untuk menentukan periode, mata kuliah, dan kelas.1 -dmin dapat menekan tombol cetak laporan untuk menampilkan )2 pre#iew laporan yang

sesuai dengan kriteria pada form filter.


9/15

1 ontoh laporan )2 untuk mata kuliah emrograman "nteraktif pada 9-$-: 46&'/46&5 untukK - adalah sebagai berikut+

1 Tanggal cetak pada laporan diisi tanggal hari ini1 Kapasitas diisi jumlah siswa / kapasitas kelas


10/15

Modul Per#alianModul ini hanya bisa di akses oleh mahasiswa apabila setidaknya ada satu data periode yangsedang aktif (tabel periode!. Modul perwalian di akses melalui halaman inde .php . Ketika usermembuka halaman ini maka tampilkan halaman login seperti gambar di bawah ini.

-kan tetapi jika tidak ada satupun periode yang sedang aktif, maka tampilkan keteranganberikut+

$etelah mahasiswa berhasil login, maka tampilkan halaman "nput erwalian dari modulperwalian seperti tampak pada gambar berikut ( inputperwalian.php) . 2oto profil mahasiswaditampilkan di sebelah kiri.


11/15

Terdapat bagian T-M -D M-T- K :"-D untuk memasukkan mata kuliah yang lain ke dalamdaftar mata kuliah yang akan diambil. -kan tetapi apabila tanggal hari ini di luar rangetanggal7awal dan tanggal7akhir pada tabel periode aktif, maka bagian T-M -D M-T- K :"-Dtidak ditampilkan. Tombol icon -T-: juga dihilangkan, karena dianggap input perwalian ditutupdan mahasiswa hanya boleh melihat daftar mata kuliah yang sudah di input sebelumnya.

ontoh tampilan apabila mahasiswa login di luar range tanggal periode aktif adalah sebagaiberikut+


12/15

Ketika mahasiswa menambahkan mata kuliah baru ke dalam daftar mata kuliah yang akandiambil, website dapat mengecek beberapa kemungkinan error berikut dan menampilkannya kelayar. ;rror ditampilkan di halaman inputperwalian.php pada bagian atas form Tambah MataKuliah. erikut adalah beberapa kemungkinan error+

1 ?umlah sks mata kuliah tersebut melebihi sisa jatah sks mahasiswa1 Mahasiswa sudah memasukkan mata kuliah yang sama sebelumnya ke dalam daftar 1 ?umlah pendaftar pada sebuah kelas melebihi kapasitas kelas

-pabila tidak ada satupun kriteria error diatas akan muncul, maka mata kuliah yang diinputkanoleh mahasiswa langsung masuk ke dalam tabel daftar mata kuliah yang akan diambil

Kemudian apabila mahasiswa ingin membatalkan sebuah kuliah, mahasiswa dapat mengklikicon batal pada mata kuliah yang bersangkutan. $etelah mengklik link icon batal tersebut, makakuliah hilang dari tabel daftar mata kuliah yang akan diambil

Halaman n$o Mata Kulia%Mahasiswa dapat mencari tahu terlebih dahulu mata kuliah, deskripsinya, K dan kapasitaspada halaman ini (matakuliah.php). -pabila halaman ini dibuka maka tampilkan daftar seluruhmata kuliah dalam bentuk tabel.


13/15


14/15

KR TER A PEN LA ANagian ini menjelaskan kriteria penilaian dari project -$ pemrograman web+

*+,* T-T,+ *+,* K/+-01-K 234 5 *+,* * D*6*D7 834

K-01- / *+,* K/+-01-KM@) : -)M"


15/15

*HE*K L ST K!MP!NEN PR!+E*TTabel berikut ini untuk membantu kelompok anda mengerjakan project website mata kuliahpemrograman web. eri tanda centang pada komponen yang sudah dibuat.

ang Mengerjakan $udah )ibuat (beri centang!

& $etup tabel dan database

4 :ogin administrator

3 Dome/beranda administrator

' Master periode

5 Master Mahasiswa

G Master mata kuliah

H Master kelas

= :aporan )2

:ogin "nput erwalian

&6 roses tambah mata kuliah

&& roses batal mata kuliah

&4 "nformasi mata kuliah

project pweb

Documents