panduan aplikasi web sia

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. Penggunaan di lingkungan Linux sebenarnya lebih direkomendasikan namun pengetahuan akan sistem operasi ini sering menjadi kendala utama. Pada linux integrasi semua komponen-komponen ini dikenal dengan istilah LAMP (Linux, Apache, MySQL dan PHP). Pada Tutorial kali ini saya menggunakan XAMPP pada System Operasi Windows XP. Mengaktifkan Apache dan MySQL  Aktifkan Se rvice Apach e dan My SQL lewat XAMPP Control Panel  Start  All Program  Apache Friends  XAMPP   XAMPP Control Panel

Upload: tengku-aditya-maulana

Post on 16-Feb-2018

241 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Panduan Aplikasi Web SIA

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

Page 2: Panduan Aplikasi Web SIA

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  

Page 3: Panduan Aplikasi Web SIA

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 

Page 4: Panduan Aplikasi Web SIA

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.

Page 5: Panduan Aplikasi Web SIA

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

Page 6: Panduan Aplikasi Web SIA

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

Page 7: Panduan Aplikasi Web SIA

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

Page 8: Panduan Aplikasi Web SIA

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

Page 9: Panduan Aplikasi Web SIA

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

Page 10: Panduan Aplikasi Web SIA

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

Page 11: Panduan Aplikasi Web SIA

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

Page 12: Panduan Aplikasi Web SIA

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

Page 13: Panduan Aplikasi Web SIA

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

Page 14: Panduan Aplikasi Web SIA

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.

Page 15: Panduan Aplikasi Web SIA

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 :

Page 16: Panduan Aplikasi Web SIA

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.

Page 17: Panduan Aplikasi Web SIA

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.

Page 18: Panduan Aplikasi Web SIA

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

Page 19: Panduan Aplikasi Web SIA

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

Page 20: Panduan Aplikasi Web SIA

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

Page 21: Panduan Aplikasi Web SIA

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.

Page 22: Panduan Aplikasi Web SIA

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.

Page 23: Panduan Aplikasi Web SIA

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

Page 24: Panduan Aplikasi Web SIA

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

Page 25: Panduan Aplikasi Web SIA

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

Page 26: Panduan Aplikasi Web SIA

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

Page 27: Panduan Aplikasi Web SIA

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

Page 28: Panduan Aplikasi Web SIA

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

Page 29: Panduan Aplikasi Web SIA

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

Page 30: Panduan Aplikasi Web SIA

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

Page 31: Panduan Aplikasi Web SIA

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

Page 32: Panduan Aplikasi Web SIA

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

Page 33: Panduan Aplikasi Web SIA

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