SlideShare a Scribd company logo
1 of 12
LAPORAN TUGAS BESAR
Pemrograman Berbasis Web
SISTEM INFORMASI AKADEMIK
Oleh :
Chandik (1110651139)
Respati Bayu (1110651231)
Miftahul Hidayat (1110651138)
Malta Galah N. (1110651255)
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2013
Sitem Informasi Akademik
Aplikasi ini memiliki tiga tipe pengguna, yaitu administrator (admin), staff (dosen), dan user (
mahasiswa). Dan masing-masing pengguna memiliki username dan password sendiri-sendiri. Yang
hasilnya kurang lebih seperti terdapat pada : http://sia.pusku.com/
1. Langkah pembuatan, syntac dan Penjelasan
a. Membuat database dengan xampp
i. Membuat data base dengan nama SIA
ii. Membuat table dalam data base
b. Membuat awal php
Sebelum membuat tampilan awal ada beberapa yang harus disiapkan
seperti koneksi.php , cek.php.
1. Koneksi.php berfungsi sebagai penghubung web ke database yang dibuat
sebelumnya
2. Cek.php berfungsi untuk mencek apakah pengakses sudah login atau belum
c. Membuat tampilan untuk web
i. Halaman index
Untuk syntacnya :
Halaman Login
Penjelasan :
Loginadm.php dipanggil untuk memunculnya form login pemanggilan terjadi pada
pada syntac “<?php include "loginadm.php"?>“ pada index.php. setelah username dan
password di isi maka perintah selanjutnya yg akan diseksekusi adalah “submit.php”
Pada bagian ini terjadi pemanggilan database yaitu pada tb_pengguna dimana pada
table tersebut tertera pengguna yang berhak mengakses.
$username = $_POST[‘usernamer’];  memberi nilai $username dengan data yang di
submit dengan value yang dimasukan pada username. Begitu pula pada password.
$_SESSION [‘user’]=$array[‘username’]; ; menyimpan username dengan nama user.
Setelah submit berhasil maka akan diarahkan pada halaman yang sesuai dengan hak
asesnya.
ii. Admin
Syntac :
Untuk menunya :
Untuk hak akses admin, dia memiliki kewenangan dalam mengakses semua data dan
data.
iii. Staff (Dosen)
Untuk sytacnya hampir sama seperi admin hanya berbeda pada menunya saja :
iv. User (Pengguna)
Untuk sytacnya hampir sama seperi admin hanya berbeda pada menunya saja :
v. Bila gagal login
vi. Isi dalam menu
1. Kita klik menu user :
Klik lihat apabila kita ingin melihat atau mengetahui siapa saja yang bertugas menjadi admin, staff,
dan dosen.
Klik tambah apabbila kita ingin menambahkan beberapa personil/anggota di dalamnya.
2. Kita klik menu Akademik :
Di menu akademik terdapat jurusan, mata kuliah, mahasiswa, dan dosen.
- Jurusan, terdapat 2 jurusan yaitu teknik informatika dan manajemen informatika.
- Mata kuliah, terdapat banyak mata kuliah di dalamnya.
- Mahasiswa, terdapat mahasiswa secara keseluruhan.
- Dosen, terdapat nama dosen-dosen yang ada.
3. Kita klik menu dosen :
Di dalam menu dosen terdapat pilihan tambah data, absen, nilai, cek absen dan nilai, dan ubah
password.
4. Kita klik menu mahasiswa :
Di menu mahasiswa terdapat KHS mahasiswa dan ubah password.
5. Log out maka kita akan keluar dan kembali pada tampilan awal.
Berikut beberapa fitur yang digunakan pada pembuatan tugas ini :
1. AJAX  terdapat pada menu user  lihat  pilih otorias  untuk menampilkan data yang
berada dibawahnya menggunakan AJAX.
2. CSS dibanyak tempat
3. SESSION terdapat pada submit.php
4. Onclikc, onchange
Untuk melihat hasil pembuatan dapat dilihat di : http://sia.pusku.com/

More Related Content

Similar to SIA Sistem Informasi Akademik

T ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imkT ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imkArtaya Honest
 
Tugas crud-twitter-bootstrap
Tugas crud-twitter-bootstrapTugas crud-twitter-bootstrap
Tugas crud-twitter-bootstrapMohammad Anam
 
ANALISIS FUNGSI DAN STRUKTUR DATA MENU SETUP
ANALISIS FUNGSI DAN STRUKTUR DATA MENU SETUPANALISIS FUNGSI DAN STRUKTUR DATA MENU SETUP
ANALISIS FUNGSI DAN STRUKTUR DATA MENU SETUPEll Sahrawii
 
Website Penerimaan Mahasiswa Baru
Website Penerimaan Mahasiswa Baru Website Penerimaan Mahasiswa Baru
Website Penerimaan Mahasiswa Baru Nina Hendra Putri
 
Seri dreamweaver -_tampil_entri_edit_delete_data_mahasiswa
Seri dreamweaver -_tampil_entri_edit_delete_data_mahasiswaSeri dreamweaver -_tampil_entri_edit_delete_data_mahasiswa
Seri dreamweaver -_tampil_entri_edit_delete_data_mahasiswaIrfan Fauzi
 
Pengantar Learning Management System
Pengantar Learning Management SystemPengantar Learning Management System
Pengantar Learning Management Systemrickygunawan84
 
Pengantar Learning Management System (LMS)
Pengantar Learning Management System (LMS)Pengantar Learning Management System (LMS)
Pengantar Learning Management System (LMS)ramadonatan
 
Tutorial Pengisian Data dan Import Data Sisfodik
Tutorial Pengisian Data dan Import Data SisfodikTutorial Pengisian Data dan Import Data Sisfodik
Tutorial Pengisian Data dan Import Data SisfodikLentar Luckey
 
Tugas4 ira lina kendayto panjaitan (130121041)
Tugas4 ira lina kendayto panjaitan  (130121041)Tugas4 ira lina kendayto panjaitan  (130121041)
Tugas4 ira lina kendayto panjaitan (130121041)ira_kendayto
 
PPT Projek Arsitektur Enterpris.pptx
PPT Projek Arsitektur Enterpris.pptxPPT Projek Arsitektur Enterpris.pptx
PPT Projek Arsitektur Enterpris.pptxaroorojak
 

Similar to SIA Sistem Informasi Akademik (20)

T ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imkT ugas 7 daya guna website dengan blog-artayahonest-imk
T ugas 7 daya guna website dengan blog-artayahonest-imk
 
Panduan moodle
Panduan moodlePanduan moodle
Panduan moodle
 
Sistem e learning
Sistem e learningSistem e learning
Sistem e learning
 
Tugas Besar RPL.docx
Tugas Besar RPL.docxTugas Besar RPL.docx
Tugas Besar RPL.docx
 
Tugas crud-twitter-bootstrap
Tugas crud-twitter-bootstrapTugas crud-twitter-bootstrap
Tugas crud-twitter-bootstrap
 
Data base
Data baseData base
Data base
 
ANALISIS FUNGSI DAN STRUKTUR DATA MENU SETUP
ANALISIS FUNGSI DAN STRUKTUR DATA MENU SETUPANALISIS FUNGSI DAN STRUKTUR DATA MENU SETUP
ANALISIS FUNGSI DAN STRUKTUR DATA MENU SETUP
 
Website Penerimaan Mahasiswa Baru
Website Penerimaan Mahasiswa Baru Website Penerimaan Mahasiswa Baru
Website Penerimaan Mahasiswa Baru
 
Pengantar LMS
Pengantar LMSPengantar LMS
Pengantar LMS
 
Seri dreamweaver -_tampil_entri_edit_delete_data_mahasiswa
Seri dreamweaver -_tampil_entri_edit_delete_data_mahasiswaSeri dreamweaver -_tampil_entri_edit_delete_data_mahasiswa
Seri dreamweaver -_tampil_entri_edit_delete_data_mahasiswa
 
Pengantar Learning Management System
Pengantar Learning Management SystemPengantar Learning Management System
Pengantar Learning Management System
 
Pengantar Learning Management System (LMS)
Pengantar Learning Management System (LMS)Pengantar Learning Management System (LMS)
Pengantar Learning Management System (LMS)
 
Pengantar LMS
Pengantar LMSPengantar LMS
Pengantar LMS
 
Bab i (1)
Bab i (1)Bab i (1)
Bab i (1)
 
Laporan projectweb usm
Laporan projectweb usmLaporan projectweb usm
Laporan projectweb usm
 
Pengantar LMS
Pengantar LMSPengantar LMS
Pengantar LMS
 
Tutorial Pengisian Data dan Import Data Sisfodik
Tutorial Pengisian Data dan Import Data SisfodikTutorial Pengisian Data dan Import Data Sisfodik
Tutorial Pengisian Data dan Import Data Sisfodik
 
Laporan indra
Laporan indraLaporan indra
Laporan indra
 
Tugas4 ira lina kendayto panjaitan (130121041)
Tugas4 ira lina kendayto panjaitan  (130121041)Tugas4 ira lina kendayto panjaitan  (130121041)
Tugas4 ira lina kendayto panjaitan (130121041)
 
PPT Projek Arsitektur Enterpris.pptx
PPT Projek Arsitektur Enterpris.pptxPPT Projek Arsitektur Enterpris.pptx
PPT Projek Arsitektur Enterpris.pptx
 

SIA Sistem Informasi Akademik

  • 1. LAPORAN TUGAS BESAR Pemrograman Berbasis Web SISTEM INFORMASI AKADEMIK Oleh : Chandik (1110651139) Respati Bayu (1110651231) Miftahul Hidayat (1110651138) Malta Galah N. (1110651255) JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2013
  • 2. Sitem Informasi Akademik Aplikasi ini memiliki tiga tipe pengguna, yaitu administrator (admin), staff (dosen), dan user ( mahasiswa). Dan masing-masing pengguna memiliki username dan password sendiri-sendiri. Yang hasilnya kurang lebih seperti terdapat pada : http://sia.pusku.com/ 1. Langkah pembuatan, syntac dan Penjelasan a. Membuat database dengan xampp i. Membuat data base dengan nama SIA ii. Membuat table dalam data base
  • 3. b. Membuat awal php Sebelum membuat tampilan awal ada beberapa yang harus disiapkan seperti koneksi.php , cek.php. 1. Koneksi.php berfungsi sebagai penghubung web ke database yang dibuat sebelumnya 2. Cek.php berfungsi untuk mencek apakah pengakses sudah login atau belum c. Membuat tampilan untuk web i. Halaman index
  • 5. Halaman Login Penjelasan : Loginadm.php dipanggil untuk memunculnya form login pemanggilan terjadi pada pada syntac “<?php include "loginadm.php"?>“ pada index.php. setelah username dan password di isi maka perintah selanjutnya yg akan diseksekusi adalah “submit.php” Pada bagian ini terjadi pemanggilan database yaitu pada tb_pengguna dimana pada table tersebut tertera pengguna yang berhak mengakses. $username = $_POST[‘usernamer’];  memberi nilai $username dengan data yang di submit dengan value yang dimasukan pada username. Begitu pula pada password. $_SESSION [‘user’]=$array[‘username’]; ; menyimpan username dengan nama user. Setelah submit berhasil maka akan diarahkan pada halaman yang sesuai dengan hak asesnya.
  • 7. Untuk menunya : Untuk hak akses admin, dia memiliki kewenangan dalam mengakses semua data dan data. iii. Staff (Dosen)
  • 8. Untuk sytacnya hampir sama seperi admin hanya berbeda pada menunya saja : iv. User (Pengguna) Untuk sytacnya hampir sama seperi admin hanya berbeda pada menunya saja :
  • 9. v. Bila gagal login vi. Isi dalam menu 1. Kita klik menu user : Klik lihat apabila kita ingin melihat atau mengetahui siapa saja yang bertugas menjadi admin, staff, dan dosen. Klik tambah apabbila kita ingin menambahkan beberapa personil/anggota di dalamnya.
  • 10. 2. Kita klik menu Akademik : Di menu akademik terdapat jurusan, mata kuliah, mahasiswa, dan dosen. - Jurusan, terdapat 2 jurusan yaitu teknik informatika dan manajemen informatika. - Mata kuliah, terdapat banyak mata kuliah di dalamnya. - Mahasiswa, terdapat mahasiswa secara keseluruhan. - Dosen, terdapat nama dosen-dosen yang ada. 3. Kita klik menu dosen : Di dalam menu dosen terdapat pilihan tambah data, absen, nilai, cek absen dan nilai, dan ubah password.
  • 11. 4. Kita klik menu mahasiswa : Di menu mahasiswa terdapat KHS mahasiswa dan ubah password. 5. Log out maka kita akan keluar dan kembali pada tampilan awal.
  • 12. Berikut beberapa fitur yang digunakan pada pembuatan tugas ini : 1. AJAX  terdapat pada menu user  lihat  pilih otorias  untuk menampilkan data yang berada dibawahnya menggunakan AJAX. 2. CSS dibanyak tempat 3. SESSION terdapat pada submit.php 4. Onclikc, onchange Untuk melihat hasil pembuatan dapat dilihat di : http://sia.pusku.com/