project pweb
TRANSCRIPT
-
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+
-
8/17/2019 Project PWeb
2/15
Tabel admin
Field Tipe Keterangan
username #archar( ! rimary Key
password char(34! password md5
Tabel mahasiswa
Field Tipe Keterangan
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
Field Tipe Keterangan
kode7periode int rimary Key, -uto "ncrement
nama #archar(36! ontoh+ 9-$-: 46&'/46&5, 9;
-
8/17/2019 Project PWeb
3/15
Field Tipe Keterangan
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
Field Tipe Keterangan
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
-
8/17/2019 Project PWeb
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.
-
8/17/2019 Project PWeb
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
-
8/17/2019 Project PWeb
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
-
8/17/2019 Project PWeb
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/17/2019 Project PWeb
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.
-
8/17/2019 Project PWeb
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
-
8/17/2019 Project PWeb
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.
-
8/17/2019 Project PWeb
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+
-
8/17/2019 Project PWeb
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.
-
8/17/2019 Project PWeb
13/15
-
8/17/2019 Project PWeb
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"
-
8/17/2019 Project PWeb
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