Top Banner
KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE MENGGUNAKAN METODE RATIONAL UNIFIED PROCESS (RUP) CONSTRUCTION OF E-SERVICE BASED SOFTWARE USING RATIONAL UNIFIED PROCESS (RUP) NUR ILMAN PROGRAM PASCASARJANA UNIVERSITAS HASANUDDIN MAKASSAR 2010
149

KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Apr 25, 2022

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE

MENGGUNAKAN METODE RATIONAL UNIFIED PROCESS (RUP)

CONSTRUCTION OF E-SERVICE BASED SOFTWARE USING RATIONAL

UNIFIED PROCESS (RUP)

NUR ILMAN

PROGRAM PASCASARJANA

UNIVERSITAS HASANUDDIN

MAKASSAR

2010

Page 2: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE

MENGGUNAKAN METODE RATIONAL UNIFIED PROCESS (RUP)

Tesis

Sebagai salah satu syarat untuk mencapai Gelar Magister

Program Studi Teknik Informatika Dan Komunikasi

Teknik Elektro

Disusun dan diajukan oleh

NUR ILMAN

Kepada

PROGRAM PASCASARJANA

UNIVERSITAS HASANUDDIN

MAKASSAR

2010

Page 3: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

PRAKATA

Puji syukur penulis panjatkan ke hadirat Allah SWT, dengan selesainya tesis

ini.

Ide penulis memfokuskan kepada topik permasalahan ini timbul dari hasil

pengamatan penulis terhadap Metode pengembangan Software.

Melalui penelitian ini penulis bermaksud menyumbangkan suatu konsep

tentang bagaimana memanfaatkan metode Rational Unified Process untuk

menkonstruksi perangkat lunak yang mendukung E-service khususnya E-Service

Akademik di Perguruan Tinggi.

Banyak kendala yang dihadapi oleh penulis dalam penyusunan tesis ini, yang

hanya berkat bantuan berbagai pihak, maka tesis ini dapat terselesaikan. Pada

kesempatan ini penulis dengan tulus menyampaikan terima kasih kepada :

1. Dr. Ir. Zahir Zainuddin, M.Sc. sebagai ketua komisi penasihat dan

Dr.Armin Lawi,S.Si, M.Eng. sebagai anggota komisi penasihat atas

bantuan dan bimbingan yang telah diberikan mulai dari pengembangan

minat terhadap permasalahan penelitian ini dan pelaksanaan penelitian

hingga penulisan tesis ini.

2. Prof.Dr.Ir.H.Salama Manjang,MT Sebagai Penguji dan Ketua Program

Studi Elektro, dan Prof,Dr,H.Muh.Tola serta Dr. Ir. Rhiza S. Sadjad,

MSEE, sebagai anggota penguji atas saran-saran dan masukan beliau

terhadap perbaikan thesis ini

3. Ayahanda Alm Drs.H.Saleh Absal Salam,MM dan Ibunda Dra,Hj,Masdiah

Tawakkal,M.Si,Istri tercinta Hasbiah Bakri,S.Si.Apt, Anakku Muh Shiddiq

Hasan Alfathan,Riszqi Nur Salsabila, saudara-saudaraku

Page 4: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

H.A.Faesal,Muammar khaddapi,SE,MM,AKP Akp dr.Syarif Hidayatullah

dan Raodah Tuljannah sebagai motivator utama bagi penulis dalam

menyelesaikan tesis ini.

4. Rekan-rekan Mahasiswa Program Pascasarjana Unhas Teknik Elektro

Angkatan 2007, Saudara Irman Amri, Dian Novian, Muchlis,

Fransiskus,Sutardi serta semua pihak yang tidak dapat penulis sebutkan

satu persatu yang telah banyak membantu dalam proses penyelesaian

tesis ini.

Akhirnya, penulis berharap semoga tesis ini dapat memberikan manfaat dan

mendapatkan ridho dari Allah SWT.

„Dialah Allah Yang Maha Mengetahui yang Ghaib’

Makassar, Agustus 2010

NUR ILMAN

Page 5: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

SURAT PERNYATAAN KEASLIAN TESIS

Saya yang bertanda tangan dibawah ini

Nama : Nur Ilman

N I M : P2700207034

Menyatakan bahwa tesis dengan judul “KONSTRUKSI PERANGKAT

LUNAK BERBASIS E-SERVICE MENGGUNAKAN METODE RUP” adalah

benar-benar karya dan hasil pemikiran saya sendiri jika pernyataan ini

dikemudian hari terbukti tidak benar maka saya bersedia dikenakan sanksi.

Makassar, Agustus 2010

Nur Ilman

Page 6: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

DAFTAR ISI

Halaman

PRAKATA iii

PERNYATAAN KEASLIAN THESIS

ABSTRAK

v

vi

DAFTAR ISI vii

DAFTAR GAMBAR xi

DAFTAR TABEL xiii

DAFTAR LAMPIRAN xiv

BAB I PENDAHULUAN 1

A. Latar Belakang 1

B. Rumusan Masalah 4

C. Tujuan Penelitian 4

D. Manfaat Penelitian 5

E. Ruang Lingkup Penelitian 5

BAB II

TINJAUAN PUSTAKA

7

A. RUP 7

B. Web Service 8

C. Sistem Informasi 8

D. Use Case 9

1. Actor 11

2. Case 12

Page 7: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

E. Aplikasi Pengolah Data Base 13

F. Kerangka Konseptual 14

BAB III

METODE PENELITIAN 16

A. Lokasi Studi Kasus dan Waktu Penelitian 16

B. Pengumpulan Data 16

1. Observasi 16

2. Studi Literatu 16

C. Metode Perancangan 16

1. Metode RUP Fase Inception 17

2. Metode RUP Fase Elaboration I 22

3. Metode RUP Fase Elaboration II 26

4. Kerangka Kerja Pengujian Sistem 28

D. Bahan Dan Alat 31

BAB IV Hasil Dan Analisis 32

A. Fase Inception 33

1. Bussiness Modelling 35

2. Spesifikasi Kebutuhan ( Requirement) 37

A Functional Requirement 37

B Non Functional Requirement 38

3. Hasil Analisa Dan Perancangan Aplikasi

Mahasiswa

39

A Analisa Sistem 39

B Hasil Perancangan Interface 43

Page 8: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

4. Implementasi 47

5. Pengujian 47

B. Fase Elaboration I 50

1. Bussiness Modelling 52

2. Requirement 53

3. Analisa Dan Desain Aplikasi Pegawai 54

A Analisa Sistem Pegawai 51

B Desain Interface Web Service Pegawai 58

4. Implementasi 59

5. Pengujian 59

C Fase Elaboration II 62

1. Bussines Modelling 62

2. Spesifikasi Kebutuhan Sistem (Requirement) 63

A Spesifikasi Kebutuhan Fungsional 63

b Spesifikasi Kebutuhan Non Fungsiona 64

3. Analisa Dan Perancangan 64

a Arsitektur Sistem 64

B Desain Data Base Sistem 66

4. Implementasi 69

5. Pengujian 70

D Analisa Kualitas Perangkat Lunak 77

BAB V

A. Kesimpulan 82

B. Saran 83

Page 9: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

DAFTAR PUSTAKA 84

LAMPIRAN

Page 10: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

DAFTAR GAMBAR

Nomor Halaman

1. Arsitektur Rational Unified Process (RUP) 6

2. Use Case Diagram Dokter memeriksa pasien 12

3. Kerangka Konseptual 13

4. Flowchart Implementasi RUP Pada Fase Inception I7

5. Flowchart Implementasi RUP Pada Fase Elaboration I 22

6. Flowchart Implementasi RUP Pada Fase Elaboration II 26

7. Arsitektur fisik SIAKA Mahasiswa saat ini 27

8. Arsitektur fisik SIAKA Pegawai Saat ini 27

9. Kerangka Kerja Pengujian Sistem 30

10. Implementasi RUP pada SIAKA 32

11. Rancangan Interface Login Mahasiswa 44

12. Rancangan Interface Data Mahasiswa 45

13. Rancangan Interface Pengisian Krs 46

14. Hasil Interface Home Aplikasi Mahasiswa 48

15. Interface Kartu Rencana Studi 48

16. Hasil Pengujian Perhitungan KRS 49

17. Desain Interface Data Pegawai 58

18 Hasil Pengujian Ubah Tahun Ajaran 60

19 Hasil Pengujian Tambah Data Staf Dosen 61

20 Use Case Diagram Web Service Aplikasi 62

21 Arsitektur Fisik Sistem yang dibangun 65

Page 11: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

22 Integrasi Data Base Krs Ke MySql 69

23 Hasil Pengujian Krs aplikasi pegawai 71

24 Hasil Pengujian Kartu Hasil Studi 72

25 Hasil Pengujian Mencari Dosen 73

Page 12: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

DAFTAR TABEL

Nomor Halaman

1. Bussines Worker Aplikasi Mahasiswa 36

2. Business Entity Web Service Akademik Mahasiswa 36

3. Daftar Actor Web Service Akademik Mahasiswa 37

4. Perhitungan Sks Secara Manual 49

5. Bisnis Worker Untuk Aplikasi Pegawai On-line 50

6. Business Entity Aplikasi Pegawai On-line 51

7. Daftar Actor Pada Aplikasi Pegawai On-line 52

8. Desain Tabel Mata Kuliah Dengan MySql 66

9. Desain Tabel Mahasiswa Dengan MySql 67

10. Desain Tabel Krs 68

11. Perhitungan KHS Manual 72

12. Matriks Kriteria Penilaian Pemilihan Metode Rekayasa

Perangkat Lunak

78

13. Matriks Perbandingan berpasangan Kriteria Penilaian 80

14. Matriks Nilai Kriteria 80

Page 13: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

DAFTAR LAMPIRAN

Nomor

1. Interface Aplikasi SIAKA On-Line Fakultas Teknik

2. Interface Aplikasi SIAKA JURUSAN TEKNIK ELEKTRO

3. Listing Program Login Mahasiswa

4. Listing Program Tambah Data

5. Use Case Diagram

6. Integrasi Sistem ke My SQL

7. Hasil – Hasil Pengujian Sistem

Page 14: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

BAB I

PENDAHULUAN

A. Latar Belakang

E-Service adalah sistem pelayanan elektronis yang bertujuan untuk

mengefektifkan dan mengefisienkan proses layanan kepada stake holder .

Salah satu bagian dari teknologi E-Service adalah memanfaatkan Interface Web

sebagai interface layanannya dimana sering disebut dengan Web Service.

Implementasi Web Service dunia pendidikan khususnya didunia pendidikan

tinggi telah lama dilakukan.untuk membangun sebuah Web Service di sebuah

perguruan tinggi membutuhkan investasi yang cukup besar,akan tetapi pada saat

implementasi sebuah web service kadang berjalan tidak sesuai yang

diharapkan,beberapa kendala yang terangkum ketika menerapkan Web Service

Akademik pada perguruan tinggi diantaranya adalah

1. Sistem yang dibuat digunakan hanya kondisi yang bersifat umum pada

perguruan tinggi, sedang setiap perguruan tinggi memiliki juga keunikan

tersendiri.

2. Fungsi Sistem yang dimiliki terlalu besar akan tetapi hanya sebagian kecil

saja dari fasilias tersebut yang akan digunakan..

Kendala utama dalam membangun web service dari beberapa Perguruan

tinggi adalah

- Keterbatasan Dana

Page 15: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

- Keterbatasan Sumber Daya

Jurusan Teknik Elektro adalah salah satu bagian dari institusi pendidikan

yang besar yaitu Universitas Hasanuddin dimana jurusan tersebut dibawahi oleh

Fakultas Teknik dan Jurusan tersebut membina satu program studi yaitu program

studi Teknik Elektro,Pelayanan yang dilakukan oleh Jurusan Teknik Elektro saat ini

menggunakan komputerisasi sistem dimana komputer tersebut disimpan di kantor

Jurusan Elektro dan terhubung ke sistem di Fakultas,program tersebut oleh pegawai

disebut SIAKA(Sistem Informasi Akademik)

Adapun masalah-masalah yang dihadapi ketika menerapkan SIAKA adalah

1. Komputer terpusat pada fakultas teknik (Server),sehingga ketika dilakukan

pengoperasian sering mengalami gangguan apalagi jika semua komputer

pada setiap Jurusan aktif.

2. Hampir semua informasi yang dibutuhkan terkirim ke server yang ada di

fakultas dan disimpan dalam satu data base sehingga tidak dapat digunakan

secara langsung untuk keperluan informasi lainnya di Jurusan kecuali di entri

ulang ke aplikasi terkait

3. User harus memasukkan ulang data yang telah diterima dan harus dicetak

ulang ke kertas untuk persetujuan(masih berorientasi kertas),pembuatan

laporannya bersifat manual dan tersedia double sistem untuk menangani

pelayanan akademik.

4. Sistem yang lain yang telah diterapkan hanya menyediakan pelayanan untuk

mengirim permintaan krs saja dan diterima ke bagian akademik fakultas ,

akan tetapi tidak menyediakan fungsi persetujuan bertingkat (Workflow).

Sebuah Perangkat lunak dibutuhkan pengguna karena kebutuhan

usernya,baik kebutuhan akan fungsional sistemnya maupun kebutuhan non

Page 16: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

fungsional sistemnya. Metoda RUP terdapat skenario pengembangan sistem yaitu

One Bussines Many Sistem dikarenakan Web Service Akademik yang akan

dibangun merupakan sistem yang dapat diintegrasikan ke sistem yang lebih besar

yaitu sistem di Universitas.

Selain daripada itu salah satu ciri khas metoda RUP adalah use case driven

dan komponen re-use dimana beberapa komponen tidak perlu lagi dibangun ulang.

Dari hal diatas diperlukan membangun web servis akademik pada Jurusan

Teknik Elektro dengan menggunakan metode RUP.

B. Rumusan Masalah

Topik permasalahan dalam penelitian ini adalah bagaimana menggunakan

metode RUP untuk membangun aplikasi Web Service akademik Jurusan Teknik

Elektro ?

D.Tujuan Penelitian

1. Menggunakan Fase Inception pada RUP untuk membangun Web Service

Aplikasi Mahasiswa untuk SIAKA Jurusan Teknik Elektro.

2. Menggunakan Fase Elaboration I pada RUP untuk membangun Web Service

Aplikasi Pegawai untuk SIAKA Jurusan Teknik Elektro.

3. Menggunakan Fase Elaboration II pada RUP untuk mengintegrasikan kedua

Aplikasi Pegawai dalam satu SIAKA Jurusan Teknik Elektro.

E. Manfaat Penelitian

Page 17: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

E.1. Bagi Pegawai Jurusan

- Memberikan pelayanan yang lebih baik kepada

mahasiswa

- Memudahkan dalam melaksanakan pekerjaanya.

E.2. Bagi Mahasiswa

- Mendapatkan pelayanan yang lebih baik .

- Mendapatkan informasi yang akurat untuk kelancaran

Perkuliahannya.

E.3. Bagi Peneliti

- Memanfaatkan ilmu yang didapat dari perkuliahan pasca

sarjana universitas hasanuddin.

F. Ruang Lingkup Penelitian.

Penelitian ini mengambil studi kasus di Jurusan Teknik Elektro Fakultas

Teknik di Universitas Hasanudin dimana memanfaakan data mentah dari Jurusan

Elektro yaitu data yang belum dalam file elektronik.

Output dari penelitian ini adalah sebuah web service akademik yang dibangun

menggunakan metoda RUP.

Fase RUP yang diterapkan pada penelitian ini dibatasi hanya pada fase

Inception dan fase Elaboration, Perancangan fase elaboration dilakukan sebanyak 2

kali iterasi

Page 18: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

BAB II

TINJAUAN KEPUSTAKAAN

A. RUP (Rational Unified Process)

Rational Unified Process (RUP) merupakan suatu metode rekayasa

perangkat lunak yang dikembangkan dengan umengumpulkan berbagai best

practises yang terdapat dalam industri pengembangan perangkat lunak (Kruchten

,Philipe,2000). Tujuan utamanya adalah menghasilkan perangkat lunak yang

berkualitas Ciri utama metode ini adalah menggunakan use-case driven dan

pendekatan iteratif untuk siklus pengembangan perangkat lunak.

Gambar 1. Arsitektur Rational Unified Process

Pengembangan yang dilakukan pada penelitian ini tidak semua phase RUP

diterapkan hanya sampai pada fase elaboration iterasi II.

Page 19: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Pertimbangan pemilihan metode RUP dalam pengembangan SIAKA didasarkan

pada hal sebagai berikut :

1. Dapat memberikan penggambaran seluruh aktivitas kegiatan Akademik di

Perguruan Tinggi.

2. Dapat menjadi basis pembagian tanggung jawab (responsibility) pada setiap

bagian di perguruan Tinggi sehinggan menjadi sistem yang auditable.

3. Dapat menjadi basis transfer teknologi sehingga memungkinkan

kelangsungan pengembangan sistem (sistem suistanability).

4. Selain dapat menjadi Basis Perkiraan Biaya Pengembangan (Economic) juga

dapat menjadi Efisien dalam pengembangan dikarenakan menggunakan

beberapa fase dalam siklus pengembangan.

B. WEB SERVICE

Web service adalah suatu system perangkat lunak yang didisain untuk

mendukung interaksi mesin ke mesin pada suatu jaringan. Ia mempunyai suatu

interface ini melalui HTTP dan html dapat dikembangkan kedalam format XML yang

merupakan salah satu standard web..

Sedangkan menurut (Michael C. Daconta,2003) Web Service adalah aplikasi

perangkat lunak yang dapat ditemukan, diuraikan, dan diakses berdasarkan pada

HTML dan XML yang ,merupakan protokol standard Web pada intranet, extranet,

dan Internet. Dengan kata lain Web Service adalah aplikasi perangkat lunak yang

tersedia pada Web yang melaksanakan fungsi yang spesifik.

Selain itu dijelaskan pula oleh mereka kriteria keberhasilan suatu system Web

Page 20: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

service yaitu

1. Fleksibel ,sehingga memungkinkan penyesuaian dengan perubahan-

perubahan kebutuhan usaha (agile)

2. Terpadu (Integrated) secara horizontal dan vertical

3. Handal (reliable)

C. SISTEM INFORMASI

Ward dan Peppard[6] teknologi informasi(TI) yaitu‟‟specially to technolgy essentially

hardware,software,and telecommunication Network” TI = Hardware + Software +

Telecommunication Network Sistem Informasi (SI) yaitu „‟People and organization

utilizing technology, gather, process, sore, use and disseminate information.

- SI = manusia + organisasi + Teknologi Informasi +

D. Use Case

Diagram Use Case adalah diagram yang menunjukkan fungsionalitas suatu

sistem atau kelas dan bagaimana sistem tersebut berinteraksi dengan dunia luar

dan menjelaskan sistem secara fungsional yang terlihat user. Biasanya dibuat pada

awal pengembangan.

Use case diagram menggambarkan fungsionalitas yang diharapkan dari

sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan

“bagaimana” . Sebuah use case merepresentasikan sebuah interaksi antara aktor

dengan sistem.

Page 21: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Use case merupakan sebuah pekerjaan tertentu, misalnya login ke sistem,

meng-create sebuah daftar belanja, dan sebagainya. Seorang/sebuah aktor adalah

sebuah entitas manusia atau mesin yang berinteraksi dengan system untuk

melakukan pekerjaan-pekerjaan tertentu.

Use case diagram dapat sangat membantu bila kita sedang menyusun

requirement sebuah sistem, mengkomunikasikan rancangan dengan klien, dan

merancang test case untuk semua feature yang ada pada sistem.

Sebuah use case dapat meng-include fungsionalitas use case lain sebagai

bagian dari proses dalam dirinya. Secara umum diasumsikan bahwa use case yang

di-include akan dipanggil setiap kali use case yang meng-include dieksekusi secara

normal. Sebuah use case dapat di-include oleh lebih dari satu use case lain,

sehingga duplikasi fungsionalitas dapat dihindari dengan cara menarik keluar

fungsionalitas yang common. Sebuah use case juga dapat meng-extend use case

lain dengan behaviour-nya sendiri. Sementara hubungan generalisasi antar use

case menunjukkan bahwa use case yang satu merupakan spesialisasi dari yang

lain.

Use case diagram adalah gambaran graphical dari beberapa atau semua

actor, use case, dan interaksi diantara komponen-komponen tersebut yang

memperkenalkan suatu sistem yang akan dibangun. Use case diagram menjelaskan

manfaat suatu sistem jika dilihat menurut pandangan orang yang berada di luar

sistem(Ivar Jacobson,2000). Diagram ini menunjukkan fungsionalitas suatu sistem

atau kelas dan bagaimana sistem tersebut berinteraksi dengan dunia luar.

Page 22: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Use case diagram dapat digunakan selama proses analisis untuk menangkap

requirements sistem dan untuk memahami bagaimana sistem seharusnya bekerja.

Selama tahap desain, use case diagram berperan untuk menetapkan perilaku

(behavior) sistem saat diimplementasikan. Dalam sebuah model mungkin terdapat

satu atau beberapa use case diagram. Kebutuhan atau requirements sistem adalah

fungsionalitas apa yang harus disediakan oleh sistem kemudian didokumentasikan

pada model use case yang menggambarkan fungsi sistem yang diharapkan (use

case), dan yang mengelilinginya (actor), serta hubungan antara actor dengan use

case (use case diagram) itu sendiri

E.Aktor

Pada dasarnya actor bukanlah bagian dari use case diagram, namun untuk

dapat terciptanya suatu use case diagram diperlukan beberapa actor. Actor tersebut

mempresentasikan seseorang atau sesuatu (seperti perangkat, sistem lain) yang

berinteraksi dengan sistem. Sebuah actor mungkin hanya memberikan informasi

inputan pada sistem, hanya menerima informasi dari sistem atau keduanya

menerima, dan memberi informasi pada sistem. Actor hanya berinteraksi dengan

use case, tetapi tidak memiliki kontrol atas use case. Actor digambarkan dengan

stick man. Actor dapat digambarkan secara secara umum atau spesifik, dimana

untuk membedakannya kita dapat menggunakan relationship.

Seorang atau sebuah aktor adalah sebuah entitas manusia atau mesin yang

berinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu.

Ada beberapa kemungkinan yang menyebabkan actor tersebut terkait dengan

sistem, antara lain:

Page 23: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Yang berkepentingan terhadap sistem dimana adanya arus informasi, baik

yang diterimanya maupun yang dia inputkan ke sistem.

Orang ataupun pihak yang akan mengelola sistem tersebut.

External resource yang digunakan oleh sistem.

Sistem lain yang berinteraksi dengan sistem yang akan dibuat.

Memeriksa

Dokter

Pasien

Gambar 2 Contoh Use Case Diagram Dokter memeriksa pasien

F. Aplikasi Pengolah Data Base

Saat ini telah banyak aplikasi pengolah data base yaitu Oracle,SQL Server

(Structured Query Language ),My Sql,FoxPro,Microsoft Access dll.

SQL Merupakan bahasa yang banyak digunakan dalam berbagai produk

database. SQL dibangun di laboratorium IBM-San Jose California sekitar akhir tahun

70-an. Pertama kali dikembangkan sebagai bahasa di produk database DB2 yang

sampai saat ini merupakan produk database andalan IBM. Saat ini organisasi

standar America (ANSI) menetapkan standar bahasa SQL yaitu ANSI-92 standard.

G. Kerangka Konseptual

Page 24: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Melakukan Survey ke

Lokasi Peneltian

Melakukan Studi Pustaka

Melakukan Pengamatan

Pada Sistem

SIAKA On-Line

Menganalisa Hasil

Pengamatan

SIAKA On-Line

Implementasi RUP

Fase Inception

Melakukan Pengamatan

Pada Sistem

SIAKA Of-Line

Menganalisa Hasil

Pengamatan

SIAKA Of-Line

Implementasi RUP

Fase Elaboration I

Implementasi RUP

Fase Elaboration II

Gambar 3 Kerangka Konseptual

Melakukan survey ke lokasi dimana lokasi penelitian dilakukan, lokasi yang

dipilih adalah Jurusan Teknik Elektro, mempelajari proses pelayanan akademik

seperti pelayanan pengisian KRS, KHS dan pelayanan lainnya kepada mahasiswa,

selanjutnya mempelajari proses pengolahan data yang dilakukan oleh Pegawai/Staf

akademik, tugas-tugas yang mereka kerjakan jika proses pengisian KRS telah

Page 25: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

dilakukan oleh mahasiswa, bagaiaman proses melihat atau mendapatkan informasi

tentang nilai atau KHS, proses pembuatan jadwal kuliah dan lain sebagianya dan

merangkum permasalahan yang terjadi dalam prses pengolahan data dan

penerapan SIAKA.

Selanjutnya dilakukan studi pustaka dengan mengumpulkan bahan pustaka

yang berhubungan dengan metode rekayasa perangkat lunak, konsep

pemrograman, metode pemrograman, konsep pemodelan system dan perancangan

system informasi.

Selanjutnya dilakukan pengamatan pada Sistem SIAKA on-line yang

memberikan proses layanan kepada mahasiswa pengamatan yang dilakukan adalah

mengamati proses kerja sistem, fungsi-fungsi yang terdapat pada sistem,

mengamati proses aliran data atau penyimpanan data jika proses pengisian KRS

telah dilakukan dan menganalisis proses penghitungan KRS dan KHS.

Selanjutnya adalah menerapkan fase inception untuk merancang sistem

layanan kepada mahasiswa yang didasarkan dari hasil pengamatan pada aplikasi

SIAKA untuk melayani mahasiswa, mengembangkan Bussines Modelling Sistem,

merancang use case diagram dan merancang algortima penghitungan KRS dan

menguji sistem.

Selanjutnya adalah melakukan pengamatan pada sistem SIAKA of-line yang

saat ini digunakan oleh pegawai atau staf akademik Jurusan Elektro, pengamatan

difokuskan pada proses kerja sistem, fungsi-fungsi yang terdapat pada sistem,

mengamati diagram alir kerja sistem, mengamati aplikasi pendukung yang

Page 26: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

dibutuhkan oleh sistem, dan melihat pemodelan data base sistem serta merangkum

fungsi apa saja yang belum dapat dilakukan oleh sistem.

Selanjutnya adalah menerapkan fase elaboration iterasi I untuk mendesain

aplikasi admin dan mendesain integrasi kedua sistem, desain integrasi kedua sistem

didasarkan dari arsitektur SIAKA dan terakhir menguji sistem secara keseluruhan.

Page 27: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

BAB III

METODE PENELITIAN

A. Lokasi Studi Kasus dan Waktu Penelitian

Penelitian mengambil studi kasus di Jurusan Teknik Elektro Fakultas Teknik

Universitas Hasanuddin dimulai pada bulan Mei 2009.

B. Pengumpulan Data

1. Observasi (Pengamatan Sistem)

Observasi dilakukan dengan mengamati secara langsung sistem dan

interface-interface yang dimiliki oleh aplikasi Pegawai dan juga aplikasi yang ada di

http://engg.unhas.ac.id.

2. Studi literatur

Mempelajari Metode analisa sistem,metode perancangan dan pengujian

khususnya berkaitan dengan metode Rational Unified Process.

C. Metoda Perancangan

Peracancangan sistem yang digunakan adalah metode RUP dengan uraian

sebagai berikut

1.Metode RUP Fase Inception

Page 28: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Bussines Use CaseBussines Analis

Model

Fungsional SistemNon Fungsional Sistem

Use Case

Diagram

Design Class-Class

Sistem

Organisasi Lokasi

Interface Aplikasi

Mahasiswa

Design Interface

Sistem

Pengujian

Interface

Ke Fase

Elaboratiion I

Pengamatan

Gambar 4. Flowchart Implementasi RUP Pada Fase Inception

Berikut ini penjelasan fase inception adalah sebagai berikut

Page 29: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

a. Pengamatan dilakukan dengan mengamati aplikasi Siaka yang berjalan pada

http://engg.unhas.ac.id adapun interface aplikasi dapat dilihat pada

lampiran 1

i. Menganalisa Fungsional Sistem.

1. Mahasiswa dapat melihat jadwal kuliah menggunakan web browser.

2. Mahasiswa dapat melihat transkrip nilai menggunakan web browser.

3. Mahasiswa dapat melaksanakan registrasi secara web browser.

ii. Mengamati proses kerja aplikasi

1. Daftar mata kuliah diupload oleh pegawai setelah admin

memposting di web server.

2. Daftar mata kuliah tersebut hanya di simpan pada web server.

3. Mahasiswa masuk ke sistem pengisian krs dengan user id dan

password.

4. Setelah mahasiswa mengisi krs dilakukan pencetakan krs dengan

menggunakan printer yang digunakan oleh user mahasiswa.

5. Proses pencetakan hanya dilakukan oleh web server dan hasil proses

pencetakan tidak dapat disimpan.

6. Daftar nilai diupload oleh pegawai setelah itu diposting oleh admin di

web server.

7. Mahasiswa dapat melihat nilai dengan menginput NIM dan Jurusan.

8. Mahasiswa dapat melihat nilai seluruh mahasiswa yang mengikuti

mata kuliah tersebut.

Page 30: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

iii. Setelah proses pengamatan dilakukan selanjutnya menganali User Needs

adapun analisa user needs adalah sebagai berikut

1. Memerlukan sistem yang dapat melayani proses registrasi secara on

line melalui web browser.

2. Memerlukan sistem yang dapat memberikan informasi khs

3. Memerlukan sistem yang dapat menghitung sks mahasiswa dengan

nilai kesalahan sama dengan nol

4. Memerlukan sistem yang dapat memberikan peringatan dini jika telah

terjadi double input didalam proses pengisian mata kuliah.

5. Memerlukan sistem yang dapat memberikan privasi kepada setiap

Mahasiswa.

Berdasarkan hasil pengamatan fungsional dan proses kerja sistem dan

analisa kebutuhan user didapat prioritas fungsi yang terdapat pada

aplikasi SIAKA yang akan direkayasa, susunan prioritas sistem yang akan

dibangun sebagai berikut:

I. Prioritas 1 : Sistem yang dapat memberikan informasi nilai berdasarkan

SKS mata kuliah yang diambil pada setiap mahasiswa dan melakukan

perhitungan IPK mahasiswa.

II. Prioritas 2 : Sistem yang dapat memberikan perlindungan dan kepemilikan

sendiri terhadap informasi akademis setiap mahasiswa.

III. Prioritas 3 : Sistem yang dapat memberikan perhitungan total SKS yang

diambil oleh mahasiswa pada saat registrasi berlangsung.

Page 31: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

IV. Prioritas 4 : Sistem dibangun dengan keluarga windows.

b. Bussines Modelling

i. Bussines Use Case Sistem

ii. Bussines Analis Model

iii. Bussines Use Case Diagram

c. Spesifikasi Kebutuhan

i. Fungsional Requirement (Kebutuhan Fungsional)

ii. Non Fungsional System (Kebutuhan Non Fungsional)

d. Analisa dan Desain

i. Desain class sistem

ii. Desain Interface sistem

e. Implementasi

i. Instalasi Web Server

ii. Alokasi file-file aplikasi mahasiswa

f. Pengujian

i. Pengujian Interface aplikasi mahasiswa

g. Melanjutkan proses ke Fase Elaboration iterasi I.

Page 32: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

2. Meode RUP fase Elaboration Iterasi I

Page 33: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Analis Bussiness

ProcesBussines Analis

Model

Fungsional SistemNon Fungsional Sistem

Bussiness Use

Case diagram

Design Class-Class

Sistem

Instalasi MySqlDesign Interface

Sistem

Pengujian Interface

Menyusun

Skenario

User Pegawai

Elabo I

Persiapa

Fase

Elaboration II

Gambar 5 Flowchart Implementasi RUP Pada Fase Elaboration I

Adapun penjelasan yang lengkap pada fase Elaboration Iterasi I adalah

a. Pengamatan dilakukan pada aplikasi pegawai yang berada pada kantor

Jurusan Teknik Elektro.

Page 34: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

i. Mengamati Fungsional Sistem

1. Pegawai dapat masuk ke sistem dengan mengetik user id dan

password

2. Pegawai dapat menginput data-data dosen,data mahasiswa

3. Pegawai dapat membuat laporan dengan hasilnya di eksport ke

activy report

4. Pegawai dapat memasukkan nilai mahasiswa

5. Pegawai dapat menginput krs mahasiswa

6. Pegawai dapat menginput data-data mata kuliah

ii. Mengamati Non Fungsional Sistem

1. Sistem dibangun dengan Ms.Visual Basic

2. Sistem menggunakan database MySql

3. Sistem tidak memerlukan web browser

4. Aplikasi client diinstall pada setiap komputer client

5. Aplikasi server di install pada komputer server.

iii. Menganalisa User Need.

1. Memerlukan sistem yang dapat menyimpan data master

dosen,mahasiswa, dan Mata Kuliah

2. Memerlukan sistem yang dapat menyimpan krs mahasiswa

3. Memerlukan sistem yang dapat men set semester aktif.

4. Memerlukan sistem yang dapat menyimpan nilai mahasiswa.

Page 35: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

5. Memerlukan sistem yang dapat menyimpan data kelas dari setiap

mata kuliah dan registrasi mahasiswa

6. Memerlukan sistem yang dapat memberikan laporan kegiatan

semester dengan Ms.Excel.

i. Berdasarkan hasil pengamatan fungsional dan proses kerja sistem

dan analisa kebutuhan user didapat prioritas fungsi yang terdapat

pada aplikasi SIAKA yang akan direkayasa, susunan prioritas sistem

yang akan dibangun sebagai berikut:

1. Prioritas 1 :Sistem yang dapat melakukan proses perhitungan dan

pelaporan berkaitan dengan Dosen dan Mahasiswa.

2. Prioritas 2 : Sistem yang dapat memberikan pelaporan pada

setiap semester dan di export ke aplikasi Ms.Excel .

3. Prioritas 3 : Sistem yang dapat memberikan perhitungan total

SKS dan mengolah nilai mahasiswa menjadi IPK pada setiap

semester yang diambil oleh mahasiswa pada saat registrasi

berlangsung.

4. Prioritas 4 : Sistem dibangun dengan keluarga windows.

b. Bussines Modelling

i. Analisa bisnis proses

ii. Bussines Analis Model

iii. Bussines Use Case Diagram

c. Requirement (Spesifikasi Kebutuhan)

i. Fungsional Requirement (Kebutuhan Fungsional)

Page 36: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

ii. Non Fungsional Requirement (Kebutuhan Non Fungsional)

d. Analisa Dan Desain

i. Desain class-class sistem

ii. Desain interface

e. Pengujian

f. Menyusun skenario user pegawai

3. Metode RUP fase Elaboration Iterasi II

Page 37: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Menyusun Use Case

Diagram Seluruh Aplikasi

Fungsional Sistem

Non Fungsional SistemAnalisa Data Base

Sistem

Design Struktur Tabel

MsSql

Integrasikan Data

Base Ke Sistem

Pengujian

Sistem

Data Base

Skenario

Dan Penguian

Keseluruhan

Sistem

Elabo II

Buat Arsitektur Sistem

Gambar 6 Flowchart Implementasi RUP Pada Fase Elaboration II

Adapun tahapan yang dilakukan pada fase elaboration II yaitu

a. Menggambarkan arsitektur fisik SIAKA

Page 38: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Mahasiswa

Operator

Web Server

Aplikasi Web Service

Akademik Data

Administrator

Gambar 7 Arsitektur fisik SIAKA Mahasiswa saat ini

Operator

L A N

Data

SQl Server

Administrator

Gambar 8 Arsitektur fisik SIAKA Pegawai Saat ini

b. Pada Kegiatan Bussiness Modelling dilakukan Menyempurnakan Use Case

Diagram Sistem Secara Keseluruhan.

c. Requirement

i. Analisa Arsitektur fisik SIAKA saat ini.

ii. Mengembangkan arsitektur fisik sistem yang baru.

d. Analisa dan Desain.

i. Analisa Data Base Sistem.

Page 39: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

ii. Desain Struktur tabel Ms.Sql.

iii. Integrasi Data base.

e. Menguji sistem data base

f. Menguji sistem dan integrasi ke seluruh sistem.

4. Kerangka Kerja Pengujian Sistem

Web Service Akademik Jurusan Teknik Elektro untuk melayani kegiatan

registrasi mahasiswa,penginputan data dan pelaporan yang dilakukan oleh pegawai

dapat dilaksanakan dengan menggunakan jaringan internet dengan menerapkan

tahapan-tahapan yang ada pada metoda RUP dimana detail pengujian secara

keseluruhan sebagai berikut

a. Menguji modul –modul pada interface web aplikasi mahasiswa terkoneksi

ke web server

i. Modul lihat Data mahasiswa

ii. Modul Mengisi krs

iii. Modul lihat dan cetak khs

b. Menguji modul –modul pada interface web aplikasi pegawai terkoneksi ke

web server.

i. Modul input data Master Dosen

ii. Modul input data Master Mahasiswa

iii. Modul input Nilai Mata kuliah

Page 40: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

iv. Modul input kartu hasil studi

v. Modul lihat data staf pengajar

vi. Modul lihat data Mahasiswa

vii. Modul laporan statisik mahasiswa

viii. Modul laporan stistik mahasiswa

ix. Modul cetak laporan

x. Modul input data kelas

c. Menguji integrasi sistem dari web server ke data base server.

Page 41: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Pengujian

Aplikasi

Mahasiswa

Perancangan

Sistem Mahasiswa

Pengisian Krs

Lihat Khs

Pengujian

Aplikasi Pegawai

Perancangangan

Sistem Pegawai

Modul

Entry Data Master

Modul

Entry Data

Laporan Umum

Master Dosen KrsMaster Mata

Kuliah

Web Server

Windows 2003

Sistem Data Base

Server Data

Base MySql

Master Mhs

Gambar 9 Kerangka Kerja Pengujian Sistem

F. Bahan Dan Alat

1. Bahan

Page 42: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Bahan penelitiannya adalah

a. Data Dosen Teknik Elektro Universitas Hasanuddin

b. Data Mahasiswa Jurusan Teknik Elektro Universitas Hasanuddin

c. Data Mata Kuliah Jurusan Teknik Elektro

2. Alat

a. Perangkat Keras

i. 2 Unit Laptop

ii. 1 Unit PC

b. Perangkat Lunak

i. Sistem Operasi Windows 2003 Server

ii. Internet Information Service

iii. Internet Explorer

iv. Mysql.

Page 43: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

BAB IV

HASIL DAN ANALISIS

Penelitian ini menghasilkan Web Service (SIAKA) pada Jurusan Teknik

Elektro, merupakan hasil rekayasa ulang (re-enggeneering) SIAKA Fakultas Teknik

Universitas Hasanuddin, dengan menggunakan metode RUP .

Hasil rekayasa ulang SIAKA ini telah diuji ,pada setiap fase dengan metode

RUP dimana fase yang dilakukan hanya sampai dengan Fase Elaboration Iterasi II,

sub-sub Bab berikut menjelaskan hasil penggunaan metode RUP untuk setiap fase.

Inception Elaboration I Elaboration II

Business

ModellingBusiness UseCase

Business Analis Model

Analis Business Process

Use Case Diagram

Requirement

Fungsional Requirement

Non Fungsional Requirement

Analisis Dan

Desain

Deployment

Test (Pengujian)

Implementation

Analisa Sistem

Desain Class Dan Inerface Sistem

Organisasi Sistem

Instalasi Sistem

Black Box & Inegrasi

Gambar 10. Implementasi RUP pada SIAKA

A. Fase Inception

Hasil daripada rekayasa ulang Perangkat lunak pada fase Inception ini

menghasilkan aplikasi web service akademik (SIAKA) untuk pelayanan mahasiswa

Jurusan Teknik Elektro, yang merupakan hasil daripada rekayasa ulang aplikasi on-

Page 44: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

line pada http://engg.unhas.ac.id. Fakultas Teknik aplikasi ini dinamakan Aplikasi

Mahasiswa dimana hasil pengamatan dapat sebagai berikut :

i. Fungsional Sistem

1. Mahasiswa dapat melihat jadwal kuliah menggunakan web browser.

2. Mahasiswa dapat melihat transkrip nilai menggunakan web browser.

3. Mahasiswa dapat melaksanakan registrasi secara web browser.

ii. Proses kerja aplikasi

1. Daftar mata kuliah diupload oleh pegawai setelah admin memprosting di

web server.

2. Daftar mata kuliah tersebut hanya disimpan pada web server

3. Mahasiswa masuk ke sistem pengisian KRS dengan user id dan pasword.

4. Setelah mahasiswa mengisi KRS dilakukan pencetakan KRS dengan

menggunakan printer yang digunakan oleh user mahasiswa

5. Proses pencetakan hanya dilakukan oleh web server dan hasil proses

pencetakan tidak dapat disimpan.

6. Daftar nilai diupload oleh pegawai setelah itu diposting oleh admin di web

server.

7. Mahasiswa dapat melihat nilai dengan menginput NIM dan Jurusan.

8. Mahasiswa dapat melihat nilai seluruh mahasiswa yang mengikuti mata

kuliah tersebut.

iii. Setelah proses pengamatan dilakukan selanjutnya menganali User Needs

adapun analisa user Needs adalah sebagai berikut

1. Memerlukan sistem yang dapat melayani proses registrasi secara on-line

melalui web browser.

2. Memerlukan sistem yang dapat memberikan informasi KHS

Page 45: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

3. Memerlukan sistem yang dapat menghitung SKS mahasiswa dengan nilai

kesalahan sama dengan nol.

4. Memerlukan sistem yang dapat memberikan peringatan dini jika telah

terjadi double input didalam proses pengisian mata kuliah.

5. Memerlukan sistem yang dapat memberikan privasi kepada setiap

Mahasiswa.

Berdasarkan hasil pengamatan fungsional dan proses kerja sistem dan analisa

kebutuhan user didapat prioritas fungsi yang terdapat pada aplikasi SIAKA yang

akan direkayasa, susunan prioritas sistem yang akan dibangun sebagai berikut :

I. Prioritas 1 : Sistem yang dapat memberikan informasi nilai berdasarkan SKS

mata kuliah yang diambil pada setiap mahasiswa dan

melakukan perhitungan IPK mahasiswa.

II. Prioritas 2 : Sistem yang dapat memberikan perlindungan dan kepemilikan

sendiri terhadap informasi akademis setiap mahasiswa.

III. Prioritas 3 : Sistem yang dapat memberikan perhitungan total SKS yang

diambil oleh mahasiswa pada saat registrasi berlangsung.

IV. Prioritas 4 : Sistem dibangun dengan keluarga Windows.

Hasil Perancangan SIAKA ini telah diuji pada tiap sub-bagian Fase Inception

daripada metode RUP, sub-sub bagian Fase Inception berikut menjelaskan hasil

perancangan pada Fase Inception.

A.1. Bisniss Modelling

Proses pengisian krs dilakukan oleh mahasiswa,mahasiswa dalam hal ini

sebagai business actor, akan tetapi sebelum pengisian krs dilakukan, terlebih dahulu

dilakukan penyesuaian antara mata kuliah yang diselenggarakan dengan mata

Page 46: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

kuliah yang akan diambil, dari hal diatas dapat dilihat bahwa sistem data base mata

kuliah dijadikan sebagai kandidat sistem actor.

Tabel 1. Bussines Worker Aplikasi Mahasiswa

Bussiness Worker Bussiness Worker Operation

Mahasiswa Berperan dalam melihat informasi mata

kuliah,pengisian mata kuliah dan pembatalan mata

kuliah dalam form krs, mendapatkan informasi khs

dan mencetak khs

Data Base Mata kuliah Berperan dalam memberikan akses log in ke

sistem,informasi mata kuliah,dan melakukan proses

krs, memberikan informasi Khs,serta pencetakan KHS

Aktifitas selanjutnya dalam merancang Use case diagram adalah membuat

bussines entity dari sistem,dimana fungsi dari bussiness entity adalah

merepresentasikan aktifitas yang dilalukan oleh bussines worker, Dan informasi

yang diakukan oleh bussines actor, Identifikasi bussines entity dapat dilihat dari

activitas dari setiap business worker operation.

Tabel 2. Business Entity Web Service Akademik Mahasiswa

Business

Entity

Deskripsi Diatur oleh Keterlibatan

Log In Akifias untuk masuk ke sistem Mahasiswa,Sistem

Data Base

Masuk ke Sistem

Informasi Kuliah Aktifitas untuk menerima

informasi kuliah

Mahasiswa,Sistem

Data Base

Melihat mata

kuliah yang

diselenggarakan

Menambah

Mata kuliah

Aktifitas untuk menambah

mata kuliah dalam form krs

Mahasiswa Penginputan mata

kuliah dalam form

krs

Mengurangi

Mata kuliah

Aktifitas untuk mengurangi

mata kuliah yang telah ada di

form krs

Mahasiswa Pembatalan mata

kuliah yang

diambil pada

semeser berjalan

Lihat Khs Akifitas untuk melihat Hasil Mahasiswa dan Sistem Mendapatkan

Page 47: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

D

ari

tabel 2

dapat

dibuat

hasil

Bussin

ess Analis model yang akan merepresentasikan Use Case Diagram Web Service

Akademik Aplikasi Mahasiswa.

Tabel 3. Daftar Actor Web Service Akademik Mahasiswa

Dari tabel-

tabel diatas dapat digambarkan Use Case diagram dari Web Service Akademik yang

akan dibangun.

Dari hasil bussines Analis Model dan Bussines Use Case Model maka dapat dibuat

Diagram use case dari Aplikasi Mahasiswa, adapun use case diagram dapat dilihat

pada lampiran 5

A.2. Spesifikasi Kebutuhan (Requirement)

a. Fungsional requirement

i. Mahasiswa dapat masuk ke sistem menggunakan web browser dan

menuliskan User id dan password

Studi Mahasiswa informasi hasil

studi mahasiswa

Cetak Khs Akifitas untuk mencetak Hasil

Studi Mahasiswa

Mahasiswa Pencetakan KHS

Proses Aktifitas untuk menghitung krs

dan mengirim report hasil

perhitungan ke Aplikasi

Pegawai

Mahasiswa,Sistem

Data Base

Perhitungan krs

dan pengiriman

report krs

Log Out Aktifitas untuk keluar dari

Sistem

Mahasiswa dan Sistem

Data Base

Keluar dari Sistem

Nama Actor Case

Mahasiswa Masuk ke Sistem melihat mata

kuliah,penginputan mata kuliah dan

pembatalan mata kuliah dalam form krs,lihat

khs,cetak khs proses krs,ubah password serta

keluar dari sistem

Sistem Data Base Berperan dalam memberikan informasi mata

kuliah,lihat Khs,cetak khs melakukan proses

krs,dan Masuk serta keluar ke Sistem

Page 48: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

ii. Mahasiswa dapat melihat mata kuliah setelah masuk ke sistem dalam form

data mata kuliah

iii. Mahasiswa dapat melakukan penginputan mata kuliah didasarkan dari daftar

mata kuliah yang ada di form data mata kuliah setelah berada dalam sistem.

iv. Mahasiswa dapat membatalkan satu persatu mata kuliah yang telah dipilih

dari form daftar mata kuliah setelah berada dalam sistem

v. Mahasiswa dapat membatalkan seluruh mata kuliah yang telah dipilih dari

form daftar mata kuliah setelah berada dalam sistem

vi. Mahasiswa dapat melihat khs ketika masih berada dalam sistem

vii. Mahasiswa dapat melakukan pencetakan KHS dengan memanfaakan printer

yang terdapat pada komputer mahasiswa

viii. Mahasiswa dapat melakukan pengubahan Password

ix. Mahasiswa dapat keluar dari sistem

b. Non Fungsional Requirement

i. Sistem memerlukan perangkat Web Server yaitu Internet Information Service

ii. Sistem memerlukan web browser yaitu Internet Explorer

iii. Sistem dibangun dengan menggunakan Active Server Page

iv. Sistem menggunakan Microsoft Windows Server 2003.

A.3. Hasil Analisa Dan Perancangan

a. Analisa Sistem

Dari Fungsional Sistem terdapat beberapa komponen yang akan digunakan

oleh mahasiswa antara lain lihat data mata kuliah,tambah mata kuliah,pembatalan

Page 49: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

mata kuliah,pembatalan seluruh mata kuliah,lihat khs,cetak KHS ubah password,

dan proses KRS.

Komponen lihat mata kuliah diambil dari data mata kuliah yang terdapat pada

data base mata kuliah, proses melihat mata kuliah tersebut dengan memanfaatkan

algoritma List Data dari algoritma tersebut selain menampilkan nama mata kuliah

juga menampilkan jumlah sks mata kuliah tersebut, seperti pada potongan listing

program berikut

var DataMhs=new Array() wrk="SELECT * from mata_kuliah order by kode_mk"

set rsmhs=cnndb.execute(wrk) if not rsmhs.EOF then Do Until rsmhs.EOF fKey=rsmhs("id")

sDesc=rsmhs("KODE_MK")&"-"& rsmhs("NAMA_MK") & " (" & rsmhs("SKS") & ")"

Komponen pembatalan mata kuliah,pengisian krs serta proses krs ,dimana

terlebih dahulu mengambil data mahasiswa dari data base mahasiswa, kemudian

mengambil data mata kuliah dari data base mata kuliah setelah itu melakukan

proses krs dan menyimpannya pada Data Base KRS yang disesuaikan dengan

tahun ajaran yang sedang berlangsung adapun potongan listing algoritma komponen

diatas adalah sebagai berikut :

Set Rs=cnndb.execute("select * from data_mahasiswa where id=" &

session("id"))

txtNama_Mahasiswa=Rs("NAMA_LENGKAP")

txtNIM=Rs("NIS")

kode=request("kode")

ta=request("ta")

semester=request("semester")

sql="select * from krs_mahasiswa where id_mahasiswa=" &

session("id") & " and semester=" & semester & " and tahun_ajaran='" &

ta & "'"set rsKrs=cnndb.execute(sql).

Page 50: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

set rs=cnndb.execute("insert into

krs_mahasiswa(id_mahasiswa,id_mk,semester,tahun_ajaran) values ("

& id_mhs & "," & id_krs & "," & semester & ",'" & ta & "')")

Komponen login mahasiswa mempunyai tingkat keamanan level 9 hal ini

memberikan privillage tersendiri kepada mhasiswa , dimana jika proses

authentifikasi berhasil maka akan menampilkan home mahasiswa dan jika proses

gagal akan tetap berada pada url tersebut adapun listing program untuk proses login

adalah sebagai berikut :

pass1=rscnndbX("password")

if StrComp(pass1,pass)=0 then

Session("UserId")=rscnndbX("nis")

Session("ID")=rscnndbX("ID")

Session("Tingkat_Keamanan")=9

Session("Nama_Lengkap")=rscnndbX("NAMA_LENGKAP")

Session.timeout=120

rscnndbX.Close

set rscnndbX=nothing

cnndb.close

set cnndb=nothing

response.redirect("../mahasiswa/lihat_data.asp")

else

rscnndbX.Close

set rscnndbX=nothing

cnndb.close

set cnndb=nothing

url="default.asp"

response.redirect(url)

end if

Page 51: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Proses perhitungan krs dengan membatasi jumlah mata kuliah yang dapat

diambil oleh mahasiswa sebanyak 15 mata kuliah dimana jumlah total sks dihitung

dengan Jumlah = Jumlah + Sks adapun potongan listing Algoritma program sebagai

berikut

Jumlah=Jumlah + cint(rs("sks"))

rs.movenext

No=No+1

Loop

for i=No To 15

Jumlah SKS.

Proses lihat khs dan cetak KHS didasarkan pada mata kuliah yang diambil

pada saat pengisian KRS pada semester yang berjalan sehingga proses ini selain

memerlukan data base mahasiswa yaitu Nama dan NIM juga memerlukan Data

Base KRS dan tahun ajaran yang berlangsung, adapun potongan listing program

lihat Khs dan ceak khs adalah sebagai berikut

sql="select * from krs_mahasiswa where id_mahasiswa=" & id_mhs &

" group by semester order by semester"

set rs=cnndb.execute(sql)

id_mhs=session("id")

ta=request("ta")

semester=request("s")

sql="select krs_mahasiswa.id, data_mahasiswa.nis, krs_mahasiswa.nilai,

data_mahasiswa.nama_lengkap,mata_kuliah.kode_mk,mata_kuliah.nama_m

k, mata_kuliah.sks,

"&_"krs_mahasiswa.tahun_ajaran,krs_mahasiswa.semester from

krs_mahasiswa inner join "&_"data_mahasiswa on

krs_mahasiswa.id_mahasiswa=data_mahasiswa.id inner join mata_kuliah

"&_on krs_mahasiswa.id_mk=mata_kuliah.id where

krs_mahasiswa.tahun_ajaran='" & ta & "' and semester=" & semester & " and

krs_mahasiswa.id_mahasiswa=" & id_mhs

Page 52: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

'response.write sql.

set rs=cnndb.execute(sql)

function printHidden(url) {

document.body.insertAdjacentHTML("beforeEnd",

"<iframe name=printHiddenFrame width=0 height=0></iframe>");

var doc = printHiddenFrame.document;

doc.open();

doc.write("<body onload=\"setTimeout('parent.onprintHiddenFrame()',

0)\">");

doc.write("<iframe name=printMe width=0 height=0 src=\"" + url +

"\"></iframe>");

doc.write("</body>");

doc.close();}

function onprintHiddenFrame() {

function onfinish() {

printHiddenFrame.outerHTML = "";

if ( window.onprintcomplete ) window.onprintcomplete();}

printFrame(printHiddenFrame.printMe, onfinish); }

function print_lap(){

printHidden("khs_print.asp?id_mhs=<%=id_mhs%>&s=<%=rs("semester")%>

&ta=<%=rs("Tahun_ajaran")%>");}

Adapun listing program yang lengkap aplikasi mahasiswa dapat dilihat pada

lampiran 3.

b. Hasil Perancangan Interface

Desain komponen tersebut ada yang menggunakan List box dan scroll box, list box

digunakan untuk menampilkan mata kuliah beserta sksnya dan scroll box digunakan

untuk mencari mata kuliah yang diperlihatkan pada komponen list box tadi.

Page 53: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Gambar 11. Rancangan Interface Login Mahasiswa

Selain daripada itu dalam perancangan antar muka disesuaikan dengan

keadaan pengguna akhir dimana pengguna akhir daripada antar muka ini adalah

mahasiswa yang sudah sebagian besar memahami MS.Word.

UNIVERSITAS HASANUDDIN

FAKULTAS TEKNIK

JURUSAN TEKNIK ELEKTRO

LOGIN UNTUK MAHASISWA

Nomor Induk Mahasiswa

Password

Proses

Logo

Unhas

Page 54: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Mahasiswa Data Mahasiswa

Ubah Pasword

Log Out

Data Krs

Data Khs

Nama

N I M

Tempat Lahir/Tgl Lahir

Jenis Kelamin

Nama

NIM

UNIVERSITAS HASANUDDIN Logo

Unhas

Agama

Golongan Darah

Alamat Rumah

Hobby

Nama Ayah

Pendidikan Ayah

Pekerjaan Ayah

Asal Sekolah

Nomor STTB

Nilai STTB

Nama Ibu

Pendidikan Ibu

Pekerjaan Ibu

Tanggal Sttb

Nilai NEM

Gambar 12 Rancangan Interface Data Mahasiswa

.

<

<<

>

Mahasiswa Data Mahasiswa

Proses

Ubah Pasword

Log Out

Data Krs

Data Khs

Page 55: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Gambar 13. Rancangan Interface Pengisian Krs

Dari rancangan interface tersebut terdapat beberapa komponen yaitu

>

Tombol untuk mengisi(menambah) mata kuliah pada list box lain.

<

Tombol untuk membatalkan satu mata kuliah pada list box.

<<

Tombol untuk membatalkan seluruh mata kuliah pada list box.

Proses

Tombol untuk melakukan proses perhitungan krs dan

mengirimkan serta menyimpannya dalam Data Base Krs

A.4. Implementasi

Implementasi pada perancangan Aplikasi mahasiswa ini dilakukan terlebih

dahulu menginstal peragkat lunak yang direkomendasikan pada fungsional

requirement seperti Windows 2003 Server,Internet Explorer,Internet Information

Service,Active Server Page,setelah itu dilakukan organisasi lokasi-lokasi interface

dari aplikasi mahasiswa untuk persiapan pengujian Sistem.

Adapun listing program interface aplikasi mahasiswa dapat dilihat pada

lampiran 3

A.5. Hasil Pengujian

Metode yang digunakan dalam test yaitu Black Box Testing pada black box

testing ini pengujian dilakukan dengan menguji interface menggunakan web browser

sehingga interface Web Service Akademik aplikasi mahasiswa ini dapat dikenali

oleh web browser khususnya internet explorer.

Page 56: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

a. Pengujian Home Aplikasi Mahasiswa

b. Pengujian button pengisian dan pembatalan mata kuliah

c. Menguji hasil perhitungan krs dengan tingkat kesalahan sama dengan nol

Dari hasil pengujan memperlihatkan bahwa lihat data mahasiswa dan button

pengisian dan pembatalan mata kuliah sudah dapat digunakan, ini menandakan

bahwa aplikasi mahasiswa telah berhasil di uji,adapun hasil pengujian interface

aplikasi ini dapat dilihat pada gambar dibawah ini.

Gambar 14 Hasil Interface Home Aplikasi Mahasiswa

Page 57: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Gambar 15 Interface Kartu Rencana Studi

Selanjutnya pengujian perhitungan krs dilakukan dengan cara

membandingkan hasil perhitungan secara manual dengan hasil perhitungan di

sistem.

Tabel 4 Perhitungan Sks Secara Manual

No Nama Mata Kuliah Sks

1 Pendidikan Kewarga negaraan 3

2 Bahasa Indonesia 2

3 FISIKA I 3

4 Rangkaian Listrik I 2

5 Menggambar Teknik 2

6 Praktikum Dasar Komputer 1

7 Rangkaian Listrik 2

8 Dasar Tenaga Listrik 2

Sks Total 17

Page 58: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Gambar 16 Hasil Pengujian Perhitungan KRS

Dari hasil perbandingannya didapatkan hasil perhitungan yang sama hal ini

menunjukkan tingkat kesalahan perhitungan krs sistem yang dibangun sama dengan

nol, dengan tingkat error kesalahan sama dengan nol akan membuktikan bahwa

algoritma yang digunakan telah benar,selain daripada itu proses pengisian krs dari

form data mata kuliah yang ada ke form mata kuliah yang direncanakan telah

berhasil di eksekusi . hal ini menandakan bahwa aplikasi ini sudah dapat digunakan

oleh mahasiswa.

B. Fase Elaboration I

Hasil daripada Rekayasa Perangkat lunak pada fase Elaboration Iterasi II ini

menghasilkan aplikasi berbasis web untuk membantu pekerjaan kepada Pegawai

Jurusan Teknik Elektro dalam melakasanakan tugasnya, yang merupakan hasil

daripada rekayasa ulang aplikasi berbasis Client-Server pada Fakultas Teknik yang

digunakan oleh pegawai jurusan Teknik Elektro.

Page 59: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Hasil Rekayasa SIAKA ini telah diuji pada tiap sub-bagian Fase Elaboration

Iterasi I daripada metode RUP,sub-sub bagian Fase Elaboration Iterasi I berikut

menjelaskan hasil perancangan pada Fase Elaboration Iterasi I.

B.1. Bussiness Modelling.

Bussines Worker Aplikasi ini adalah Pegawai dan data Base seperti pada

tabel 5

Tabel 5 Bisnis Worker Untuk Aplikasi Pegawai On-line

Ta

bel 6. Business

Entity Aplikasi

Pegawai On-line

Bussines Worker Bussines Worker Operation

Pegawai Berperan dalam masuk ke sistem,ubah

password,perubahan tahun ajaran,tambah data

dosen,tambah data mahasiswa,kartu rencana studi,kartu

hasil studi,lihat data staff,lihat data mahasiswa,statistik

mahasiswa,tambah daftar mata kuliah,mengatur

kelas,mencetak laporan serta keluar dari sistem,.

Data Base Sistem

(Dosen,Mahasiswa,Mata

kuliah)

Berperan dalam mengatur pegawai untuk masuk ke

sistem,melakukan proses penyimpanan Data-data

master,memberikan hasil perhitungan statistik

mahasiswa,statistik dan keluar dari sistem.

Business Entity Deskripsi Diatur oleh Keterlibatan

Log In Aktifitas untuk masuk ke

sistem

Pegawai,Dan Sistem Masuk ke Sistem

Ubah Password Aktifitas untuk melakukan

perubahan password

Pegawai Pengubahan

password

Tahun Ajaran

Baru

Aktifitas untuk melakukan

perubahan tahun ajaran

Pegawai Pengubahan

tahun Ajaran

Keluar Aktifitas untuk keluar dari

sistem

Pegawai Keluar Sistem

Tambah Data

Staff Dosen

Aktifitas untuk menambah

Data Staff

Pegawai Penambahan

Data Staf

Tambah Data

Mahasiswa

Akifitas untuk melakukan

penambahan Data Mahasiswa

Pegawai Penambahan

Data Mahasiswa

Kartu Rencana

Studi

Akttifitas untuk memperbaiki

dan mencetak KRS

mahasiswa

Pegawai Perbaikan dan

pencetakan KRS

Kartu Hasil Studi Akifitas untuk menginput dan

mencetak KHS mahasiswa

Pegawai Penginputan dan

Pencetakan KHS

Lihat Data Staf Aktifitas untuk melihat Data

Seluruh Dosen Jurusan

Elektro

Pegawai Melihat Seluruh

Data Pegawai

Lihat Data

Mahasiswa

Aktifitas untuk melihat Data

Seluruh Mahasiswa Jurusan

Elektro

Pegawai Melihat Seluruh

Data Mahasiswa

Page 60: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Dari

tabel 6

dapat

dibuat

hasil

Bussin

ess

Analis Model yang akan merepresentasikan Use Case Diagram Web Service

Akademik Aplikasi Pegawai, dimana terdapat dua actor yang dominan yaitu Pegawai

dan Sistem Data Base.

Tabel 7 Daftar Actor Pada Aplikasi Pegawai On-line

Dari Tabel-tabel diatas dapat dibuat rancangan Use Case Sistem

sebagaimana terlampir pada lampiran 5.

B.2. Requirement

a. Fungsional requirement

i. Pegawai dapat masuk ke sistem dengan menggunakan web browser dengan

mengetik user id dan password

ii. Pegawai dapat melakukan pengubahan password dengan menggunakan

web browser

Lihat Krs Aktifitas untuk melihat

mahasiswa yang telah

mengisi krs

Pegawai Melihat krs

mahasiswa

Statistik Staff Akifitas untuk melihat hasil

pengolahan Data Staff Dosen

Pegawai,Sistem Pengolahan Data

Dosen

Statistik

Mahasiswa

Aktifitas untuk melihat hasil

pengolahan Data Mahasiswa

Pegawai,Sistem Pengolahan Data

Mahasiswa

Daftar Mata

Kuliah

Akifitas untuk memasukkan

data Mata kuliah Jurusan

Pegawai Penginputan

Data Mata

Kuliah

Daftar Kelas Akifitas untuk membuat

kelas perkuliahan

Pegawai Pembuatan

kelas kuliah

Nama Actor Case

Pegawai Berperan dalam penginputan Data Mahasiswa,Data

Dosen,pengolahan Krs,Pengolahan

KHS,Pengaturan kelas.

Sistem Data Base

(Dosen,Mahasiswa,Mata

kuliah)

Berperan dalam memberikan informasi mata

kuliah,dan melakukan proses krs,pengolahan data

Page 61: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

iii. Pegawai dapat melakukan penginputan tahun ajaran baru dengan

menggunakan web browser

iv. Pegawai dapat melakukan penambahan dan perubahan data saff dosen

dengan menggunakan web browser

v. Pegawai dapat melakukan penambahan dan perubahan data mahasiswa

dengan menggunakan web browser

vi. Pegawai dapat melakukan perbaikan dan pencetakan krs dengan

menggunakan web browser

vii. Pegawai dapat melakukan perbaikan dan pencetakan khs dengan

menggunakan web browser

viii. Pegawai dapat melihat seluruh data Dosen menggunakann web browser.

ix. Pengawai dapat melihat seluruh data mahasiswa web.

x. Pegawai dapat menginput dan memperbaiki data mata kuliah dengan

menggunakan web browser.

xi. Pegawai dapat membuat daftar peserta setiap kelas dengan menggunakan

web browser.

b. Non Fungsional Requirement

i. Sistem memerlukan aplikasi Data Base Manajemen System dalam hal ini

adalah MySQL.

ii. System memerlukan perangkat Web Service yaitu Internet Information

Service

iii. Sistem dibangun dengan menggunakan Active Server Page

iv. Sistem menggunakan Microsoft Windows Server 2003.

v. Sistem memerlukan web browser khususnya internet explorer

Page 62: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

B.3. Analisa Dan Desain Aplikasi Pegawai

Dari Fungsional Sistem pegawai terdapat beberapa komponen yaitu mengisi

nilai yang akan menjadi KHS, melihat KRS,menambah data mahasiswa, dan

pegawai,menambah mata kuliah,proses laporan dan membua daftar kelas.

Proses penghitungan KHS didasarkan dari KRS mahasiswa,hal yang pertama

dilakukan adalah membuat daftar kelas dimana didasarkan pada mahasiswa yang

mengambil mata kuliah tersebut,setelah itu dilakukan pengisian nilai berdasarkan

kelas mata kuliah, dan nilai tersebut di kirim ke Data Base KHS pada setiap

mahasiswa yang akan memproses KHS mahasiswa, adapun listing algoritma

penghitungan KHS adalah sebagai berikut

Function HitungIP_Semester(s1,id_mhs)

Nil1=0

sks1=0

set Ab=cnndb.execute("select * from krs_mahasiswa where

id_mahasiswa=" & id_mhs & " and semester=" & s1)

Do While not Ab.EOF

Set Ac=cnndb.execute("select * from mata_kuliah where id=" &

Ab("id_mk"))

Nil=Ab("Nilai") * Ac("SKS")

Nil1=Nil1+Nil

sks1=sks1+Ac("sks")

Ab.Movenext

Loop

if sks1=0 Then

HitungIP_Semester=0

else

HitungIP_Semester=Nil1/SKS1

end if

end Function

Function HitungIP_K(s,id_mhs)

Page 63: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Nil1=0

sks1=0

set Ab=cnndb.execute("select * from krs_mahasiswa where

id_mahasiswa=" & id_mhs & " and semester<=" & s)

Do While not Ab.EOF

Set Ac=cnndb.execute("select * from mata_kuliah where id=" &

Ab("id_mk"))Nil=Ab("Nilai") * Ac("SKS")

Nil1=Nil1+Nil

sks1=sks1+Ac("sks")

Ab.Movenext

Loop

if sks1=0 Then

HitungIP_K=0

else

HitungIP_K=Nil1/SKS1

end if

end Function

Komponen penambahan data Saf Dosen dan mahasiswa didasarkan dari

Aplikasi Pengisian data master Dosen dan data master mahasiswa,data yang paling

membedakan dari setiap dosen adalah data NIP dan NIDN karena hal ini menjadi

unik dan akan menjadi primary key dari Sistem Data Base Staf,sama halnya dengan

Mahasiswa NIM adalah hal yang unik (idak boleh ada yang sama) dari setiap

mahasiswa dan akan menjadi primary key pada Data Base Mahasiswa, setiap data

Dosen atau Mahasiswa yang telah diisi akan disimpan dalam Data Base masing-

masing,dan dapat di edit atau dihapus jika Data tersebut idak diperlukan lagi.,

Adapun potongan listing program yang terdapat pada penambahan data adalah

sebagai berikut :

sql="INSERT INTO Data_Mahasiswa

else 'Edit Data

Page 64: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Function Hapus Data

stat=cint(request("stat"))

kode=request("kode")

if stat=1 Then 'Hapus

set Rs=cnndb.execute("delete from data_mahasiswa where id=" &

kode)response.Redirect "mahasiswa_list.asp"

elseif stat=2 Then 'Lulus

set rs=cnndb.execute("select * from data_mahasiswa where id=" &

kode)nis=rs("nis")nama=rs("nama_lengkap")

Selain daripada itu setiap Data master memerlukan kapan terakhir kali

dilakukan perubahan data dan siapa operator yang melakukan perubahan tersebut

hal ini diperlukan jika terjadi perubahan data pegawai atau mahasiswa seperti

perubahan alamat dan lain sebagainya adapun listing update Data base adalah

sebagai berikut :

Function Update Data

sql="UPDATE DATA_MAHASISWA SET NAMA_LENGKAP'response.write sql

'response.end

set Rs=cnndb.execute(sql)

id_p=id_person

end if

Function Show Data

ShowDate(iDate,iFormat)

If IsNull(iDate) Then

ShowDate = ""

Else

ShowDate = FormatDateTime(iDate,1)

End If

End Function

Page 65: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Proses pelaporan Data Statistik Mahasiswa dan Dosen didasarkan pada data

jenis kelamin dan agama mahasiswa atau dosen,proses perhitungannya dengan

menjumlahkan data Mahasiswa atau Dosen yang sudah valid adapun algoritma

yang digunakan adalah sebagai berikut:

sql="select * from data_staf where status_staf=0 order by NIP"set Rs=cnndb.execute(sql) No=1 Do while not Rs.EOF if rs("JENIS_KELAMIN")=1 Then sex="L" else sex="P" end if No=No+1 Rs.Movenext Loop end

b. Desain interface Web Service Pegawai

Sistem Entry Data

Ubah Pasword

Ubah Tahun Ajaran

Maintenance Data Staf

Data Krs

Nama

N I M

Tempat Lahir/Tgl Lahir

Jenis Kelamin

Nama Lengkap

N I P

UNIVERSITAS HASANUDDIN Logo

Unhas

Agama

Golongan Darah

Alamat Rumah

Telpon Rumah

Pend Terakhir

Spesialisasi

Pindahan Dari

Jabatan

Asal Sekolah

Tgl Mulai Bekerja

Lihat Data

Sign Out

Maintenance Data Mhs

Nilai

Daftar Staf Pengajar

Daftar Mahasiswa

Daftar Krs

Laporan Umum

Laporan Pengajar

Laporan Mahasiswa

Cetak Laporan

Menu Umum

Data Mata Kuliah

Data Kelas

Page 66: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Gambar 17 Desain Interface Data Pegawai

Dari Interface yang dirancang terlihat bahwa komponen-komponen yang

dibutuhkan seperti yang digambarkan pada Fungsional sistem unuk Data Dosen

diperlukan atribut tambahan yaitu Pendidikan terakhir dan Spesialisasi Dosen

dikarenakan Dosen yang akan mengajar sebuah Mata Kuliah didasarkan dari SK

kepangkatan dan linearitas pendidikannya

B.4. Implementasi

Implementasi ini dilakukan untuk persiapan pengujian interface-interface

Aplikasi pegawai.

a. http://localhost/cacaku/Home.asp

i. Home pegawai

b. http://localhost/cacaku/Staf/ubah_password.asp

i. Ubah password

c. http://localhost/cacaku/Admin/TA.asp

i. Ubah Tahun ajaran

d. http://localhost/cacaku/Staf/staf

i. Ubah data Staf

Adapun listing program aplikasi pegawai dapat dilihat pada lampiran 3

B.5. Hasil Pengujian

Seperti halnya dengan fase Inception pada fase ini proses testing

menggunakan metode Black box dimana dilakukan pengujian interface aplikasi

pegawai menggunakan web browser Internet Explorer.

Page 67: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

a. Menguji link antara home dan mengubah tahun ajaran

b. Menguji button tambah staf,ubah data staf pengajar

c. Menguji button tambah,ubah data mahasiswa

d. Menguji modul lihat data mahasiswa,dosen dan button tambah

data

e. Menguji modul laporan Umum

Dari hasil pengujian bahwa link antara home dan mengubah tahun ajaran telah

dapat di link,button tambah staf, ubah data staf pengajar dan mahasiswa sudah

dapat digunakan hal ini menandakan bahwa pengujian aplikasi pegawai telah

berhasil

Gambar 18 Hasil Pengujian Ubah tahun Ajaran Proses pengubahan Tahun Ajaran baru didasarkan saat semester Genap

telah selesai pada tahun sebelumnya dimana proses yang terjadi pada ahun Ajaran

Page 68: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

sebelumnya ditutup dengan mengupdate semua data yang sudah ada,setelah

melakukan click untuk melanjutkan proses secara otomatis akan memproses tahun

berikutnya.

Gambar 19 Hasil Pengujian Tambah Data Staf Dosen Penambahan Data Dosen akan dapat diproses dan valid jika semua field-field

yang ada telah terisi khususnya NIP,NID,Nama Lengkap,Tempat/Tgl Lahir,Jenis

Kelamin dan Agama proses ini secara oomatis tersimpan Pada Sistem Data Base

Dosen, setelah tersimpan dapat di Update jika terjadi perubahan-perubahan data.

Page 69: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

C. Fase Elaboration II

Hasil daripada fase Elaboraion Iterasi II adalah DBMS daripada Web Servis

Akademik (SIAKA) Jurusan Teknik Elektro.

C.1. Bussiness Modelling

Hasil Bussiness Modelling pada fase ini adalah menyempurnakan use case

diagram yang dikembangkan pada fase sebelumnya

>>Sistem

Data

Base<<

Log In

Lihat Mata

Kuliah

Tambah

Mata Kuliah

Penambahan

Mata Kuliah

Pembatalan

Mata Kuliah

Lihat KHS

Cetak KHS

Proses Khs

Log Out

Pegawai

>>Sistem

Data

Base<<

Ubah

Pasword

Ubah Tahun

Ajaran Baru

Penambahan

Data Dosen

Penambaha

Data Mhs

KRS

KHS

Proses

Laporan

Daftar Mata

Kuliah

Daftar

Kelas

Log

Out

Proses

Laporan

Web Servis Aplikasi Pegawai

Web Service

Aplikasi

Mahasiswa

Gambar 20. Use Case Diagram Web Service Aplikasi

C.2. Spesifikasi Kebutuhan Sistem (Requirement)

Page 70: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

a. Spesifikasi Kebutuhan Fungsional

i. Sistem Data Base dapat memberikan daftar mata kuliah yang

diselenggarakan disetiap semester

ii. Sistem Data Base dapat melakukan perekaman data dosen setelah

mendapatkan perintah proses rekam dan disimpan di database dosen

iii. Sistem Data Base dapat melakukan perekeman data mahasiswa setelah

mendapatkan perintah proses rekam dan disimpan di data base mahasiswa

iv. Sistem Data Base dapat melakukan proses perekaman data Mata kuliah.

v. Sistem Data Base dapat memproses pembuatan kelas kuliah.

vi. Sistem Data Base dapat memberikan hasil pencarian data pegawai

berdasarkan Nama, NIP,dan Status kepegawaian

vii. Sistem Data Base dapat memberikan hasil pencarian data mahasiswa dan

berdasarkan Nama, NIM,dan Status Mahasiswa

viii. Sistem Data Base dapat memberikan hasil laporan dan dapat dieksport ke

Ms.Excel.

ix. Sistem Data Base tidak akan merelasikan nilai mata kuliah mahasiswa dan

sks yang diambil

x. Sistem Data Base akan menolak jika terdapat dua kode mata kuliah yang

sama dan sistem dapat melakukan pencarian Mata Kuliah

b. Spesifikasi Kebutuhan Non Fungsional

i. Sistem memerlukan aplikasi MySql

ii. Sistem memerlukan aplikasi IIS

iii. Sistem memerlukan MS Windows Server

iv. Sistem memerlukan web browser

v. Sistem memerlukan setting regional

Page 71: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

C.3. Analisa Dan Perancangan

a. Arsitektur Sistem

i. Hasil Analisa Arsitektur Fisik SIAKA On-line

1. Data tidak disimpan pada data base server

2. Data base digunakan hanya untuk log in user

mahasiswa dan pegawai

3. Tidak terjadi pertukaran data antar aplikasi

4. Hasil registrasi on-line tidak disimpan pada data base

5. server dan tidak auto report ke aplikasi pegawai.

ii. Hasil Analisa Arsitektur Fisik SIAKA Of-line

1. Aplikasi tidak memanfaatkan Web Server

2. Hanya terdapat dua user yang terregister pada Data Base

Server.

iii. Mengembangkan Arsitektur Fisik Baru

Mahasiswa

Operator

Web Server

Aplikasi Web Service

Akademik DataData

SQl Server

Administrator

Gambar 21 Arsitektur Fisik Sistem yang dibangun

Dari gambar 21 diatas terlihat bahwa ada tiga user yang menggunakan

SIAKA, dimana ketika user mahasiswa melakukan permintaan data maka akan

direspon oleh Web Server jika data tersebut dapat diproses maka akan terkirim ke

Page 72: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

SQl Server dan SQL server akan mengambil data dari Data Base System dan

mengirimkan kembali ke Web Server unuk diteruskan ke Use Mahasiswa,begitu pula

jika proses pengiriman data yang dilakukan oleh mahasiswa dan dibutuhkan oleh

user Pegawai ,jika data telah terkirim maka SQL server menyimpannya dalam Data

Base System,dan Data Bse System mengirim kembali ke Server hingga dapat

diterima oleh user Pegawai.

Manfaat dari Arsitekur diatas adalah :

1. Dapat digunakan oleh rausan hingga ribuan user

2. Untuk keperluan akses data dapat saling terintegrasi.

3. Client lebih stabil jika sistem di Server mengalami crash.

4. Komponen setiap sistem dapa diuji,dipelihara, atau diubah secara

individual.

b. Desain Data Base Sistem

Desain Data base sistem berdasarkan daripada hasil spesifikasi kebutuhan

Fungsional dan arsitektur sistem,adapun hasil desain Data base sistem adalah

sebagai berikut :

i. Mata kuliah diambil oleh mahasiswa dan diajar oleh dosen

disimpan dalam basis data dengan atribut

1. Kode Mata Kuliah

2. Nama Mata kuliah

3. Sks

4. Golongan Mata kuliah

Tabel 8 Desain Tabel Mata Kuliah Dengan MySql

Page 73: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

ii. Mahasiswa mempunyai beberapa komponen atribut antara lain

1. Nama lengkap

2. Jenis kelamin

3. Tempat dan Tanggal lahir

4. Alamat

iii. Selain itu mahasiswa mendapatkan Nomor Induk sehingga

diperlukan atribut tambahan

1. NIM

2. Agama

3. Golongan Darah

4. Pendidikan Orang tua

5. Pekerjaan orang tua

Tabel 9 Desain Tabel Mahasiswa Dengan MySql

Nama Type

Id Integer (10)

Kode_MK Varchar(10)

Nama_MK Varchar(50)

Sks Varchar(3)

Gol_MK Varchar (45

Nama Type

Id Integer (10)

Nim Varchar(10)

Nama Lengkap Varchar(40)

Jenis_Kelamin Integer(1)

Agama Varchar (10)

Tempat_lahir Varchar(30)

Tanggal lahir Date

Warga Negara Varchar(30)

Hobbi Varchar(50)

Alamat Varchar(100)

No Telp Varchar(25)

Tinggi Badan Char(6)

Page 74: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Tabel 10 . Desain Tabel Krs

Dari desain tabel diatas field-field diatas mempunyai beberapa type-type data

antara lain

Berat Badan Char(6)

Penyakit Varchar(50)

Kelainan Jasmani Varchar(50)

Golongan darah Char(2)

Nomor_STTB Varchar(20)

Tanggal STTB Date

Jumlah_ STTB Varchar(8)

Asal Sekolah Varchar(50)

Nama Ayah Varchar(40)

Pend_Ayah Varchar(30)

Pekerjaan_Ayah Varchar(50)

Nama Ibu Varchar(50)

Pend_Ibu Varchar(30)

Pekerjaan_Ibu Varchar(50)

Keterangan Varchar(150)

Foto Varchar(30)

Nama Type

Id Int(10)

Id_MK Int(10)

Id_Mahasiswa Int10)

Semester Int(1)

Tahun Ajaran Varchar (9)

Nilai Int(10)

Page 75: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Varchar : Type ini dapat menyimpan data hingga 255 Karakter.

Int : Type yang paling sering digunakan pada sistem data

base dimana mampu menyimpan data mulai dari -

2147483684 sampai 2147483684

Char : Bentuknya hampir sama dengan Varchar akan tetapi

dalam penerapannya jika tertulis Char(4) dimana data akan

terisi minimum 4 karakter dan maximum 4 karakter juga.

Date : Type data yang hanya menyimpan data penanggalan

saja,yang memiliki penulisan ‟0000-00-00‟

Penerapan type data yang tepa selain berguna dalam sebuah sistem data

base juga sangat berguna dalam proses pencarian data dengan meng-index data

tersebut metoda peng-index-an dalam sistem ini menggunakan metoda B-

Tree,peng-index-an B-tree sangat berguna dalam mencari Nama Mahasiswa atau

Nama Pegawai,sebagai contoh melakukan pencarian Nama Mahasiswa yaitu Dani

Permana dan Desi Ratnasari dengan nilai search keynya adalah ‟Da‟ dan ‟De‟

secara umum arti entri ‟Dani Permana‟ dalam B-Tree adalah bahwa setiap nilai

dalam subtree yang ditunjukkan pada sebelah kiri ‟Dani Permana‟ adalah kurang

dari ‟Dani Permana‟ dan setiap nilai yang ditunjuk pada sebelah kanan ‟Dani

Permana adalah lebih besar atau sama dengan ‟Dani Permana‟,kurang dari Desi

Ratnasari.

C.4. Implementasi

Pada kegiatan implementasi sistem terlebih dahulu dengan melakukan setting

regional dengan regional settingnya adalah Indonesia hal ini untuk menyesuaikan

waktu dan penulisan penanggalan pada data base,selanjutnya dilakukan instalasi

sistem ke Internet Explorer dan integrasi data base ke sistem.

Page 76: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Gambar 22 Integrasi Data Base Krs Ke MySql

Dari gambar 22 terlihat bahwa adesain pada tabel sama dengan hasil

integrasi ke Mysql dimana terlihat type data yang sama dan meode peng-index- an

yang sama yang membedakan adalah terdapat default valuenya adalah Null dan Not

Null dimana perintah ini jika dia Not Null tidak boleh pengisian datanya kosong.

C.5. Pengujian

Metode pengujian yang dilakukan pada fase ini menggunakan metode

integration testing.

a. Menguji modul –modul pada interface web aplikasi mahasiswa

terkoneksi ke web server dan data base server dan terintegrasi ke aplikasi

pegawai

i. Modul Data mahasiswa pada aplikasi mahasiswa hasil dari

penginputan data mahasiswa pada aplikasi pegawai

ii. Modul Mengisi krs aplikasi pegawai hasil dari proses pengolahan

data pada modul krs aplikasi mahasiswa.

iii. Modul lihat khs aplikasi mahasiswa sama dengan Modul khs

aplikasi pegawai

Page 77: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

a. Menguji modul pada aplikasi pegawai terkoneksi ke data base server

dan dapat ditampilkan pada modul cari data.

i. Modul input data Master Dosen terintegrasi ke data base server

sehingga dapat dilakukan pencarian data

ii. Modul input data Mata kuliah terintegrasi ke data base server

sehingga dapat dilakukan pencarian data.

Gambar 23 Hasil Pengujian Krs aplikasi pegawai

Proses pengujian aplikasi pegawai ini didasarkan pada penginputan krs oleh

mahasiswa pada aplikasi mahasiswa dimana terjadi pertukaran data yang dilakukan

oleh Data Base Server selanjutnya diteruskan ke Aplikasi Pegwai

Pengujian selanjutnya adalah pegujian perhitungan khs oleh sistem dan

selanjutnya melakukan perhitungan secara manual,hasil perhitungan secara manual

sama dengan hasil perhitungan oleh sistem ini menandakan bahwa tingkat

kesalahan perhitungan sama dengan nol.

Page 78: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Tabel 11 Perhitungan KHS Manual

No Nama Mata Kuliah Sks Nilai Sks x

Nilai

1 PendidikanKewarga

negaraan

3 B 9

2 Bahasa Indonesia 2 E 0

3 FISIKA I 3 B 9

4 Rangkaian Listrik I 2 A 8

5 Menggambar Teknik 2 C 4

6 Praktikum Dasar Komputer 1 E 0

7 Rangkaian Listrik 2 E 0

8 Dasar Tenaga Listrik 2 E 0

Total 17 30

IP = SksxNilai : Sks Total = 30/17 = 1,76

Page 79: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Gambar 24 Hasil Pengujian Kartu Hasil Studi

Gambar 25 Hasil Pengujian Mencari Dosen

Proses pencarian Dosen diatas berdasarkan Nama yang memiliki abjad z

dimana dihasilkan empat orang dosen memiliki abjad z.

Page 80: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Gambar 26 Hasil Pengujian Mencari Mahasiswa

Proses pencarian Dosen diatas berdasarkan NIM yang terdiri dari d41106xxx

dimana terdapat 143 mahasiswa. Dari hasil pencarian tersebut diatas menandakan

bahwa penerapan metode pencarian dengan B-Tree telah tepat.

Dari hasil pengujian keseluruhan sistem dimana terdapat 3 Aplikasi yaitu : a.

Aplikasi Mahasiswa yang terdiri dari modul-modul seperti dibawah ini

i. Modul Login Mahasiswa

ii. Ubah Password

Page 81: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

iii. Modul Lihat KHS

iv. Modul Isi Krs.

b. Aplikasi Pegawai yang terdiri dari modul-modul seperti dibawah ini :

i. Modul Login Pegawai/Staf

ii. Modul Ubah(Set) Tahun Ajaran Baru

iii. Modul Maintenance Data Staf

iv. Kartu Rencana Studi

v. Kartu Hasil Studi

vi. Data Nilai

vii. Daftar Staf/Dosen

viii. Daftar Mahasiswa

ix. Laporan Dosen/Staf

x. Laporan Mahasiswa

xi. Cetak Laporan ke Ms.Excel

xii. Data Mata Kuliah

xiii. Data Kelas.

C.Aplikasi Pegawai yang terdiri dari modul-modul seperti dibawah ini :

i. Lihat User iii. Hapus User

ii. Tambah User iv. Edit User

Aplikasi mahasiswa ini tidak dapat digunakan sebelum mendapatkan ijin

penggunaan dari pengguna level kedua yaitu Pegawai, Aplikasi Pegawai ini tidak

dapat digunakan sebelum mendapatkan ijin dari level ketiga yaitu Admin Jaringan.

Selain daripada itu hasil pengujian telah mengatasi berbagai masalah seperti

adanya penerapan server tidak lagi terpusat pada Fakultas Teknik seperti pada

gambar 20 , Tidak terjadi lagi entri data berulang (duplikasi data) dan meminimalisir

Page 82: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

penggunaan kertas seperti pada gambar 23 dan 24, penggunaan interface yang

berulang seperti pada Gambar 13 dan Gambar 14,dan penggunaan komponen re-

use seperti komponen proses, data krs, pencarian data seperti yang diperlihatkan

pada gambar 19, Gambar 25 dan Gambar 26 , dimana kegunaannya adalah untuk

menentukan besanya biaya pengembangan sistem dan menentukan ketepatan

waktu dalam re-enggineering SIAKA serta dapat menentukan seberapa banyak

personil yang akan terlibat dalam pengembangan SIAKA.

D. ANALISA KUALITAS PERANGKAT LUNAK

Menurut (Gilles, 1998) ada beberapa hal dalam mendukung kualitas

perangkat lunak (Software Quality) yaitu :

1. User Needs (Kebutuhan Pengguna)

2. External requirement (Spesifikasi kebutuhan External)

3. Internal Requirement (Spesifikasi Kebutuhan Internal)

Dari hasil di atas memperlihatkan bahwa sebuah perangkat lunak jika pada

saat proses pengembangan sistem melalui proses ketiga proses di atas telah dapat

dianggap berkualitas, dari proses pengembangan SIAKA Jurusan Elektro memuat

ketiga hal di atas dari hal ini menandakan bahwa perangkat lunak SIAKA Elektro

telah berkualitas.

Page 83: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Tabel 12. Memperlihatkan bahwa hasil pengembangan SIAKA menggunakan

metode RUP dibandingkan dengan pengembangan SIAKA tidak menggunakan

metode RUP dalam hal ini yaitu SIAK yang digunakan saat ini, penilaian ini diberikan

oleh pengguna daripada perangkat lunak SIAKA itu sendiri dimana yang

memberikan penilaian adalah pegawai yang sehari-hari menggunakan perangkat

lunak tersebut dalam hal ini yang menilai adalah ibu Diana staf akademik Jurusan

Elektro dan Bapak Hasym Staf Akademik Fakultas Teknik hasil penilaian mereka

dirata-ratakan, adapun hasil penilaian mereka masing-masing dapat dilihat pada

lampiran 8.

Tabel 12 Matriks Kriteria Penilaian Pemilihan Metode dalam

Rekayasa Perangkat Lunak

No Kategori Fungsi Sistem SIAKA

(Non RUP)

SIAKA

Elektro (RUP)

1 Pegawai dapat mengubah password

menggunakan internet explorer (web Browser) 0 3

2

Pegawai dapat melihat hasil perhitungan KRS

dan KHS menggunakan internet explorer

secara valid

3 4

3

Pegawai/operator dapat menerima hasil

pengisian KRS secara on-line tanpa menginput

ulang KRS tersebut

3 4

4

Pegawai/operator dapat melihat hasil

perhitungan statistik dosen dan mahasiswa

menggunakan web browser atau internet

explorer

4 4

Page 84: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

5

Pegawai dapat membuat daftar peserta kelas

menggunakan web browser atau internet

explorer

4 4

6 Pegawai dapat mencari data dosen atau

mahasiswa menggunakan web browser 2 4

7 Pegawai dapat membuat daftar mata kuliah

menggunakan web browser (Internet Explorer) 3 4

8 Pegawai dapat mencetak laporan pengajaran

dosen menggunakan web browser 2,5 3,5

9

Pegawai dapat mencetak laporan pengajarqan

dosen menggunakan web browser hasilnya

pada Ms. Excel

3 3

10

Pegawai dapat mencetak laporan hasil

akademik mahasiswa menggunakan web

browser hasilnya pada Ms. Excel

3 3

11 Pegawai dapat mencari daftar mata kuliah

menggunakan web browser 3 3

12

Pegawai dapat memperbaiki atau mengubah

data-data master menggunakan internet

explorer

0 3

Dari hasil perhitungan akhir didapatkan bahwa nilai untuk RUP lebih besar

dibanding metode lainnya,hal ini menandakan bahwa metode RUP dipilih sebagai

metode paling tepat untuk dijadikan metode dalam pengembangan SIAKA pada

Perguruan Tinggi.

Untuk membantu tingkat validitas analisa dapat dilakukan dengan

penggunaan matrik kriteria, dimana bertujuan untuk mengetahui apakah sistem

Page 85: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

dapat bersifat auditable, economic dan suistenability. perhitungan dilakukan dengan

manual menggunakan Ms.Excel, adapun daftar kriteria dilambangkan sebagai

berikut

A : Sistem dapat di audit

B : Biaya Pengembangan

C : Perbaikan dan pemeliharaan sistem

D : Waktu Pengembangan sistem

E : Penggunaan Iterasi Pada Pengembangan

F : Konstruksi

G : Defenisi

Hal yang dilakukan pertama kali adalah melakukan perbandingan

berpasangan terhadap kriterian penilaian dibawah ini adalah tabel matriks

perbandingan berpasangan kriteria penilaian yang dihitung menggunakan Ms.Excel.

Tabel 13. Matriks Perbandingan berpasangan Kriteria Penilaian

A B C D E F G

A 1,00 5,00 3,00 3,00 3,00 3,00 5,00

B 0,20 1,00 3,00 3,00 5,00 3,00 3,00

C 0,33 0,33 1,00 3,00 3,00 3,00 3,00

D 0,33 0,33 0,33 1,00 3,00 3,00 3,00

E 0,33 0,20 0,33 0,33 1,00 3,00 3,00

F 0,33 0,33 0,33 0,33 0,33 1,00 5,00

G 0,20 0,33 0,33 0,33 0,33 0,20 1,00

Jumlah 2,73 7,53 8,33 11,00 15,67 16,20 23,00

Tabel 14 Perhitungan Ratio Konsistensi

Jumlah Perbaris Prioritas Hasil

A 1,54 0,17 1,71

B 0,99 0,11 1,11

C 0,69 0,08 0,77

D 0,51 0,06 0,57

E 0,36 0,05 0,41

F 0,30 0,04 0,34

G 0,16 0,02 0,18

Jumlah 5,09

Page 86: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

N (Jumlah Kriteria) : 7

Lamda Maks (jumlah/n) : 0,727015

C1((Lamda Maks-n)/n) : -0,896141

CR (CI/IR) : -0,57

Dari hasil perhitungan secara manual bahwa sistem auditable dilambangkan dengan

A nilai adalah 1,71, disusul oleh biaya pengembangan dilambangkan dengan baris

B dengan nilai 1,11, dan peringkat ketiga adalah dan biaya perbaikan dan

pemeliharaan sistem dengan total 0,77, hal ini menunjukkan bahwa penggunaan

metode RUP telah mendukung sistem yang auditable, ekonomis dan suistanability.

Page 87: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

BAB V

Kesimpulan dan Saran

A. Kesimpulan

1. Penggunaan Fese Inception dengan cara menganalisa Bussiness Use Case

Sistem,Analisa Bisnis Model, Fungsional Sistem Aplikasi Mahasiswa,Analisa

Algoritma Perhitungan KRS dan analisa privasi user mahasiswa, dimana

menghasilkan aplikasi mahasiswa yang berada pada level 1 dan dapat berfungsi

melayani mahasiswa untuk registrasi on-line.

2. Penggunaan Fase Elaboration I dengan menganalisa Proses Bisnis

Sistem,Bisnis Analis Model Sistem, Fungsional Sistem, Non Fungsional Sistem,

menganalisa algoritma perhitungan Kartfu Hasil Studi, serta Analisa aliran Data

mengasilkan Aplikasi pegawai yang berada pada level 2, dan aplikasi ini dapat

melayani pegawai dalam pekerjaan sehari-hari.

3. Penggunaan fase Elaboration II dengan mendesain arsitektur baru sistem,

restrukturisasi use case diagram, dan pengintegrasian sistem ke aplikasi

pengolah data base, dimana menghasilkan aplikasi admin yang berada pada

level 3 dan terintegrasi ke tiga sistem.

4. Hasil Analisa Kuantitatif bahwa perangkat lunak menggunakan metode RUP

lebih baik dan menjadi perangkat lunak yang auditable, ekonomis dan

suistanabilitu dengan nilai masing-masing 1.71 , 1.11 dan 0,77.

Page 88: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

B. Saran

1. Untuk Penelitian lebih lanjut diharapkan lebih mengoptimalisasi penerapan

semua fase pada RUP

2. Sebelum Penerapan aplikasi ini terlebih dahulu dilakukan pelatihan

penggunaan Aplikasi kepada user khususnya user pegawai.

3. Sebaiknya semua kelengkapan data-data master seperti foto pegawai dan

mahasiswa sudah dalam bentuk file elekronik.

4. Untuk mengembangkan E-Servis ini ke E-Servis Akademik yang lebih

kompleks diupayakan untuk mengintegrasikan kedalam modul-modul

akademik lainnya seperti modul penjadwalan,modul penghitungan keuangan

(billing system),modul Penasehat akademik, dan bimbingan Tugas Akhir .

Page 89: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

DAFTAR PUSTAKA

1. Martin 2004.‟UML Detiled Panduan Singkat Bahasa Pemodelan Standar‟Andi,

Yogyakarta.

2. Johnston,2004 Rational UML Profile for Bussiness Modelling,IBM Software

Group

3. Rational Unified Process www.IBM.Com/library diakses tanggal 20 –12-2008

4. 4.Haniff,,2007 Analisis dan Perancangan Sistem Informasi‟

Andi ,Yogyakarta .

5. Wikipedia. 2009. Bussiness Process Modelling, (Online),

(http://en.wikipedia.org/wiki/BPM, diakses tanggal 10 Okober 2009, jam

19.30).

6. Edhy ,2004‟Sistem Basis Data Graha Ilmu‟Graha Ilmu,Yogyakarta

7. Bunafid,N,2005‟Adminisrasi Data Base MySql‟Graha Ilmu Yogyakarta

8. Raghu,R,,Johannes G‟ Sistem Data Base Manajemen‟ E Andi,Yogyakarta.

9. Sommerville Ian, 2003, “Software Engineering”, 6th Edition, Erlangga,

Jakarta.

10. Avison, & Catchpole 1997,”Information System Development : Metodologies,

Techniques, and Tools,” McGraw-Hill International (UK)

11. Anonim.2005 „Analytical Hierarchy Process‟

www.aoe.v.edu/a0e4065/AHPslide.Pdf diakses tanggal 14 -06-2010

12. Anonim.2005 „ The Analytical Hierarchy Process and Exper Choice‟

www.mdm.gwu.edu/forman /chapter.Pdf diakses tanggal 14 -06-2010

13. Leffingwell,Dean & Don Widrig, 2003 „ Managing Software Requirement‟

Addison-Wesley

Page 90: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

LAMPIRAN – LAMPIRAN

Page 91: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …
Page 92: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …
Page 93: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …
Page 94: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …
Page 95: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …
Page 96: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …
Page 97: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …
Page 98: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Listing Program Login Mahasiswa

<html>

<head>

<title>Jurusan Teknik Elektro - Universitas Hasanuddin</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="../includes/Main.css">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"

marginheight="0">

<!-- ImageReady Slices (logo.psd) -->

<table id="Table_01" width="750" height="120" border="0" cellpadding="0"

cellspacing="0" align="center" bordercolor="#0000FF">

<tr>

<td><img src="../images/logos.gif" width="750" height="120" alt=""></td>

</tr>

<tr><td colspan=3 width="100%" bgcolor="black" align="center"><font

color="#FFFFFF">Selamat Datang</font></td></tr>

</table>

<table width=750 align=center border=1 cellpadding=0 cellspacing=0>

<tr>

<td align=center colspan=2><H3 align="center">LOGIN UNTUK

MAHASISWA</H3></td>

</tr>

<tr>

<td width=50% align=center><img src=../images/unhas.gif width=300 /></td>

<td width=50% bgcolor=#CCFF00>

<table width=80% align=center>

<form name="frm1" method="post" action="login1.asp">

<tr>

<td>No. Induk Mahasiswa : </td>

<td><input type=text name="nim" class="CellInput" size=15></td>

</tr>

<tr>

<td>Password : </td>

<td><input type="password" name="pwd" size="15" class="CellInput"></td>

</tr>

<tr><td colspan=2 align=center><input type="submit" class="ButtonSmall"

value="Proses"></td></tr>

</form>

</table>

</td>

</tr>

</table>

Page 99: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Listing Program Home Mahasiswa

<html>

<script language=javascript>

<!--

function delete_onclick(sx,idx)

{

var konfirmasi = confirm("Anda yakin akan menghapus data "+ sx +" ?");

if (konfirmasi)

{

navigate("mahasiswa_update.asp?stat=1&kode=" + idx)

}

return false;

}

//-->

</script>

<script language=JavaScript>

var PrevTab=-1;

var x,y;

function OpenPage(url){

document.frm.action = url;

document.frm.submit();

}

function document_MouseMove(){

x = event.x;

y = event.y;

}

document.onmousemove = document_MouseMove;

function ClearDocument()

{

img_preview.innerText = "";

}

function ShowDocument()

{

if (frm.file1.value != null)

{

img_preview.innerHTML = "<img src='"+frm.file1.value+"'>";

}

}

function fillDropDownJabatan()

Page 100: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

{

var kd=document.frm.Pegawai_Unit_Kerja.selectedIndex;

var kd_Jabatan="x";

fillDropDownJabatan1(document.frm.Pegawai_Jabatan,kd, kd_Jabatan );

}

function fillDropDownJabatan1(dropdown,kd_Unit_Kerja, kd_Jabatan)

{

dropdown.length = 1;

for(i=1; Arry_Jabatan[kd_Unit_Kerja].length>i; i++)

{

var x = Arry_Jabatan[kd_Unit_Kerja][i];

var indexOfComma = x.indexOf(',');

var modelValue = x.substring(0,indexOfComma);

var modelName = x.substring(indexOfComma+1);

dropdown[i] = new Option(modelName,modelValue);

}

dropdown[0].selected = true;

}

function fillDropDownOld(dropdown,data)

{

dropdown.length = 1;for(i=1; data.length>i; i++){ var x = data[i]; var indexOfComma

= x.indexOf(','); var modelValue = x.substring(0,indexOfComma); var modelName =

x.substring(indexOfComma+1); dropdown[i] = new

Option(modelName,modelValue);}dropdown[0].selected = true;

}

function trim(text){

// Erase blank in the most left and most right sections of a string

var i,j;

for(i=0; text.charAt(i)==" " && i<text.length; i++){}

if(i==text.length) return "";

for(j=text.length-1; text.charAt(j)==" " && j>-1; j--){}

return text.substring(i,j+1);

}

function CheckBlank(tabno,obj,message){

//Check whether the Object Value is blank

//If blank, show alert message

if(trim(obj.value) == ""){

if(trim(message) != ""){

obj.focus();

alert(message);

}

return true;

} else {

return false;

}

Page 101: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

}

function ListEmployee(char){

window.navigate('Pegawai_List.asp?hrf='+char);

}

function NumberOnly(){

var k;

k = event.keyCode;

return (k==8 || k==13 || (k>=48 && k<=57) || k==46 || k==190);

}

function TextareaMaxLen(obj,maxlen){

if(obj.value.length>=maxlen && event.keyCode!=8){

obj.value = obj.value.substring(0,maxlen);

alert('Panjang maksimum ' + obj.title + ' adalah ' + maxlen);

return false;

}

}

function SwitchTab(i){

var i,conChar,navigateStr;

if(PrevTab>-1){

tab[PrevTab].background = "../images/lightgreen_back.gif";

document.all.gambar[PrevTab].src="../images/corner_right_lightgreen.gif";

tabcontent[PrevTab].style.display = "none";

}

tab[i].background = "../images/green_back.gif";

document.all.gambar[i].src="../images/corner_right_green.gif";

tabcontent[i].style.display = "";

PrevTab = i;

}

function ValidateForm(){

var i,j;

with(document.frm){

if(CheckBlank(0,txtNIM,"No. Induk Mahasiswa harus di isi")) return false;

if(CheckBlank(0,txtNama_Lengkap,"Nama Lengkap harus di isi")) return

false;

if(CheckBlank(0,txtTgl_Lahir,"Tanggal lahir harus di isi")) return false;

}

//alert("Finish");

return true;

}

function ClearInputValue(sHTML){

var p,q,r,s,result;

Page 102: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

//Eliminate <INPUT TYPE=TEXT> value

p = sHTML.indexOf('<INPUT',0);

result = sHTML;

while(p!=-1){

if(r!=-1) q = sHTML.indexOf('type',p+1);

if(q==-1){

r = result.indexOf('value=',p+1);

if(r!=-1){

s = result.indexOf('=',r+7);

q = result.indexOf('"',r+7);

if(q>s || q==-1) q = result.indexOf(' ',r+7);

if(q!=-1){

result = result.substring(0,r) + result.substring(q+1,result.length);

}

}

}

p = sHTML.indexOf('<INPUT',p+1);

}

//Eliminate TEXTAREA value

q = result.indexOf('</TEXTAREA>');

r = result.indexOf('>');

if(q!=-1)

result = result.substring(0,r+1) + result.substring(q,result.length);

return result;

}

</script>

<head>

<title>UNIVERSITAS HASANUDDIN<BR>Jurusan Teknik Elektro</title>

<LINK rel="stylesheet" type="text/css" href="../includes/main.css">

</head>

<BODY class=BODY_MARGIN>

<link rel="stylesheet" href="cbcscbinsmenu.css" type="text/css" />

<TABLE WIDTH=100% cellpadding=0 cellspacing=0>

<TR><TD BGCOLOR=navy>

<ul id="ebul_cbinsmenu_1" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/Home.asp" title="">Home</a></li>

<li><a href="http://localhost/cacaku/mahasiswa/ubah_password.asp">Ubah

Password</a></li>

<li><a title="">Help</a></li>

<li><a href="http://localhost/cacaku/logout.asp">Sign Out</a></li>

</ul>

<ul id="ebul_cbinsmenu_3" class="ebul_cbinsmenu" style="display: none;">

Page 103: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<li><a href="http://localhost/cacaku/mahasiswa/Lihat_Data.asp">Lihat Data

Personal</a></li>

<li><a href="http://localhost/cacaku/mahasiswa/krs.asp">Lihat Data KRS</a></li>

<li><a href="http://localhost/cacaku/mahasiswa/khs.asp">Lihat Data KHS</a></li>

</ul>

<ul id="ebul_cbinsmenu_2" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/mahasiswa/krs_input.asp">Input Data KRS</a></li>

</ul>

<ul id="cbinsmenuebul_table" class="cbinsmenuebul_menulist" style="width: 804px; height:

26px;">

<li class="spaced_li"><a><img id="cbi_cbinsmenu_1" src="ebbtcbinsmenu1_0.gif"

name="ebbcbinsmenu_1" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Sistem" title="" /></a></li>

<li class="spaced_li"><a><img id="cbi_cbinsmenu_3" src="ebbtcbinsmenu3_0.gif"

name="ebbcbinsmenu_3" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Lihat Data" title="" /></a></li>

<li><a><img id="cbi_cbinsmenu_2" src="ebbtcbinsmenu2_0.gif"

name="ebbcbinsmenu_2" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Entry Data" title="" /></a></li>

</ul>

<script type="text/javascript" src="cbjscbinsmenu.js"></script>

</td>

</tr>

</table>

<SCRIPT LANGUAGE=javascript>

<!--

var popupwin;

function OpenWindow(pWin)

{

if(popupwin!=null) popupwin.close();

popupwin =

window.open(pWin,'popupwin','scrollbars=yes,status=no,toolbar=no,location=no,menubar=n

o,width=800,height=500');

}

function OpenWindowHelp(pWin)

{

if(popupwin!=null) popupwin.close();

popupwin =

window.open(pWin,'popupwin','scrollbars=no,status=no,toolbar=no,location=no,menubar=no

,width=500,height=330');

}

//-->

</SCRIPT>

<table class="TABLE_BORDER_TOP" cellspacing="0">

<tr>

<td class=CELL_HEAD_LEFT>&nbsp;&nbsp;

Page 104: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<a href='http://localhost/cacaku/home.asp')><img

src='http://localhost/cacaku/images/i_home.gif' border=0 alt='Home'

align=absmiddle></a>&nbsp;&nbsp;&nbsp;&nbsp;<a

href=javascript:OpenWindow('http://localhost/cacaku/howto/help.asp')><img

src='http://localhost/cacaku/images/i_howto.gif' border=0 alt='Simpeg How To'

align=absmiddle></a>&nbsp;&nbsp;&nbsp;&nbsp;<a

href='http://localhost/cacaku/logout.asp')><img src='http://localhost/cacaku/images/i_exit.gif'

border=0 alt='Logout' align=absmiddle></a></td><td class=CELL_HEAD_RIGHT><font

color=white size=5>UNIVERSITAS HASANUDDIN<BR>Jurusan Teknik

Elektro</font><br><font color=white size=2>Sabtu, 3 Juli 2010</font></td><td

class=CELL_HEAD_RIGHT><img src='http://localhost/cacaku/images/logo_simpeg.gif'

align='absmiddle' border='0'></td>

</td>

</tr>

</table><form action='mahasiswa_LIST.asp' method='post' id='form1' name='form1'><table

cellspacing=0 cellpadding=0 class=TABLE_BORDER_TAB><tr><td width='1%'

background='../images/KTP_BACK.gif'><img border='0' src='../images/corner_left_grey.gif'

WIDTH='6' HEIGHT='19'></td><td class='PANEL_CAPTION' width='67%'

background='../images/KTP_BACK.gif'><img border='0'

src='../images/icon_kotak_green.gif' WIDTH='10' HEIGHT='10'> Data Mahasiswa

D41104034</td><td width='1%' background='../images/KTP_BACK.gif'><p

align='right'><img border='0' src='../images/corner_right_grey.gif' WIDTH='7'

HEIGHT='19'></td><td width='37%'></td></tr><tr><td

class=CELL_ALPHABET_BORDER colspan=4><table cellspacing=0

class=TABLE_BORDER_TOP><tr><td class=CELL_ALPHABET colspan=2><p

align="left">&nbsp;</p></td></tr><tr><td class="CELL_ALPHABET"

align='left'>&nbsp;</td><td class=CELL_ALPHABET align='right'

>&nbsp;</td></tr></form></table></td></tr></table><p>

<table cellspacing='0' cellpadding='0' class='TABLE_BORDER_TAB' border=0>

<tr>

<td>

<table class='TABLE_BORDER_TOP' cellspacing=0>

<tr><td class=CellCaption style='width:20%'>No. Induk

Mahasiswa</td>

<td class=CellBody>D41104034</td><td rowspan=7

class="CellBody" align="right">

&nbsp;

</td></tr>

<tr><td class=CellCaption style=""width:20%""><B>Kode

Jenjang</B></td>

<td

class=CellBody>&nbsp;&nbsp;&nbsp;Kode&nbsp;Jurusan&nbsp;:&nbsp;</td></tr>

<tr><td class=CellCaption >Nama Lengkap</td>

<td class=CellBody>ELIZA ALFA P</td></tr>

<tr><td class=CellCaption>Tempat/Tgl&nbsp;Lahir</td>

<td class=CellBody> / </td></tr>

<tr><td class=CellCaption>Jenis Kelamin</td><td class=CellBody>Wanita</td></tr>

<tr><td class=CellCaption>Ciri Khas</td>

<td class=CellBody>&nbsp; &nbsp; &nbsp;

Page 105: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<b>Tinggi : </b> cm &nbsp; &nbsp; &nbsp;

<b>Berat : </b> kg</td></tr>

<tr><td class=CellCaption>Agama</td>

<td class=CellBody>&nbsp;&nbsp;&nbsp;<b>Warga

Negara</b>&nbsp;&nbsp;</td></tr>

<tr><td class=CellCaption>Golongan&nbsp;Darah</td>

<td class=CellBody colspan="2"></td></tr>

<tr><td class=CellCaption>Alamat Rumah</td>

<td class=CellBody

colspan=2>&nbsp;&nbsp;&nbsp;<b>Kota</b> : </td></tr>

<tr><td class=CellCaption>Telp Rumah</td>

<td class=CellBody colspan=2></td></tr>

<tr><td class=CellCaption>Hobby</td>

<td class=CellBody colspan="2"></td></tr>

<tr><td class=CellCaption>Catatan</td>

<td class=CellBody colspan=2></td></tr>

<tr><td colspan=3 height=1 bgcolor=black></td></tr>

<tr><td class=CellCaption>Penyakit yang pernah diderita</td>

<td class=CellBody colspan=2></td></tr>

<tr><td class=CellCaption>Kelainan Jasmani</td>

<td class=CellBody colspan=2></td></tr>

<tr><td colspan=3 height=1 bgcolor=black></td></tr>

<tr><td class=CellCaption>Nama Ayah</td>

<td class=CellBody

colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<B>Nama&nbsp;Ibu&nbsp;:&nbsp;</B> &nbsp;</td></tr>

<tr><td class=CellCaption>Pendidikan Ayah</td>

<td class=CellBody

colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<B>Pendidikan&nbsp;Ibu&nbsp;:&nbsp;</B> </td></tr>

<tr><td class=CellCaption>Pekerjaan Ayah</td>

<td class=CellBody

colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<B>Pekerjaan&nbsp;Ibu&nbsp;:&nbsp;</B>

&nbsp;</td></tr>

<tr><td colspan=3 height=1 bgcolor=black></td></tr>

<tr><td class=CellCaption>Asal Sekolah</td>

<td class=CellBody colspan=2></td></tr>

<tr><td class=CellCaption>No. STTB</td>

<td class=CellBody

colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<B>Tanggal&nbsp;STTB&nbsp;:&nbsp;</B> </td></tr>

<tr><td class=CellCaption>Nilai&nbsp;STTB</td>

<td class=CellBody

colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<B>Nilai&nbsp;NEM&nbsp;:&nbsp;</B> &nbsp;</td></tr>

<tr><td colspan=3 height=1 bgcolor=black></td></tr>

<tr><td class=CellCaption>Masuk Tahun Ajaran</td>

<td class=CellBody colspan=2></td></tr>

Page 106: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<tr><td colspan=3 height=1 bgcolor=black></td></tr>

<tr><td class=CellCaption>User Yang Update</td>

<td class=CellBody colspan=2>Irwan Supriatna</td></tr>

<tr><td class=CellCaption>Di Update Pada Tanggal</td>

<td class=CellBody colspan=2></td></tr>

</table>

</td>

</tr>

</table>

<table class="TABLE_BORDER_TOP" cellspacing="0">

<tr>

<td class="CELL_HEAD_RIGHT">

© 2006 - MAKASSAR

</td>

</tr>

</table>

</BODY>

</HTML>

3. Listing Program Pengisian Krs Mahasiswa

<head>

<title>UNIVERSITAS HASANUDDIN<BR>Jurusan Teknik Elektro</title>

<LINK rel="stylesheet" type="text/css" href="../includes/main.css">

</head>

<BODY class=BODY_MARGIN>

<link rel="stylesheet" href="cbcscbinsmenu.css" type="text/css" />

<TABLE WIDTH=100% cellpadding=0 cellspacing=0>

<TR><TD BGCOLOR=navy>

<ul id="ebul_cbinsmenu_1" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/Home.asp" title="">Home</a></li>

<li><a href="http://localhost/cacaku/mahasiswa/ubah_password.asp">Ubah

Password</a></li>

<li><a title="">Help</a></li>

<li><a href="http://localhost/cacaku/logout.asp">Sign Out</a></li>

Page 107: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

</ul>

<ul id="ebul_cbinsmenu_3" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/mahasiswa/Lihat_Data.asp">Lihat Data

Personal</a></li>

<li><a href="http://localhost/cacaku/mahasiswa/krs.asp">Lihat Data KRS</a></li>

<li><a href="http://localhost/cacaku/mahasiswa/khs.asp">Lihat Data KHS</a></li>

</ul>

<ul id="ebul_cbinsmenu_2" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/mahasiswa/krs_input.asp">Input Data KRS</a></li>

</ul>

<ul id="cbinsmenuebul_table" class="cbinsmenuebul_menulist" style="width: 804px; height:

26px;">

<li class="spaced_li"><a><img id="cbi_cbinsmenu_1" src="ebbtcbinsmenu1_0.gif"

name="ebbcbinsmenu_1" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Sistem" title="" /></a></li>

<li class="spaced_li"><a><img id="cbi_cbinsmenu_3" src="ebbtcbinsmenu3_0.gif"

name="ebbcbinsmenu_3" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Lihat Data" title="" /></a></li>

<li><a><img id="cbi_cbinsmenu_2" src="ebbtcbinsmenu2_0.gif"

name="ebbcbinsmenu_2" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Entry Data" title="" /></a></li>

</ul>

<script type="text/javascript" src="cbjscbinsmenu.js"></script>

</td>

</tr>

</table>

<SCRIPT LANGUAGE=javascript>

<!--

var popupwin;

function OpenWindow(pWin)

{

if(popupwin!=null) popupwin.close();

popupwin =

window.open(pWin,'popupwin','scrollbars=yes,status=no,toolbar=no,location=no,menubar=n

o,width=800,height=500');

}

function OpenWindowHelp(pWin)

{

if(popupwin!=null) popupwin.close();

popupwin =

window.open(pWin,'popupwin','scrollbars=no,status=no,toolbar=no,location=no,menubar=no

,width=500,height=330');

}

//-->

</SCRIPT>

<table class="TABLE_BORDER_TOP" cellspacing="0">

<tr>

Page 108: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<td class=CELL_HEAD_LEFT>&nbsp;&nbsp;

<a href='http://localhost/cacaku/home.asp')><img

src='http://localhost/cacaku/images/i_home.gif' border=0 alt='Home'

align=absmiddle></a>&nbsp;&nbsp;&nbsp;&nbsp;<a

href=javascript:OpenWindow('http://localhost/cacaku/howto/help.asp')><img

src='http://localhost/cacaku/images/i_howto.gif' border=0 alt='Simpeg How To'

align=absmiddle></a>&nbsp;&nbsp;&nbsp;&nbsp;<a

href='http://localhost/cacaku/logout.asp')><img src='http://localhost/cacaku/images/i_exit.gif'

border=0 alt='Logout' align=absmiddle></a></td><td class=CELL_HEAD_RIGHT><font

color=white size=5>UNIVERSITAS HASANUDDIN<BR>Jurusan Teknik

Elektro</font><br><font color=white size=2>Sabtu, 3 Juli 2010</font></td><td

class=CELL_HEAD_RIGHT><img src='http://localhost/cacaku/images/logo_simpeg.gif'

align='absmiddle' border='0'></td>

</td>

</tr>

</table>

<H3 align="center">KARTU RENCANA STUDI</H3>

<div align="center" class="Cell1"><a href=krs_input.asp>Mengisi KRS</a></div><br>

<table width="60%" align="center" cellpadding="0" cellspacing="0"

border="0">

<tr class="CellBody2">

<td align="left" width="25%"><B>Tahun Ajaran :

</B><br><B>Semester : </B><br><B>NIM :</B> <br><B>Nama Mahasiswa : </B></td>

<td align="left">2010-2011<br>1<br>D41104034<br>ELIZA ALFA

P</td>

</tr>

</table><br>

<table width="60%" align="center" cellpadding="2" cellspacing="0"

border="1">

<tr class="CellBody">

<td width="6%"><B>No.</B></td><td><B>Kode

Mata Kuliah</B></td><td><B>Nama Mata Kuliah</B></td><td width="10%"

align="center"><B>Jumlah SKS</B></td>

</tr>

<tr class=cellbody3><td>1</td><td>086U003</td><td>FISIKA 1</td><td

align=center>3</td></tr><tr

class=cellbody3><td>2</td><td>101D402</td><td>RANGKAIAN LISTRIK 1</td><td

align=center>2</td></tr><tr class=cellbody3><td>3</td><td>102D432</td><td>DASAR

KOMPUTER</td><td align=center>2</td></tr><tr

class=cellbody3><td>4</td><td>110D431</td><td>PRAKTIKUM DASAR

KOMPUTER</td><td align=center>1</td></tr><tr

class=cellbody3><td>5</td><td>201D402</td><td>MATEMATIKA TEKNIK 1</td><td

align=center>2</td></tr><tr class=cellbody3><td>6</td><td>205D402</td><td>DASAR

ELEKTRONIKA</td><td align=center>2</td></tr><tr

class=cellbody3><td>7</td><td>&nbsp;</td><td>&nbsp;</td><td

align=center>&nbsp;</td></tr><tr

Page 109: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

class=cellbody3><td>8</td><td>&nbsp;</td><td>&nbsp;</td><td

align=center>&nbsp;</td></tr><tr

class=cellbody3><td>9</td><td>&nbsp;</td><td>&nbsp;</td><td

align=center>&nbsp;</td></tr><tr

class=cellbody3><td>10</td><td>&nbsp;</td><td>&nbsp;</td><td

align=center>&nbsp;</td></tr><tr

class=cellbody3><td>11</td><td>&nbsp;</td><td>&nbsp;</td><td

align=center>&nbsp;</td></tr><tr

class=cellbody3><td>12</td><td>&nbsp;</td><td>&nbsp;</td><td

align=center>&nbsp;</td></tr><tr

class=cellbody3><td>13</td><td>&nbsp;</td><td>&nbsp;</td><td

align=center>&nbsp;</td></tr><tr

class=cellbody3><td>14</td><td>&nbsp;</td><td>&nbsp;</td><td

align=center>&nbsp;</td></tr><tr

class=cellbody3><td>15</td><td>&nbsp;</td><td>&nbsp;</td><td

align=center>&nbsp;</td></tr>

<tr class="CellBody2"><td colspan="3">Jumlah SKS</td><td

align=center>12</td></tr>

</table>

4. Lising Program Krs.Input.Asp

<!--#include file="../includes/cnndb.asp"-->

<head>

<title><%=Application("Title")%></title>

<LINK rel="stylesheet" type="text/css" href="../includes/main.css">

</head>

<BODY class=BODY_MARGIN>

<!--#include file="../toppanelM.asp"-->

<H3 align="center">KARTU RENCANA STUDI</H3>

<%

Set Rs=cnndb.execute("select * from data_mahasiswa where id=" & session("id"))

txtNama_Mahasiswa=Rs("NAMA_LENGKAP")

txtNIM=Rs("NIS")

kode=request("kode")

if kode="" Then Kode=1

if kode=1 Then

%>

<table width="80%" align="center" cellpadding="0" cellspacing="0"

border="0">

<tr class="CellBody">

Page 110: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<td align="left"><B>NIM :</B> <%=txtNIM%><br><B>Nama

Mahasiswa : </B><%=txtNama_Mahasiswa%></td>

</tr>

</table><br>

<table width="80%" align="center" cellpadding="0" cellspacing="0"

border="0">

<form name="frm2" method="post" action="krs_input.asp?kode=2">

<tr class="CellBody">

<td align="left"><B>Tahun Ajaran : </B><input type="text"

name="ta" value="<%=session("Tahun_Ajaran")%>" class="CellInput" size="9"></td>

</tr>

<tr class="CellBody">

<td align="left"><B>Semester : </B><select name="semester"

class="cellinput">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

</select></td>

</tr>

<tr><td>&nbsp;</td></tr>

<tr class="CellBody">

<td align="left"><input type="submit" class="ButtonSmall"

value="Proses >>">

</td>

</tr>

</form>

</table>

<%

elseif Kode=2 Then

ta=request("ta")

semester=request("semester")

sql="select * from krs_mahasiswa where id_mahasiswa=" & session("id") & "

and semester=" & semester & " and tahun_ajaran='" & ta & "'"

set rsKrs=cnndb.execute(sql)

if not rsKRs.EOF Then

Response.Redirect "krs.asp?Kode=2&id_mhs=" & session("id") &

"&s=" & semester & "&ta=" & ta

end if

%>

<table width="80%" align="center" cellpadding="0" cellspacing="0"

border="0">

<tr class="CellBody">

<td align="left"><B>Tahun Ajaran : </B><%=ta%></td>

</tr>

<tr class="CellBody">

Page 111: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<td align="left"><B>Semester : </B><%=semester%></td>

</tr>

<tr class="CellBody">

<td align="left"><B>NIM :</B> <%=txtNIM%> / <B>Nama

Mahasiswa : </B><%=txtNama_Mahasiswa%></td>

</tr>

</table>

<script language=javascript>

var DataMhs=new Array()

<%

wrk="SELECT * from mata_kuliah order by kode_mk"

set rsmhs=cnndb.execute(wrk)

if not rsmhs.EOF then

Do Until rsmhs.EOF

fKey=rsmhs("id")

sDesc=rsmhs("KODE_MK") & " - " &

rsmhs("NAMA_MK") & " (" & rsmhs("SKS") & ")"

%>

DataMhs[<%=fKey%>]="<%=sDesc%>"

<%

rsmhs.Movenext

Loop

end if

%>

var objParent

var objChild

function Pindah(objP,objC)

{

objParent=eval("document." + objP)

objChild=eval("document." + objC)

if (objParent.selectedIndex==-1)

{

alert ("Tidak Ada Data Terpilih")

return false

}

else

{

var

MhsID=objParent.options[objParent.selectedIndex].value;

var sDesc=DataMhs[MhsID];

if (objChild.length>0)

{

for (x=0;x<=objChild.length-1;x++)

{

if (objChild.options[x].text==sDesc)

{

alert("Data " + sDesc + " Telah

Terpilih");

Page 112: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

return false;

}

}

}

var valOption=new Option(sDesc);

valOption.value=MhsID;

objChild.options[objChild.length]=valOption;

return true;

}

}

var objAnak

function clearList1(obj1)

{

objAnak=eval("document." + obj1)

if (objAnak.length){objAnak.options.length = 0;}

}

var objData

function Hapus_Item(obj1)

{

objData=eval("document." + obj1)

if (objData.selectedIndex==-1)

{

alert ("Tidak Ada Data Terpilih")

return false

}

objData.options[objData.selectedIndex]=null;

}

function simpan()

{

if (document.frm1.List2.length==0)

{

alert("Belum Ada Data Yang Terpilih")

return false;

}

for (x=0;x<=document.frm1.List2.length-1;x++)

{

document.frm1.List2.options[x].selected=true;

}

return true

}

</script>

<%

set Rs1=cnndb.execute("SELECT * from mata_kuliah order by kode_mk")

Do while not Rs1.EOF

Page 113: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Dt=Dt & "<option value=" & Rs1("ID") & ">" & Rs1("KODE_MK")

& "-" & Rs1("NAMA_MK") & " (" & Rs1("SKS") & ")</option>"

Rs1.Movenext

Loop

%>

<br>

<table width="80%" align="center">

<form name="frm1" method="post"

action="krs_input.asp?kode=3%>">

<input type="hidden" name="ta" value="<%=ta%>">

<input type="hidden" name="semester" value="<%=semester%>">

<tr>

<td align="center">Data Mata Kuliah Yang Ada<br>

<select name="List1" size=15 style="width:250px "

class="CellInput"><%=Dt%></select></td>

<td align="center"><input type="button" class="ButtonSmall"

value=">" name="T1" onClick="return Pindah('frm1.List1','frm1.List2')"><br>

<input type="button" class="ButtonSmall" value="<"

name="T3" onclick="Hapus_Item('frm1.List2')"><br>

<input type="button" class="ButtonSmall" value="<<"

name="T4" onclick="clearList1('frm1.List2')"><br>

</td>

<td align="center">Rencana Mata Kuliah<br><select

name="List2" size=15 style="width:250px" class="CellInput" multiple></select>

</td>

</tr>

<tr><td colspan="3">&nbsp;</td></tr>

<tr><td colspan="3" align="center"><input type="submit"

class="ButtonSmall" value="Proses" onclick='return simpan()'></td></tr>

</form>

</table>

</form>

</P>

<%

elseif Kode=3 Then

ta=request("ta")

semester=request("semester")

id_mhs=session("id")

DataKRS=request.Form("List2")

if Len(Trim(DataKRS))>0 Then

KRS=Split(DataKRS,",",-1,1)

for i= 0 to UBound(KRS)

id_krs=Trim(KRS(i))

set rs=cnndb.execute("insert into

krs_mahasiswa(id_mahasiswa,id_mk,semester,tahun_ajaran) values (" & id_mhs & "," &

id_krs & "," & semester & ",'" & ta & "')")

next

Page 114: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Response.Redirect "krs.asp?Kode=2&id_mhs=" & session("id") & "&s=" &

semester & "&ta=" & ta

end if

end if

%>

5. Listing Program Data Pegawai

<html>

<script language=JavaScript>

var PrevTab=-1;

var x,y;

function OpenPage(url){

document.frm.action = url;

document.frm.submit();

}

function document_MouseMove(){

x = event.x;

y = event.y;

}

document.onmousemove = document_MouseMove;

function ClearDocument()

{

img_preview.innerText = "";

}

function ShowDocument()

Page 115: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

{

if (frm.file1.value != null)

{

img_preview.innerHTML = "<img src='"+frm.file1.value+"'>";

}

}

function fillDropDownJabatan()

{

var kd=document.frm.Pegawai_Unit_Kerja.selectedIndex;

var kd_Jabatan="x";

fillDropDownJabatan1(document.frm.Pegawai_Jabatan,kd, kd_Jabatan );

}

function fillDropDownJabatan1(dropdown,kd_Unit_Kerja, kd_Jabatan)

{

dropdown.length = 1;

for(i=1; Arry_Jabatan[kd_Unit_Kerja].length>i; i++)

{

var x = Arry_Jabatan[kd_Unit_Kerja][i];

var indexOfComma = x.indexOf(',');

var modelValue = x.substring(0,indexOfComma);

var modelName = x.substring(indexOfComma+1);

dropdown[i] = new Option(modelName,modelValue);

}

dropdown[0].selected = true;

}

function fillDropDownOld(dropdown,data)

{

dropdown.length = 1;for(i=1; data.length>i; i++){ var x = data[i]; var indexOfComma

= x.indexOf(','); var modelValue = x.substring(0,indexOfComma); var modelName =

x.substring(indexOfComma+1); dropdown[i] = new

Option(modelName,modelValue);}dropdown[0].selected = true;

}

function trim(text){

// Erase blank in the most left and most right sections of a string

var i,j;

for(i=0; text.charAt(i)==" " && i<text.length; i++){}

if(i==text.length) return "";

for(j=text.length-1; text.charAt(j)==" " && j>-1; j--){}

return text.substring(i,j+1);

}

function CheckBlank(tabno,obj,message){

//Check whether the Object Value is blank

//If blank, show alert message

if(trim(obj.value) == ""){

Page 116: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

if(trim(message) != ""){

obj.focus();

alert(message);

}

return true;

} else {

return false;

}

}

function ListEmployee(char){

window.navigate('Pegawai_List.asp?hrf='+char);

}

function NumberOnly(){

var k;

k = event.keyCode;

return (k==8 || k==13 || (k>=48 && k<=57) || k==46 || k==190);

}

function TextareaMaxLen(obj,maxlen){

if(obj.value.length>=maxlen && event.keyCode!=8){

obj.value = obj.value.substring(0,maxlen);

alert('Panjang maksimum ' + obj.title + ' adalah ' + maxlen);

return false;

}

}

function SwitchTab(i){

var i,conChar,navigateStr;

if(PrevTab>-1){

tab[PrevTab].background = "../images/lightgreen_back.gif";

document.all.gambar[PrevTab].src="../images/corner_right_lightgreen.gif";

tabcontent[PrevTab].style.display = "none";

}

tab[i].background = "../images/green_back.gif";

document.all.gambar[i].src="../images/corner_right_green.gif";

tabcontent[i].style.display = "";

PrevTab = i;

}

function ValidateForm(){

var i,j;

with(document.frm){

if(CheckBlank(0,txtNIM,"No. Induk Pegawai harus di isi")) return false;

if(CheckBlank(0,txtNama_Lengkap,"Nama Lengkap harus di isi")) return

false;

Page 117: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

if(CheckBlank(0,txtTgl_Lahir,"Tanggal lahir harus di isi")) return false;

}

//alert("Finish");

return true;

}

function ClearInputValue(sHTML){

var p,q,r,s,result;

//Eliminate <INPUT TYPE=TEXT> value

p = sHTML.indexOf('<INPUT',0);

result = sHTML;

while(p!=-1){

if(r!=-1) q = sHTML.indexOf('type',p+1);

if(q==-1){

r = result.indexOf('value=',p+1);

if(r!=-1){

s = result.indexOf('=',r+7);

q = result.indexOf('"',r+7);

if(q>s || q==-1) q = result.indexOf(' ',r+7);

if(q!=-1){

result = result.substring(0,r) + result.substring(q+1,result.length);

}

}

}

p = sHTML.indexOf('<INPUT',p+1);

}

//Eliminate TEXTAREA value

q = result.indexOf('</TEXTAREA>');

r = result.indexOf('>');

if(q!=-1)

result = result.substring(0,r+1) + result.substring(q,result.length);

return result;

}

</script>

<head>

<title>UNIVERSITAS HASANUDDIN<BR>Jurusan Teknik Elektro</title>

<LINK rel="stylesheet" type="text/css" href="../includes/main.css">

</head>

<BODY class=BODY_MARGIN>

<link rel="stylesheet" href="cbcscbinsmenu.css" type="text/css" />

<TABLE WIDTH=100% cellpadding=0 cellspacing=0>

<TR><TD BGCOLOR=navy>

Page 118: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<ul id="ebul_cbinsmenu_1" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/Home.asp" title="">Home</a></li>

<li><a href="http://localhost/cacaku/Staf/ubah_password.asp">Ubah Password</a></li>

<li><a href="http://localhost/cacaku/Admin/TA.asp">Ubah Tahun Ajaran</a></li>

<li><a title="">Help</a></li>

<li><a href="http://localhost/cacaku/logout.asp">Sign Out</a></li>

</ul>

<ul id="ebul_cbinsmenu_2" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/Staf/staf_tambah.asp">Maintenance Data Staf</a></li>

<li><a href="http://localhost/cacaku/Staf/mahasiswa_tambah.asp">Maintenance Data

Mahasiswa</a></li>

<li><a href="http://localhost/cacaku/Staf/krs_tambah.asp">Kartu Rencana Studi</a></li>

<li><a href="http://localhost/cacaku/Staf/khs_tambah.asp">Kartu Hasil Studi</a></li>

<li><a href="http://localhost/cacaku/Staf/nilai_input.asp">Data Nilai</a></li>

</ul>

<ul id="ebul_cbinsmenu_3" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/Staf/staf_list.asp">Daftar Staf/Pengajar</a></li>

<li><a href="http://localhost/cacaku/Staf/mahasiswa_list.asp">Daftar Mahasiswa</a></li>

<li><a href="http://localhost/cacaku/Staf/krs_lihat.asp">Kartu Rencana Studi</a></li>

</ul>

<ul id="ebul_cbinsmenu_4" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/Statistik/Statistik_Staf.asp">Laporan Staf

Pengajar</a></li>

<li><a href="http://localhost/cacaku/Statistik/Statistik_Siswa.asp">Laporan

Mahasiswa</a></li>

<li><a href="http://localhost/cacaku/Laporan/Laporan.asp">Cetak Laporan</a></li>

</ul>

<ul id="ebul_cbinsmenu_5" class="ebul_cbinsmenu" style="display: none;">

<li><a href="http://localhost/cacaku/Master/Mata_Kuliah.asp">Data Mata Kuliah</a></li>

<li><a href="http://localhost/cacaku/Master/Data_Kelas.asp">Data Kelas</a></li>

</ul>

<ul id="cbinsmenuebul_table" class="cbinsmenuebul_menulist" style="width: 804px; height:

26px;">

<li class="spaced_li"><a><img id="cbi_cbinsmenu_1" src="ebbtcbinsmenu1_0.gif"

name="ebbcbinsmenu_1" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Sistem" title="" /></a></li>

<li class="spaced_li"><a><img id="cbi_cbinsmenu_2" src="ebbtcbinsmenu2_0.gif"

name="ebbcbinsmenu_2" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Entry Data" title="" /></a></li>

<li class="spaced_li"><a><img id="cbi_cbinsmenu_3" src="ebbtcbinsmenu3_0.gif"

name="ebbcbinsmenu_3" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Lihat Data" title="" /></a></li>

<li class="spaced_li"><a><img id="cbi_cbinsmenu_4" src="ebbtcbinsmenu4_0.gif"

name="ebbcbinsmenu_4" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Laporan Umum" title="" /></a></li>

<li><a><img id="cbi_cbinsmenu_5" src="ebbtcbinsmenu5_0.gif"

name="ebbcbinsmenu_5" width="160" height="26" style="vertical-align: bottom;"

border="0" alt="Menu Umum" title="" /></a></li>

</ul>

Page 119: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<script type="text/javascript" src="cbjscbinsmenu.js"></script>

</td>

</tr>

</table>

<SCRIPT LANGUAGE=javascript>

<!--

var popupwin;

function OpenWindow(pWin)

{

if(popupwin!=null) popupwin.close();

popupwin =

window.open(pWin,'popupwin','scrollbars=yes,status=no,toolbar=no,location=no,menubar=n

o,width=800,height=500');

}

function OpenWindowHelp(pWin)

{

if(popupwin!=null) popupwin.close();

popupwin =

window.open(pWin,'popupwin','scrollbars=no,status=no,toolbar=no,location=no,menubar=no

,width=500,height=330');

}

//-->

</SCRIPT>

<table class="TABLE_BORDER_TOP" cellspacing="0">

<tr>

<td class=CELL_HEAD_LEFT>&nbsp;&nbsp;

<a href='http://localhost/cacaku/home.asp')><img

src='http://localhost/cacaku/images/i_home.gif' border=0 alt='Home'

align=absmiddle></a>&nbsp;&nbsp;&nbsp;&nbsp;<a

href=javascript:OpenWindow('http://localhost/cacaku/howto/help.asp')><img

src='http://localhost/cacaku/images/i_howto.gif' border=0 alt='Simpeg How To'

align=absmiddle></a>&nbsp;&nbsp;&nbsp;&nbsp;<a

href='http://localhost/cacaku/logout.asp')><img src='http://localhost/cacaku/images/i_exit.gif'

border=0 alt='Logout' align=absmiddle></a></td><td class=CELL_HEAD_RIGHT><font

color=white size=5>UNIVERSITAS HASANUDDIN<BR>Jurusan Teknik

Elektro</font><br><font color=white size=2>Sabtu, 3 Juli 2010</font></td><td

class=CELL_HEAD_RIGHT><img src='http://localhost/cacaku/images/logo_simpeg.gif'

align='absmiddle' border='0'></td>

</td>

</tr>

</table><form action='staf_LIST.asp' method='post' id='form1' name='form1'><table

cellspacing=0 cellpadding=0 class=TABLE_BORDER_TAB><tr><td width='1%'

background='../images/KTP_BACK.gif'><img border='0' src='../images/corner_left_grey.gif'

WIDTH='6' HEIGHT='19'></td><td class='PANEL_CAPTION' width='67%'

background='../images/KTP_BACK.gif'><img border='0'

src='../images/icon_kotak_green.gif' WIDTH='10' HEIGHT='10'> </td><td width='1%'

background='../images/KTP_BACK.gif'><p align='right'><img border='0'

Page 120: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

src='../images/corner_right_grey.gif' WIDTH='7' HEIGHT='19'></td><td

width='37%'></td></tr><tr><td class=CELL_ALPHABET_BORDER colspan=4><table

cellspacing=0 class=TABLE_BORDER_TOP><tr><td class=CELL_ALPHABET

colspan=2><p align="left"><a href='staf_LIST.ASP?hrf=a&amp;pg=1'>A</a> <a

href='staf_LIST.ASP?hrf=b&amp;pg=1'>B</a> <a

href='staf_LIST.ASP?hrf=c&amp;pg=1'>C</a> <a

href='staf_LIST.ASP?hrf=d&amp;pg=1'>D</a> <a

href='staf_LIST.ASP?hrf=e&amp;pg=1'>E</a> <a

href='staf_LIST.ASP?hrf=f&amp;pg=1'>F</a> <a

href='staf_LIST.ASP?hrf=g&amp;pg=1'>G</a> <a

href='staf_LIST.ASP?hrf=h&amp;pg=1'>H</a> <a

href='staf_LIST.ASP?hrf=i&amp;pg=1'>I</a> <a

href='staf_LIST.ASP?hrf=j&amp;pg=1'>J</a> <a

href='staf_LIST.ASP?hrf=k&amp;pg=1'>K</a> <a

href='staf_LIST.ASP?hrf=l&amp;pg=1'>L</a> <a

href='staf_LIST.ASP?hrf=m&amp;pg=1'>M</a> <a

href='staf_LIST.ASP?hrf=n&amp;pg=1'>N</a> <a

href='staf_LIST.ASP?hrf=o&amp;pg=1'>O</a> <a

href='staf_LIST.ASP?hrf=p&amp;pg=1'>P</a> <a

href='staf_LIST.ASP?hrf=q&amp;pg=1'>Q</a> <a

href='staf_LIST.ASP?hrf=r&amp;pg=1'>R</a> <a

href='staf_LIST.ASP?hrf=s&amp;pg=1'>S</a> <a

href='staf_LIST.ASP?hrf=t&amp;pg=1'>T</a> <a

href='staf_LIST.ASP?hrf=u&amp;pg=1'>U</a> <a

href='staf_LIST.ASP?hrf=v&amp;pg=1'>V</a> <a

href='staf_LIST.ASP?hrf=w&amp;pg=1'>W</a> <a

href='staf_LIST.ASP?hrf=x&amp;pg=1'>X</a> <a

href='staf_LIST.ASP?hrf=y&amp;pg=1'>Y</a> <a

href='staf_LIST.ASP?hrf=z&amp;pg=1'>Z</a>&nbsp;<a

href='staf_LIST.ASP?hrf=0&amp;pg=1'>ALL</a></p></td></tr><tr><td

class="CELL_ALPHABET" align='left'><a href="staf_List.asp">DAFTAR

STAF</a>&nbsp;</td><td class=CELL_ALPHABET align='right' ><input class="cellinput"

name='valueSearch' size='15' value='' maxlength='20'><select class="cellinput"

id='keySearch' name='keySearch'><option value='1'>NIP</option><option

value='2'>Nama</option><option value='3'>Alamat</option><option

value='4'>Telepon</option></select> status: <select class="cellinput" id='stat_staf'

name='stat_staf'><option value='9'>Semua</option><option

value='0'>Aktif</option><option value='1'>Pensiun</option><option

value='2'>Mutasi</option></select><input class="buttonsmall" type='submit' value='Cari'

id='goSearch' name='goSearch'></td></tr></form></table></td></tr></table><p><form

name='frm' method='post' action='staf_Simpan.asp?Kode=0' ENCTYPE='multipart/form-

data' onsubmit='return ValidateForm();'><table cellspacing='0' cellpadding='0'

class='TABLE_BORDER_TAB' border=0><tr><td><table class="TABLE_BORDER_TOP"

cellspacing=0><tr><td class=CellCaption style="width:20%">No. Induk Pegawai</td><td

class=CellBody><input type='Text' class='CELLINPUT' name='txtNIM' maxlength='15'

size='15'>&nbsp;<b>No. Induk Dosen&nbsp;:&nbsp;<input type='Text' class='CELLINPUT'

name='txtNo_Dosen' maxlength='15' size='15'></td></tr><tr><td class=CellCaption >Nama

Lengkap</td><td class=CellBody><input type='Text' class='CELLINPUT'

name='txtNama_Lengkap' maxlength='40' size='40'>&nbsp;&nbsp;&nbsp;<b>Gelar</b> :

<input name=txtGelar class=cellinput size=10></td></tr><tr><td

Page 121: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

class=CellCaption>Tempat/Tgl&nbsp;Lahir</td><td class=CellBody><input type='Text'

class='CELLINPUT' name='txtTempat_Lahir' maxlength='20' size='20'> / <input type='Text'

class='CELLINPUT' name='txtTgl_Lahir' size='10' maxlength='10'>&nbsp;&nbsp;*) Format

TT/BB/YYYY (contoh&nbsp;:23/02/2006)</td></tr><tr><td class=CellCaption>Jenis

Kelamin</td><td class=CellBody><input type='Radio' name='txtJenis_Kelamin' value='1'

checked>Pria&nbsp;<input type='Radio' name='txtJenis_Kelamin'

value='0'>Wanita&nbsp;</td></tr><tr><td class=CellCaption>Agama</td><td

class=CellBody><select name='txtAgama' class='CELLINPUT'><option

value='Islam'>Islam<option value='Kristen'>Kristen<option value='Katolik'>Katolik<option

value='Hindu'>Hindu<option value='Budha'>Budha<option

value='Lainnya'>Lainnya</select></td></tr><tr><td

class=CellCaption>Status&nbsp;Perkawinan</td><td class=CellBody><input type='Radio'

name='txtStatus_Perkawinan' value='Belum Menikah' checked>Belum

Menikah&nbsp;<input type='Radio' name='txtStatus_Perkawinan'

value='Menikah'>Menikah&nbsp;<input type='Radio' name='txtStatus_Perkawinan'

value='Cerai'>Cerai</td></tr><tr><td class=CellCaption>Golongan&nbsp;Darah</td><td

class=CellBody><input type='Radio' name='txtGol_Darah' value='A'>A&nbsp;<input

type='Radio' name='txtGol_Darah' value='B'>B&nbsp;<input type='Radio'

name='txtGol_Darah' value='O'>O&nbsp;<input type='Radio' name='txtGol_Darah'

value='AB'>AB&nbsp;<input type='Radio' name='txtGol_Darah' value='X' checked>Tidak

Tahu</td></tr><tr><td class=CellCaption>Alamat Rumah</td><td class=CellBody><input

type='Text' class='CELLINPUT' name='txtAlamat_Rumah' maxlength='50'

size='50'>&nbsp;&nbsp;&nbsp;<b>Kota</b> : <input name=txtKota

class=cellinput></td></tr><tr><td class=CellCaption>Telp Rumah</td><td

class=CellBody><input type='Text' class='CELLINPUT' name='txtTelp_Rumah'

maxlength='20' size='20'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<B>No.

HP&nbsp;:&nbsp;</b><input type='Text' class='CELLINPUT' name='txtTelp_HP'

maxlength='20' size='20'></td></tr><tr><td class="CellCaption" > Foto

Pegawai&nbsp;</td><td class="CELLBODY"><input type='file' id=file1 name='file_images'

size=45 onclick='ClearDocument()'> <INPUT type='button' value='Lihat' id=button1

name=button1 onclick='ShowDocument()'></td></tr><tr><td

class="CellCaption">Tampilan Foto&nbsp;</td><td id=img_preview

class=cellbody></td></tr><tr><td class=CellCaption>Catatan</td><td

class=CellBody><textarea class='CELLINPUT' name='txtCatatan' title='Catatan'

onkeydown='return TextareaMaxLen(this,255);' rows='4'

style='width:100%'></textarea></td></tr><tr><td colspan=2 height=1

bgcolor=black></td></tr><tr><td class=CellCaption>Pend. Terakhir</td><td

class=CellBody><select name='txtPend_Terakhir' class='CELLINPUT'><option

value='D3'>D3<option value='D4'>D4<option value='S1' selected>S1<option

value='S2'>S2<option value='S3'>S3</select>&nbsp;&nbsp;&nbsp;&nbsp;<b>Asal

Sekolah&nbsp;:&nbsp;</b><input type='Text' class='CELLINPUT' name='txtAsal_Sekolah'

maxlength='50' size='50'></td></tr><tr><td class=CellCaption>Spesialisasi</td><td

class=CellBody><input type='Text' class='CELLINPUT' name='txtSpesialisasi'

maxlength='50' size='50'></td></tr><tr><td colspan=2 height=1

bgcolor=black></td></tr><tr><td class=CellCaption>Pindahan Dari</td><td

class=CellBody><input type='Text' class='CELLINPUT' name='txtPindahan' maxlength='20'

size='20'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<B>Tanggal Mulai

Bekerja&nbsp;:&nbsp;</b><input type='Text' class='CELLINPUT' name='txtMulai_Bekerja'

maxlength='10' size='10'></td></tr><tr><td class=CellCaption >Jabatan</td><td

class=CellBody><input type='Text' class='CELLINPUT' name='txtJabatan' maxlength='40'

Page 122: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

size='40'></td></tr><tr><td class=CellCaption><input type=submit class=ButtonSmall

value=Simpan></td><td class=CellBody>&nbsp;</td></tr></table></td></tr></table><table

class="TABLE_BORDER_TOP" cellspacing="0">

<tr>

<td class="CELL_HEAD_RIGHT">

© 2006 - MAKASSAR

</td>

</tr>

</table>

</BODY>

</HTML>

Page 123: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Listing Tambah Data Staf

<!--#include file="../includes/cnndb.asp"-->

<html>

<script language=JavaScript>

var PrevTab=-1;

var x,y;

function OpenPage(url){

document.frm.action = url;

document.frm.submit();

}

function document_MouseMove(){

x = event.x;

y = event.y;

}

document.onmousemove = document_MouseMove;

function ClearDocument()

{

img_preview.innerText = "";

}

function ShowDocument()

{

if (frm.file1.value != null)

{

img_preview.innerHTML = "<img src='"+frm.file1.value+"'>";

}

}

function fillDropDownJabatan()

{

var kd=document.frm.Pegawai_Unit_Kerja.selectedIndex;

var kd_Jabatan="x";

fillDropDownJabatan1(document.frm.Pegawai_Jabatan,kd, kd_Jabatan );

}

function fillDropDownJabatan1(dropdown,kd_Unit_Kerja, kd_Jabatan)

{

dropdown.length = 1;

for(i=1; Arry_Jabatan[kd_Unit_Kerja].length>i; i++)

{

Page 124: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

var x = Arry_Jabatan[kd_Unit_Kerja][i];

var indexOfComma = x.indexOf(',');

var modelValue = x.substring(0,indexOfComma);

var modelName = x.substring(indexOfComma+1);

dropdown[i] = new Option(modelName,modelValue);

}

dropdown[0].selected = true;

}

function fillDropDownOld(dropdown,data)

{

<%

Response.Write("dropdown.length = 1;")

Response.Write("for(i=1; data.length>i; i++)")

Response.Write("{")

Response.Write(" var x = data[i];")

Response.Write(" var indexOfComma = x.indexOf(',');")

Response.Write(" var modelValue = x.substring(0,indexOfComma);")

Response.Write(" var modelName = x.substring(indexOfComma+1); ")

Response.Write(" dropdown[i] = new Option(modelName,modelValue);")

Response.Write("}")

Response.Write("dropdown[0].selected = true;")

%>

}

function trim(text){

// Erase blank in the most left and most right sections of a string

var i,j;

for(i=0; text.charAt(i)==" " && i<text.length; i++){}

if(i==text.length) return "";

for(j=text.length-1; text.charAt(j)==" " && j>-1; j--){}

return text.substring(i,j+1);

}

function CheckBlank(tabno,obj,message){

//Check whether the Object Value is blank

//If blank, show alert message

if(trim(obj.value) == ""){

if(trim(message) != ""){

obj.focus();

alert(message);

}

return true;

} else {

return false;

}

}

function ListEmployee(char){

Page 125: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

window.navigate('Pegawai_List.asp?hrf='+char);

}

function NumberOnly(){

var k;

k = event.keyCode;

return (k==8 || k==13 || (k>=48 && k<=57) || k==46 || k==190);

}

function TextareaMaxLen(obj,maxlen){

if(obj.value.length>=maxlen && event.keyCode!=8){

obj.value = obj.value.substring(0,maxlen);

alert('Panjang maksimum ' + obj.title + ' adalah ' + maxlen);

return false;

}

}

function SwitchTab(i){

var i,conChar,navigateStr;

if(PrevTab>-1){

tab[PrevTab].background = "../images/lightgreen_back.gif";

document.all.gambar[PrevTab].src="../images/corner_right_lightgreen.gif";

tabcontent[PrevTab].style.display = "none";

}

tab[i].background = "../images/green_back.gif";

document.all.gambar[i].src="../images/corner_right_green.gif";

tabcontent[i].style.display = "";

PrevTab = i;

}

function ValidateForm(){

var i,j;

with(document.frm){

if(CheckBlank(0,txtNIM,"No. Induk Pegawai harus di isi")) return false;

if(CheckBlank(0,txtNama_Lengkap,"Nama Lengkap harus di isi")) return

false;

if(CheckBlank(0,txtTgl_Lahir,"Tanggal lahir harus di isi")) return false;

}

//alert("Finish");

return true;

}

function ClearInputValue(sHTML){

var p,q,r,s,result;

//Eliminate <INPUT TYPE=TEXT> value

p = sHTML.indexOf('<INPUT',0);

result = sHTML;

Page 126: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

while(p!=-1){

if(r!=-1) q = sHTML.indexOf('type',p+1);

if(q==-1){

r = result.indexOf('value=',p+1);

if(r!=-1){

s = result.indexOf('=',r+7);

q = result.indexOf('"',r+7);

if(q>s || q==-1) q = result.indexOf(' ',r+7);

if(q!=-1){

result = result.substring(0,r) + result.substring(q+1,result.length);

}

}

}

p = sHTML.indexOf('<INPUT',p+1);

}

//Eliminate TEXTAREA value

q = result.indexOf('</TEXTAREA>');

r = result.indexOf('>');

if(q!=-1)

result = result.substring(0,r+1) + result.substring(q,result.length);

return result;

}

</script>

<head>

<title><%=Application("Title")%></title>

<LINK rel="stylesheet" type="text/css" href="../includes/main.css">

</head>

<BODY class=BODY_MARGIN>

<!--#include file="../toppanel.asp"-->

<%

Function ShowDate(iDate,iFormat)

If IsNull(iDate) Then

ShowDate = ""

Else

ShowDate = FormatDateTime(iDate,1)

End If

End Function

Sub WriteHeaderstaf(AddAllowed)

Dim AddEditTag

If AddAllowed Then

Page 127: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

AddEditTag = AddEditTag & "<a href=""staf_List.asp"">DAFTAR

STAF</a>&nbsp;"

End If

Response.Write "<form action='staf_LIST.asp' method='post' id='form1'

name='form1'>"

Response.Write "<table cellspacing=0 cellpadding=0

class=TABLE_BORDER_TAB>"

Response.Write("<tr>"&_

"<td width='1%' background='../images/KTP_BACK.gif'><img border='0'

src='../images/corner_left_grey.gif' WIDTH='6' HEIGHT='19'></td>"&_

"<td class='PANEL_CAPTION' width='67%'

background='../images/KTP_BACK.gif'><img border='0'

src='../images/icon_kotak_green.gif' WIDTH='10' HEIGHT='10'> "&_

FldHeaderPeg &"</td>"&_

"<td width='1%' background='../images/KTP_BACK.gif'>"&_

"<p align='right'><img border='0' src='../images/corner_right_grey.gif' WIDTH='7'

HEIGHT='19'></td>"&_

"<td width='37%'></td>"&_

"</tr>")

Response.Write("<tr>"&_

"<td class=CELL_ALPHABET_BORDER colspan=4>"&_

"<table cellspacing=0 class=TABLE_BORDER_TOP>")

Response.Write "<tr><td class=CELL_ALPHABET colspan=2><p align=""left"">"

Response.Write "<a href='staf_LIST.ASP?hrf=a&amp;pg=1'>A</a> "&_

"<a href='staf_LIST.ASP?hrf=b&amp;pg=1'>B</a> "&_

"<a href='staf_LIST.ASP?hrf=c&amp;pg=1'>C</a> "&_

"<a href='staf_LIST.ASP?hrf=d&amp;pg=1'>D</a> "&_

"<a href='staf_LIST.ASP?hrf=e&amp;pg=1'>E</a> "&_

"<a href='staf_LIST.ASP?hrf=f&amp;pg=1'>F</a> "&_

"<a href='staf_LIST.ASP?hrf=g&amp;pg=1'>G</a> "&_

"<a href='staf_LIST.ASP?hrf=h&amp;pg=1'>H</a> "&_

"<a href='staf_LIST.ASP?hrf=i&amp;pg=1'>I</a> "&_

"<a href='staf_LIST.ASP?hrf=j&amp;pg=1'>J</a> "&_

"<a href='staf_LIST.ASP?hrf=k&amp;pg=1'>K</a> "&_

"<a href='staf_LIST.ASP?hrf=l&amp;pg=1'>L</a> "&_

"<a href='staf_LIST.ASP?hrf=m&amp;pg=1'>M</a> "&_

"<a href='staf_LIST.ASP?hrf=n&amp;pg=1'>N</a> "&_

"<a href='staf_LIST.ASP?hrf=o&amp;pg=1'>O</a> "&_

"<a href='staf_LIST.ASP?hrf=p&amp;pg=1'>P</a> "&_

"<a href='staf_LIST.ASP?hrf=q&amp;pg=1'>Q</a> "&_

"<a href='staf_LIST.ASP?hrf=r&amp;pg=1'>R</a> "&_

"<a href='staf_LIST.ASP?hrf=s&amp;pg=1'>S</a> "&_

"<a href='staf_LIST.ASP?hrf=t&amp;pg=1'>T</a> "&_

"<a href='staf_LIST.ASP?hrf=u&amp;pg=1'>U</a> "&_

"<a href='staf_LIST.ASP?hrf=v&amp;pg=1'>V</a> "&_

"<a href='staf_LIST.ASP?hrf=w&amp;pg=1'>W</a> "&_

Page 128: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

"<a href='staf_LIST.ASP?hrf=x&amp;pg=1'>X</a> "&_

"<a href='staf_LIST.ASP?hrf=y&amp;pg=1'>Y</a> "&_

"<a href='staf_LIST.ASP?hrf=z&amp;pg=1'>Z</a>&nbsp;"&_

"<a href='staf_LIST.ASP?hrf=0&amp;pg=1'>ALL</a></p></td></tr>"

Response.Write "<tr>"&_

"<td class=""CELL_ALPHABET"" align='left'>"&AddEditTag&"</td>"&_

"<td class=CELL_ALPHABET align='right' >"&_

"<input class=""cellinput"" name='valueSearch' size='15' value='"&

valuesearch &"' maxlength='20'>"&_

"<select class=""cellinput"" id='keySearch' name='keySearch'>"&_

"<option "

if keysearch="1" then Response.Write "selected"

Response.Write " value='1'>"&_

"NIP</option>"&_

"<option "

if keysearch="2" then Response.Write "selected"

Response.Write " value='2'>"&_

"Nama</option>"&_

"<option "

if keysearch="3" then Response.Write "selected"

Response.Write " value='3'>"&_

"Alamat</option>"&_

"<option "

if keysearch="4" then Response.Write "selected"

Response.Write " value='4'>"&_

"Telepon</option></select>"&_

" status: <select class=""cellinput"" id='stat_staf' name='stat_staf'>"&_

"<option "

if stat_staf="9" then Response.Write "selected"

Response.Write " value='9'>"&_

"Semua</option>"&_

"<option "

if stat_staf="0" then Response.Write "selected"

Response.Write " value='0'>"&_

"Aktif</option>"&_

"<option "

if stat_staf="1" then Response.Write "selected"

Response.Write " value='1'>"&_

"Pensiun</option>"&_

"<option "

if stat_staf="2" then Response.Write "selected"

Response.Write " value='2'>"&_

"Mutasi</option></select>"

Response.Write "<input class=""buttonsmall"" type='submit'

value='Cari' id='goSearch'

name='goSearch'></td></tr></form></table></td></tr></table><p>"

End Sub

Page 129: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

%>

<%

dim access

WriteHeaderstaf true

Response.write "<form name='frm' method='post' action='staf_Simpan.asp?Kode=0'

ENCTYPE='multipart/form-data' onsubmit='return ValidateForm();'>"&_

"<table cellspacing='0' cellpadding='0' class='TABLE_BORDER_TAB'

border=0>"&_

"<tr><td>"&_

"<table class=""TABLE_BORDER_TOP"" cellspacing=0>"&_

"<tr><td class=CellCaption style=""width:20%"">No. Induk

Pegawai</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtNIM' maxlength='15' size='15'>&nbsp;<b>No. Induk Dosen&nbsp;:&nbsp;<input

type='Text' class='CELLINPUT' name='txtNo_Dosen' maxlength='15'

size='15'></td></tr>"&_

"<tr><td class=CellCaption >Nama Lengkap</td>"&_

"<td class=CellBody>"&_

"<input type='Text' class='CELLINPUT'

name='txtNama_Lengkap' maxlength='40' size='40'>&nbsp;&nbsp;&nbsp;<b>Gelar</b> :

<input name=txtGelar class=cellinput size=10></td></tr>"&_

"<tr><td class=CellCaption>Tempat/Tgl&nbsp;Lahir</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtTempat_Lahir' maxlength='20' size='20'> / "&_

"<input type='Text' class='CELLINPUT' name='txtTgl_Lahir'

size='10' maxlength='10'>&nbsp;&nbsp;*) Format TT/BB/YYYY

(contoh&nbsp;:23/02/2006)</td></tr>"&_

"<tr><td class=CellCaption>Jenis Kelamin</td>"&_

"<td class=CellBody><input type='Radio'

name='txtJenis_Kelamin' value='1' checked>Pria&nbsp;"&_

"<input type='Radio' name='txtJenis_Kelamin'

value='0'>Wanita&nbsp;</td></tr>"&_

"<tr><td class=CellCaption>Agama</td>"&_

"<td class=CellBody><select name='txtAgama'

class='CELLINPUT'>"&_

"<option value='Islam'>Islam"&_

"<option value='Kristen'>Kristen"&_

"<option value='Katolik'>Katolik"&_

"<option value='Hindu'>Hindu"&_

"<option value='Budha'>Budha"&_

"<option value='Lainnya'>Lainnya"&_

"</select></td></tr>"&_

"<tr><td class=CellCaption>Status&nbsp;Perkawinan</td>"&_

"<td class=CellBody><input type='Radio'

name='txtStatus_Perkawinan' value='Belum Menikah' checked>Belum Menikah&nbsp;"&_

"<input type='Radio' name='txtStatus_Perkawinan'

value='Menikah'>Menikah&nbsp;"&_

Page 130: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

"<input type='Radio' name='txtStatus_Perkawinan'

value='Cerai'>Cerai</td></tr>"&_

"<tr><td class=CellCaption>Golongan&nbsp;Darah</td>"&_

"<td class=CellBody><input type='Radio'

name='txtGol_Darah' value='A'>A&nbsp;"&_

"<input type='Radio' name='txtGol_Darah'

value='B'>B&nbsp;"&_

"<input type='Radio' name='txtGol_Darah'

value='O'>O&nbsp;"&_

"<input type='Radio' name='txtGol_Darah'

value='AB'>AB&nbsp;"&_

"<input type='Radio' name='txtGol_Darah' value='X'

checked>Tidak Tahu</td></tr>"&_

"<tr><td class=CellCaption>Alamat Rumah</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtAlamat_Rumah' maxlength='50' size='50'>&nbsp;&nbsp;&nbsp;<b>Kota</b> :

<input name=txtKota class=cellinput></td></tr>"&_

"<tr><td class=CellCaption>Telp Rumah</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtTelp_Rumah' maxlength='20'

size='20'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<B>No. HP&nbsp;:&nbsp;</b><input

type='Text' class='CELLINPUT' name='txtTelp_HP' maxlength='20'

size='20'></td></tr>"&_

"<tr><td class=""CellCaption"" > Foto Pegawai&nbsp;</td>"&_

"<td class=""CELLBODY""><input type='file' id=file1

name='file_images' size=45 onclick='ClearDocument()'>"&_

" <INPUT type='button' value='Lihat' id=button1

name=button1 onclick='ShowDocument()'></td></tr>"&_

"<tr><td class=""CellCaption"">Tampilan Foto&nbsp;</td>"&_

"<td id=img_preview class=cellbody></td></tr>"&_

"<tr><td class=CellCaption>Catatan</td>"&_

"<td class=CellBody><textarea class='CELLINPUT'

name='txtCatatan' title='Catatan' onkeydown='return TextareaMaxLen(this,255);' rows='4'

style='width:100%'></textarea></td></tr>"&_

"<tr><td colspan=2 height=1 bgcolor=black></td></tr>"&_

"<tr><td class=CellCaption>Pend. Terakhir</td>"&_

"<td class=CellBody><select name='txtPend_Terakhir'

class='CELLINPUT'>"&_

"<option value='D3'>D3"&_

"<option value='D4'>D4"&_

"<option value='S1' selected>S1"&_

"<option value='S2'>S2"&_

"<option value='S3'>S3"&_

"</select>&nbsp;&nbsp;&nbsp;&nbsp;<b>Asal

Sekolah&nbsp;:&nbsp;</b><input type='Text' class='CELLINPUT' name='txtAsal_Sekolah'

maxlength='50' size='50'></td></tr>"&_

"<tr><td class=CellCaption>Spesialisasi</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtSpesialisasi' maxlength='50' size='50'></td></tr>"&_

"<tr><td colspan=2 height=1 bgcolor=black></td></tr>"&_

Page 131: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

"<tr><td class=CellCaption>Pindahan Dari</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtPindahan' maxlength='20'

size='20'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<B>Tanggal Mulai

Bekerja&nbsp;:&nbsp;</b><input type='Text' class='CELLINPUT' name='txtMulai_Bekerja'

maxlength='10' size='10'></td></tr>"&_

"<tr><td class=CellCaption >Jabatan</td>"&_

"<td class=CellBody>"&_

"<input type='Text' class='CELLINPUT'

name='txtJabatan' maxlength='40' size='40'></td></tr>"&_

"<tr><td class=CellCaption><input type=submit class=ButtonSmall

value=Simpan></td>"&_

"<td class=CellBody>&nbsp;</td></tr>"&_

"</table></td></tr></table>"

%>

<!--#include file="../lowpanel.asp"-->

</BODY>

</HTML>

KHS ASP

<!--#include file="../includes/cnndb.asp"-->

<html>

<script language=JavaScript>

var PrevTab=-1;

var x,y;

function OpenPage(url){

document.frm.action = url;

document.frm.submit();

}

Page 132: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

function document_MouseMove(){

x = event.x;

y = event.y;

}

document.onmousemove = document_MouseMove;

function ClearDocument()

{

img_preview.innerText = "";

}

function ShowDocument()

{

if (frm.file1.value != null)

{

img_preview.innerHTML = "<img src='"+frm.file1.value+"'>";

}

}

function fillDropDownJabatan()

{

var kd=document.frm.Pegawai_Unit_Kerja.selectedIndex;

var kd_Jabatan="x";

fillDropDownJabatan1(document.frm.Pegawai_Jabatan,kd, kd_Jabatan );

}

function fillDropDownJabatan1(dropdown,kd_Unit_Kerja, kd_Jabatan)

{

dropdown.length = 1;

for(i=1; Arry_Jabatan[kd_Unit_Kerja].length>i; i++)

{

var x = Arry_Jabatan[kd_Unit_Kerja][i];

var indexOfComma = x.indexOf(',');

var modelValue = x.substring(0,indexOfComma);

var modelName = x.substring(indexOfComma+1);

dropdown[i] = new Option(modelName,modelValue);

}

dropdown[0].selected = true;

}

function fillDropDownOld(dropdown,data)

{

<%

Response.Write("dropdown.length = 1;")

Response.Write("for(i=1; data.length>i; i++)")

Response.Write("{")

Response.Write(" var x = data[i];")

Response.Write(" var indexOfComma = x.indexOf(',');")

Page 133: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Response.Write(" var modelValue = x.substring(0,indexOfComma);")

Response.Write(" var modelName = x.substring(indexOfComma+1); ")

Response.Write(" dropdown[i] = new Option(modelName,modelValue);")

Response.Write("}")

Response.Write("dropdown[0].selected = true;")

%>

}

function trim(text){

// Erase blank in the most left and most right sections of a string

var i,j;

for(i=0; text.charAt(i)==" " && i<text.length; i++){}

if(i==text.length) return "";

for(j=text.length-1; text.charAt(j)==" " && j>-1; j--){}

return text.substring(i,j+1);

}

function CheckBlank(tabno,obj,message){

//Check whether the Object Value is blank

//If blank, show alert message

if(trim(obj.value) == ""){

if(trim(message) != ""){

obj.focus();

alert(message);

}

return true;

} else {

return false;

}

}

function ListEmployee(char){

window.navigate('Pegawai_List.asp?hrf='+char);

}

function NumberOnly(){

var k;

k = event.keyCode;

return (k==8 || k==13 || (k>=48 && k<=57) || k==46 || k==190);

}

function TextareaMaxLen(obj,maxlen){

if(obj.value.length>=maxlen && event.keyCode!=8){

obj.value = obj.value.substring(0,maxlen);

alert('Panjang maksimum ' + obj.title + ' adalah ' + maxlen);

return false;

}

}

Page 134: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

function SwitchTab(i){

var i,conChar,navigateStr;

if(PrevTab>-1){

tab[PrevTab].background = "../images/lightgreen_back.gif";

document.all.gambar[PrevTab].src="../images/corner_right_lightgreen.gif";

tabcontent[PrevTab].style.display = "none";

}

tab[i].background = "../images/green_back.gif";

document.all.gambar[i].src="../images/corner_right_green.gif";

tabcontent[i].style.display = "";

PrevTab = i;

}

function ValidateForm(){

var i,j;

with(document.frm){

if(CheckBlank(0,txtNIM,"No. Induk Pegawai harus di isi")) return false;

if(CheckBlank(0,txtNama_Lengkap,"Nama Lengkap harus di isi")) return

false;

if(CheckBlank(0,txtTgl_Lahir,"Tanggal lahir harus di isi")) return false;

}

//alert("Finish");

return true;

}

function ClearInputValue(sHTML){

var p,q,r,s,result;

//Eliminate <INPUT TYPE=TEXT> value

p = sHTML.indexOf('<INPUT',0);

result = sHTML;

while(p!=-1){

if(r!=-1) q = sHTML.indexOf('type',p+1);

if(q==-1){

r = result.indexOf('value=',p+1);

if(r!=-1){

s = result.indexOf('=',r+7);

q = result.indexOf('"',r+7);

if(q>s || q==-1) q = result.indexOf(' ',r+7);

if(q!=-1){

result = result.substring(0,r) + result.substring(q+1,result.length);

}

}

}

p = sHTML.indexOf('<INPUT',p+1);

}

//Eliminate TEXTAREA value

Page 135: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

q = result.indexOf('</TEXTAREA>');

r = result.indexOf('>');

if(q!=-1)

result = result.substring(0,r+1) + result.substring(q,result.length);

return result;

}

</script>

<head>

<title><%=Application("Title")%></title>

<LINK rel="stylesheet" type="text/css" href="../includes/main.css">

</head>

<BODY class=BODY_MARGIN>

<!--#include file="../toppanel.asp"-->

<%

Function ShowDate(iDate,iFormat)

If IsNull(iDate) Then

ShowDate = ""

Else

ShowDate = FormatDateTime(iDate,1)

End If

End Function

Sub WriteHeaderstaf(AddAllowed)

Dim AddEditTag

If AddAllowed Then

AddEditTag = AddEditTag & "<a href=""staf_List.asp"">DAFTAR

STAF</a>&nbsp;"

End If

Response.Write "<form action='staf_LIST.asp' method='post' id='form1'

name='form1'>"

Response.Write "<table cellspacing=0 cellpadding=0

class=TABLE_BORDER_TAB>"

Response.Write("<tr>"&_

"<td width='1%' background='../images/KTP_BACK.gif'><img border='0'

src='../images/corner_left_grey.gif' WIDTH='6' HEIGHT='19'></td>"&_

"<td class='PANEL_CAPTION' width='67%'

background='../images/KTP_BACK.gif'><img border='0'

src='../images/icon_kotak_green.gif' WIDTH='10' HEIGHT='10'> "&_

FldHeaderPeg &"</td>"&_

"<td width='1%' background='../images/KTP_BACK.gif'>"&_

"<p align='right'><img border='0' src='../images/corner_right_grey.gif' WIDTH='7'

HEIGHT='19'></td>"&_

Page 136: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

"<td width='37%'></td>"&_

"</tr>")

Response.Write("<tr>"&_

"<td class=CELL_ALPHABET_BORDER colspan=4>"&_

"<table cellspacing=0 class=TABLE_BORDER_TOP>")

Response.Write "<tr><td class=CELL_ALPHABET colspan=2><p align=""left"">"

Response.Write "<a href='staf_LIST.ASP?hrf=a&amp;pg=1'>A</a> "&_

"<a href='staf_LIST.ASP?hrf=b&amp;pg=1'>B</a> "&_

"<a href='staf_LIST.ASP?hrf=c&amp;pg=1'>C</a> "&_

"<a href='staf_LIST.ASP?hrf=d&amp;pg=1'>D</a> "&_

"<a href='staf_LIST.ASP?hrf=e&amp;pg=1'>E</a> "&_

"<a href='staf_LIST.ASP?hrf=f&amp;pg=1'>F</a> "&_

"<a href='staf_LIST.ASP?hrf=g&amp;pg=1'>G</a> "&_

"<a href='staf_LIST.ASP?hrf=h&amp;pg=1'>H</a> "&_

"<a href='staf_LIST.ASP?hrf=i&amp;pg=1'>I</a> "&_

"<a href='staf_LIST.ASP?hrf=j&amp;pg=1'>J</a> "&_

"<a href='staf_LIST.ASP?hrf=k&amp;pg=1'>K</a> "&_

"<a href='staf_LIST.ASP?hrf=l&amp;pg=1'>L</a> "&_

"<a href='staf_LIST.ASP?hrf=m&amp;pg=1'>M</a> "&_

"<a href='staf_LIST.ASP?hrf=n&amp;pg=1'>N</a> "&_

"<a href='staf_LIST.ASP?hrf=o&amp;pg=1'>O</a> "&_

"<a href='staf_LIST.ASP?hrf=p&amp;pg=1'>P</a> "&_

"<a href='staf_LIST.ASP?hrf=q&amp;pg=1'>Q</a> "&_

"<a href='staf_LIST.ASP?hrf=r&amp;pg=1'>R</a> "&_

"<a href='staf_LIST.ASP?hrf=s&amp;pg=1'>S</a> "&_

"<a href='staf_LIST.ASP?hrf=t&amp;pg=1'>T</a> "&_

"<a href='staf_LIST.ASP?hrf=u&amp;pg=1'>U</a> "&_

"<a href='staf_LIST.ASP?hrf=v&amp;pg=1'>V</a> "&_

"<a href='staf_LIST.ASP?hrf=w&amp;pg=1'>W</a> "&_

"<a href='staf_LIST.ASP?hrf=x&amp;pg=1'>X</a> "&_

"<a href='staf_LIST.ASP?hrf=y&amp;pg=1'>Y</a> "&_

"<a href='staf_LIST.ASP?hrf=z&amp;pg=1'>Z</a>&nbsp;"&_

"<a href='staf_LIST.ASP?hrf=0&amp;pg=1'>ALL</a></p></td></tr>"

Response.Write "<tr>"&_

"<td class=""CELL_ALPHABET"" align='left'>"&AddEditTag&"</td>"&_

"<td class=CELL_ALPHABET align='right' >"&_

"<input class=""cellinput"" name='valueSearch' size='15' value='"&

valuesearch &"' maxlength='20'>"&_

"<select class=""cellinput"" id='keySearch' name='keySearch'>"&_

"<option "

if keysearch="1" then Response.Write "selected"

Response.Write " value='1'>"&_

"NIP</option>"&_

"<option "

if keysearch="2" then Response.Write "selected"

Response.Write " value='2'>"&_

Page 137: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

"Nama</option>"&_

"<option "

if keysearch="3" then Response.Write "selected"

Response.Write " value='3'>"&_

"Alamat</option>"&_

"<option "

if keysearch="4" then Response.Write "selected"

Response.Write " value='4'>"&_

"Telepon</option></select>"&_

" status: <select class=""cellinput"" id='stat_staf' name='stat_staf'>"&_

"<option "

if stat_staf="9" then Response.Write "selected"

Response.Write " value='9'>"&_

"Semua</option>"&_

"<option "

if stat_staf="0" then Response.Write "selected"

Response.Write " value='0'>"&_

"Aktif</option>"&_

"<option "

if stat_staf="1" then Response.Write "selected"

Response.Write " value='1'>"&_

"Pensiun</option>"&_

"<option "

if stat_staf="2" then Response.Write "selected"

Response.Write " value='2'>"&_

"Mutasi</option></select>"

Response.Write "<input class=""buttonsmall"" type='submit'

value='Cari' id='goSearch'

name='goSearch'></td></tr></form></table></td></tr></table><p>"

End Sub

%>

<%

dim access

WriteHeaderstaf true

Response.write "<form name='frm' method='post' action='staf_Simpan.asp?Kode=0'

ENCTYPE='multipart/form-data' onsubmit='return ValidateForm();'>"&_

"<table cellspacing='0' cellpadding='0' class='TABLE_BORDER_TAB'

border=0>"&_

"<tr><td>"&_

"<table class=""TABLE_BORDER_TOP"" cellspacing=0>"&_

"<tr><td class=CellCaption style=""width:20%"">No. Induk

Pegawai</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtNIM' maxlength='15' size='15'>&nbsp;<b>No. Induk Dosen&nbsp;:&nbsp;<input

Page 138: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

type='Text' class='CELLINPUT' name='txtNo_Dosen' maxlength='15'

size='15'></td></tr>"&_

"<tr><td class=CellCaption >Nama Lengkap</td>"&_

"<td class=CellBody>"&_

"<input type='Text' class='CELLINPUT'

name='txtNama_Lengkap' maxlength='40' size='40'>&nbsp;&nbsp;&nbsp;<b>Gelar</b> :

<input name=txtGelar class=cellinput size=10></td></tr>"&_

"<tr><td class=CellCaption>Tempat/Tgl&nbsp;Lahir</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtTempat_Lahir' maxlength='20' size='20'> / "&_

"<input type='Text' class='CELLINPUT' name='txtTgl_Lahir'

size='10' maxlength='10'>&nbsp;&nbsp;*) Format TT/BB/YYYY

(contoh&nbsp;:23/02/2006)</td></tr>"&_

"<tr><td class=CellCaption>Jenis Kelamin</td>"&_

"<td class=CellBody><input type='Radio'

name='txtJenis_Kelamin' value='1' checked>Pria&nbsp;"&_

"<input type='Radio' name='txtJenis_Kelamin'

value='0'>Wanita&nbsp;</td></tr>"&_

"<tr><td class=CellCaption>Agama</td>"&_

"<td class=CellBody><select name='txtAgama'

class='CELLINPUT'>"&_

"<option value='Islam'>Islam"&_

"<option value='Kristen'>Kristen"&_

"<option value='Katolik'>Katolik"&_

"<option value='Hindu'>Hindu"&_

"<option value='Budha'>Budha"&_

"<option value='Lainnya'>Lainnya"&_

"</select></td></tr>"&_

"<tr><td class=CellCaption>Status&nbsp;Perkawinan</td>"&_

"<td class=CellBody><input type='Radio'

name='txtStatus_Perkawinan' value='Belum Menikah' checked>Belum Menikah&nbsp;"&_

"<input type='Radio' name='txtStatus_Perkawinan'

value='Menikah'>Menikah&nbsp;"&_

"<input type='Radio' name='txtStatus_Perkawinan'

value='Cerai'>Cerai</td></tr>"&_

"<tr><td class=CellCaption>Golongan&nbsp;Darah</td>"&_

"<td class=CellBody><input type='Radio'

name='txtGol_Darah' value='A'>A&nbsp;"&_

"<input type='Radio' name='txtGol_Darah'

value='B'>B&nbsp;"&_

"<input type='Radio' name='txtGol_Darah'

value='O'>O&nbsp;"&_

"<input type='Radio' name='txtGol_Darah'

value='AB'>AB&nbsp;"&_

"<input type='Radio' name='txtGol_Darah' value='X'

checked>Tidak Tahu</td></tr>"&_

"<tr><td class=CellCaption>Alamat Rumah</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtAlamat_Rumah' maxlength='50' size='50'>&nbsp;&nbsp;&nbsp;<b>Kota</b> :

<input name=txtKota class=cellinput></td></tr>"&_

Page 139: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

"<tr><td class=CellCaption>Telp Rumah</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtTelp_Rumah' maxlength='20'

size='20'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<B>No. HP&nbsp;:&nbsp;</b><input

type='Text' class='CELLINPUT' name='txtTelp_HP' maxlength='20'

size='20'></td></tr>"&_

"<tr><td class=""CellCaption"" > Foto Pegawai&nbsp;</td>"&_

"<td class=""CELLBODY""><input type='file' id=file1

name='file_images' size=45 onclick='ClearDocument()'>"&_

" <INPUT type='button' value='Lihat' id=button1

name=button1 onclick='ShowDocument()'></td></tr>"&_

"<tr><td class=""CellCaption"">Tampilan Foto&nbsp;</td>"&_

"<td id=img_preview class=cellbody></td></tr>"&_

"<tr><td class=CellCaption>Catatan</td>"&_

"<td class=CellBody><textarea class='CELLINPUT'

name='txtCatatan' title='Catatan' onkeydown='return TextareaMaxLen(this,255);' rows='4'

style='width:100%'></textarea></td></tr>"&_

"<tr><td colspan=2 height=1 bgcolor=black></td></tr>"&_

"<tr><td class=CellCaption>Pend. Terakhir</td>"&_

"<td class=CellBody><select name='txtPend_Terakhir'

class='CELLINPUT'>"&_

"<option value='D3'>D3"&_

"<option value='D4'>D4"&_

"<option value='S1' selected>S1"&_

"<option value='S2'>S2"&_

"<option value='S3'>S3"&_

"</select>&nbsp;&nbsp;&nbsp;&nbsp;<b>Asal

Sekolah&nbsp;:&nbsp;</b><input type='Text' class='CELLINPUT' name='txtAsal_Sekolah'

maxlength='50' size='50'></td></tr>"&_

"<tr><td class=CellCaption>Spesialisasi</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtSpesialisasi' maxlength='50' size='50'></td></tr>"&_

"<tr><td colspan=2 height=1 bgcolor=black></td></tr>"&_

"<tr><td class=CellCaption>Pindahan Dari</td>"&_

"<td class=CellBody><input type='Text' class='CELLINPUT'

name='txtPindahan' maxlength='20'

size='20'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<B>Tanggal Mulai

Bekerja&nbsp;:&nbsp;</b><input type='Text' class='CELLINPUT' name='txtMulai_Bekerja'

maxlength='10' size='10'></td></tr>"&_

"<tr><td class=CellCaption >Jabatan</td>"&_

"<td class=CellBody>"&_

"<input type='Text' class='CELLINPUT'

name='txtJabatan' maxlength='40' size='40'></td></tr>"&_

"<tr><td class=CellCaption><input type=submit class=ButtonSmall

value=Simpan></td>"&_

"<td class=CellBody>&nbsp;</td></tr>"&_

"</table></td></tr></table>"

%>

Page 140: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

<!--#include file="../lowpanel.asp"-->

</BODY>

</HTML>

Page 141: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

>>Sistem Data

Base<<

Log In

Lihat Mata

Kuliah

Tambah

Mata Kuliah

Pembatalan

Mata Kuliah

Pembatalan

seluruh

Mata Kuliah

Lihat KHS

Cetak KHS

Proses Khs

Log Out

Lihat KHSUbah

Password

Lampiran 5.1 Use Case Diagram Aplikasi Mahasiswa

Page 142: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Pegawai

>>Sistem Data

Base<<

Log In

Ubah

Pasword

Ubah Tahun

Ajaran Baru

Penambahan

Data Dosen

Penambaha

Data Mhs

KRS

KHS

Proses

Laporan

Daftar Mata

Kuliah

Daftar

Kelas

Log

Out

Lampiran 5.2 Use Case Diagram Aplikasi Pegawai

Page 143: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Lampiran 6.1 Integrasi Data Base Mahasiswa Ke My SQL

Lampiran 6.2. Integrasi Data Base Mata Kuliah Ke My SQL

Page 144: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Lampiran 6.3. Integrasi Data Base Peserta Kelas Ke My SQL

Lampiran 6.4 Integrasi Data Base KHS Ke My SQL

Page 145: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Lampiran 7.1 Hasil Pengujian Pengisia KRS atas Nama Eliza Pada

Aplikasi Mahasiswa Tahun Akademik 2011-2012

Page 146: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Lampiran 7.2 Hasil Pengujian Pengisia KRS atas Nama Kurniadi Putra Pada

Aplikasi Mahasiswa Tahun Akademik 2011-2012

Lampiran 7.3 Hasil Pengujian Pengisia KRS atas Nama A Adiharto U Pada

Aplikasi Mahasiswa Tahun Akademik 2011-2012

Page 147: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Lampiran 7.3 Hasil Pengujian Pengisian Data Peserta Kelas

Lampiran 7.3 Hasil Pengujian Pengisian Data Nilai

Page 148: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …

Lampiran 7.4 Hasil Pengujian Perhitungan KHS Atas Nama A Diharto Uleng

Lampiran 7.5 Hasil Pengujian Perhitungan KHS Atas Nama Kurniadi Putra

Page 149: KONSTRUKSI PERANGKAT LUNAK BERBASIS E-SERVICE …