7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 1/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
1
Menjalankan Aplikasi Web SIA (Sistem Informasi Akademik)
Siapkan Kebutuhan (Requirements)Untuk menjalankan Aplikasi Web SIA, dibutuhkan beberapa persyaratan teknis yaitu :Web Server Apache minimum versi 1.13.19 (www.apache.org) PHP minimum versi 4.2.x (www.php.net) Database MySQL minimum versi 3.2.x (www.mysql.com)
Untuk system operasi, Anda bisa menggunakan Windows maupun Linux. Penggunaandi lingkungan Linux sebenarnya lebih direkomendasikan namun pengetahuan akansistem operasi ini sering menjadi kendala utama. Pada linux integrasi semuakomponen-komponen ini dikenal dengan istilah LAMP (Linux, Apache, MySQL danPHP). Pada Tutorial kali ini saya menggunakan XAMPP pada System OperasiWindows XP.
Mengaktifkan Apache dan MySQL Aktifkan Service Apache dan MySQL lewat XAMPP Control Panel
Start All Program Apache Friends XAMPP – XAMPP Control Panel
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 2/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
2
Klik Start pada tombol Apache dan MySQL hingga status keduanya Running.Copykan Folder siakadta yang ada dalam CD ke dalam folder htdocs pada Directoryxampp. Pada komputer saya copykan ke dalam C:\xampp\htdocs\ .
Import DatabaseSebelum menjalankan aplikasi Anda perlu melakukan import Database. Buka webbrowser Anda contohnya Mozilla Firefox, ketikkan pada addresshttp://localhost/phpmyadmin
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 3/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
3
Buat database baru dengan nama siakadta, ketikkan pada kotak isian pada Createnew database
Klik tombol Create
Klik Import pada menu database
Klik Tombol Browse
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 4/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
4
Tentukan File Database sql yang ada dalam CD, klik tombol Open.Klik Tombol GoDan semua table utk kebutuhan Web SIA sudah bisa Anda dapatkan dalamDatabase yang baru saja Anda buat.
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 5/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
5
Table-table yang dibutuhkan untuk Web SIA
Table agenda
Table banner
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 6/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
6
Table beritaUntuk menampung data berita / isi konten
Table kategoriUntuk menampung data kategori berita / konten
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 7/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
7
Table mahasiswa
Table fakultas
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 8/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
8
Table jurusan
Table dosen
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 9/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
9
Table matakuliah
Table materibaruUntuk menampung data kurikulum
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 10/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
10
Table usersUntuk menampung Data-data pengguna / user web
Table dosemengajarUntuk menampung Data Dosen mengajar pada kurikulum aktif
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 11/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
11
Table kelas
Table krs
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 12/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
12
Table jadwal
Table nilaiTable yang menampung data-data nilai mahasiswa
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 13/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
13
Table modulTable yang menampung data menu admin dan user
Table modul_dosenTable yang menampung data-data menu pada saat login dosen
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 14/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
14
Table modul_mahasiswaTable yang menampung data-data menu pada saat login dosen
Setelah Folder siakadta sudah dicopykan dalam folder htdocs dan databasesudah diimport sesuaikan isi file koneksi.php yang ada pada folderC:\xampp\htdocs\siakadta\config\ dengan Web Server di Komputer Anda.
Buka file koneksi.php dengan aplikasi Notepad atau Dreamweaver.
Bila Anda juga menggunakan XAMPP kemungkinan Listing di atas tidak perludiubah
Baris 1 Kode Pembuka Program PHPBaris 2-5 Variable-variable yang digunakan untuk koneksi.
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 15/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
15
Baris 8 Koneksi Server MySQLBaris 9 Koneksi DatabaseBaris 10 Kode Penutup Program PHP
Menjalankan Aplikasi SIA
Buka Mozilla Firefox, pada address ketikkan alamat http://localhost/siakadta
Sebagai contoh saya sudah membuatkan beberapa Username untuk Login
yang bisa Anda ubah nantinya sesuai keinginan.
Untuk Login Admin gunakan :Jenis User : PegawaiUsername : admin, Password : admin , klik Tombol Login
Maka Anda akan dibukakan halaman untuk Administrator seperti berikut :
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 16/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
16
Anda boleh menggunakan Menu di sebelah kiri atau mengklik salah satu Iconpada Control Panel Web.
Modul Manajemen User
Klik Manajemen User
Digunakan untuk mengelola Data User / Pengguna yang terdiri atas admin danStaff Siakad lainnya.
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 17/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
17
Tampilan Data UserKeterangan : Klik Tombol Tambah User untuk menambah data, Edit pada kolom
Aksi untuk merubah data dan Hapus pada kolom Aksi untuk menghapus Data
Isikan Data-data User yang Anda inginkan , kemudian Klik Tombol Simpanuntuk memasukkan data ke dalam table users. Atau Batal untuk membatalkanpengisian Data.
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 18/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
18
Data yang baru saja saya ketik sudah tersimpan dalam table users.Form Edit / Perbaikan Data
Ketikkan Perubahan Data dan klik tombol Update
Manajemen ModulDigunakan untuk Pengaturan menu-menu yang ada di halaman control Panel(Back End) atau halaman depan (Front End) pada Website
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 19/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
19
Ket Modul : PUBLISH (N) Jika tidak ingin di Publish di Halaman FrontEndAKTIF (Y) Untuk mengaktifkan Modul dan STATUS (admin) untuk memasukkanmodul pada halaman admin dan (user) untuk memasukkan modul padahalaman user / staff siakad.
Form Tambah Data Modul
Ketikkan Data modul yang akan ditambahkan, klik Simpan
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 20/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
20
Maka Menu admin akan bertambah
Akan tetapi penambahan Modul tidak bisa hanya dilakukan pada Menu saja,karena harus ada listing Program yang digunakan untuk action pada modul.Menu ini digunakan untuk melink saja.
Untuk tampilan Edit Modul dapat dilihat pada gambar berikut ini :
Modul Fakultas.
Modul Jurusan
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 21/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
21
Modul Berita
Form Isi Berita
Tentukan Judul Berita, Kategori Berita, Isi Berita dan Gambar yang akandigunakan untuk mempercantik tampilan content / berita.
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 22/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
22
Form Edit / Koreksi Berita
Tentukan Data-data berita yang ingin diubah pada Form di atas.
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 23/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
23
Modul Banner
Form Tambah Banner
Form Edit Banner
Modul Agenda
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 24/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
24
Tambah Agenda
Edit Data Agenda
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 25/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
25
Modul Kategori
Modul Mahasiswa
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 26/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
26
Form Tambah Mahasiswa.
Form Edit Mahasiswa
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 27/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
27
Penjelasan Modul Lainnya
Modul Kelas – Mengelola Data Kelas Belajar
Modul Dosen – Mengelola Data Tenaga Pengajar / Dosen
Mata Kuliah – Mengelola Data materi / mata kuliah
Modul Kurikulum – Mengelola Data mata kuliah berlaku untuk tahun ajaran
yang ditentukan. Modul Dosen Mengajar – Mengelola Data Dosen Mengajar pada kurikulum
atau matakuliah yang ditentukan.
Modul Jadwal untuk mengisi data jadwal Kuliah.
Modul Kartu Rencana StudiDigunakan untuk mengelola KRS mahasiswa/I atau mengedit data KRSMahasiswa yang melakukan kesalahan data pada saat pengisian KRS
Klik Input KRS untuk menambahkan KRS Mahasiswa/I
Tentukan NIM, TA dan Semester Mahasiswa/I yang akan diinput KRS
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 28/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
28
Checlist Nama Mata Kuliah yang akan diambil
Klik Simpan, dan Anda akan mendapatkan data Mata Kuliah yang diambil sajayang masuk dalam table.
Edit Data KRS
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 29/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
29
Modul Nilai
Form Isi Data Nilai Mahasiswa/I
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 30/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
30
Tentukan Jurusan , Mata Kuliah yang akan diisi Nilai, TA, Semester, dan Kelas
Kebetulan Data yang tampilkan baru satu, Data yang tampil sesuai dengankriteria yang ditentukan.
Modul Cetak KRS
Tentukan NIM, TA dan Semester
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 31/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
31
Modul Cetak Transkrip Nilai
Tentukan NIM Mahasiswa/I
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 32/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
32
Pada Web Anda juga bisa melakukan Login sebagai Mahasiswa atau Dosen
Contoh : Jenis User : MahasiswaUsername : AMI012029Password : 123456
Maka Anda akan mendapatkan halaman Mahasiswa sebagai berikut, Modulyang dibuka tidak seperti pada login Admin
Login Dosen
7/23/2019 Panduan Aplikasi Web SIA
http://slidepdf.com/reader/full/panduan-aplikasi-web-sia 33/33
Panduan Source Program TA – SIA
http://www.zhudesign.com
Maka akan tampil halaman Login Dosen seperti gambar di bawah ini :
Bila Anda bingung pada panduan Menjalankan Aplikasi SIA (Sistem Informasi Akademik) kirim pesan ke [email protected]
Untuk Penjelasan Listing Program akan di bahas sesudah ini.. Tinggal balik ajalembar berikutnya
Top Related