BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

(1)

42

Pada bab ini akan dilakukan rancangan komputerisasi sistem e-learning training karyawan berdasarkan analisa yang diperoleh dari bab-bab sebelumnya sesuai dengan analisa perancangan pemrograman terstruktur. Dalam pembuatan program sistem e-learning training karyawan pada PT. Parastar Sukses Jaya Jakarta penulis menggunakan bahasa pemrograman PHP, dan database menggunakan MySQL. Berikut ini spesifikasi kebutuhan (system requirement) dari sistem e-learning training karyawan yang berbasis web:

Halaman User Non Employee/Pengunjung :

A1. User non employee dapat melihat web e-learning

A2. User non employee dapat melihat modul e-learning

A3. User non employee dapat mengunduh modul e-learning

Halaman Employee :

B1. Employee dapat melakukan Login

B2. Employee dapat melihat modul e-learning

B3. Employee dapat mengunduh modul e-learning

B4. Employee dapat melihat detail modul e-learning

B5. Employee dapat mengikuti pelatihan soal e-learning

B6. Employee dapat melihat nilai e-learning

(2)

uc User Non Employee

user non employee

Masuk ke web

Melihat modul training

Melihat detail modul training Mengunduh modul training «extend» «include» «include» Halaman Admin :

C1. Admin dapat melakukan Login

C2. Admin dapat mengelola modul e-learning

C3. Admin dapat mengelola nilai e-learning karyawan

C4. Admin dapat mengelola data laporan e-learning

C5. Admin dapat mengelola data karyawan

4.1.2. Use Case Diagram

Berikut adalah rancangan Use Case Diagram pada E-learning Training.

1. Use Case Diagram Halaman User Non Employee

Gambar IV.1.

(3)

uc Employee

employee

M asuk ke w eb

M elihat modul training

M elihat detail modul training M engunduh modul

training

Login

Logout

M emilih test modul M engikuti test modul

M engubah profil

karyaw an M enyimpan profil

karyaw an

M elihat nilai test

«extend» «i ncl ude» «i ncl ude» «extend» «extend» «extend» «i ncl ude» «i ncl ude»

«i ncl ude» «i ncl ude»

«i ncl ude»

Requirements A1, A2, A3

Goal User non employee dapat mengunduh modul

e-learning

Pre-Conditions User non employee telah meng-klik modul

e-learning

Post-Conditions System menampilkan modul yang akan diunduh

Failed end condition User non employee memilih login halaman

Primary Actors User Non Employee

Main Flow / Basic patch 1. User non employee memilih modul e-learning

2. System menampilkan modul e-learning 3. User non employee memilih modul 4. User non member memilih download

Invariant A A1. User non employee dapat melihat web e-learning

A2. User non employee dapat melihat modul e-learning

A3. User non employee dapat mengunduh modul e-learning

2. Use Case Diagram Halaman Employee

Gambar IV.2.

(4)

uc admin admin Login Logout M engelola modul e-learning M engelola data employee M engelola nilai e-learning

edit data employee input data employee simpan data employee data admin edit data admin input data admin

simpan data admin

menambahkan modul mengubah modul

menambah nilai mengubah nilai menyimpan nilai

«extend» «i ncl ude»

«i ncl ude» «i ncl ude» «i ncl ude»

«i ncl ude»

«extend» «i ncl ude»

«extend»

«extend» «extend»

«extend»

Deskripsi Use Case Diagram Halaman Employee Table IV.2.

Deskripsi Use Case Diagram Halaman Employee

Use Case Name Employee

Requirements B1, B2, B3, B5

Goal Employee dapat mengikuti pelatihan soal e-learning

Pre-Conditions Employee telah login

Post-Conditions System menampilakan modul pelatihan e-learning

Failed end condition Employee membatalkan Logout. Kemungkinan

employee ingin melihat detail modul e-learning

Primary Actors Employee

Main Flow / Basic patch 1. Employee memilih modul pelatihan e-learning

2. System menampilkan modul pealtihan e-learning 3. Employee melanjutkan.

4. Employee menjawab semua pertanyaan e-learning 5. Employee melihat hasil nilai

6. System menampilkan nilai e-learning yang ada 7. System menampilkan report penilaian e-learning

Invariant A Employee telah login

3. Use Case Diagaram Halaman Admin

Gambar IV.3.

(5)

Requirements

Goal Admin dapat mengelola halaman e-learning

Pre-Conditions Admin telah login

Post-Conditions System menampilkan tampilan halaman admin

Failed end condition Admin membatalkan checkout. Kemungkinan admin

ingin menambah soal atau membatalkan.

Primary Actors Admin

Main Flow / Basic patch 1. Admin memilih icon checkout

2. System menampilkan tampilan halaman admin 3. Admin mengelola halaman admin

4. Admin menambah soal tes. 5. Admin menambah user 6. Admin menambah modul

Invariant A C2. Admin menambahkan modul kemudian memilih

menu “tambah”

C3. System menampilkan form data kategori C4. Admin Memilih tombol “simpan”

C5. System Menyimpan data.

Invariant B C2. Admin memilih data kategori

C3. Admin Memilih tombol ”Hapus”

(6)

act upload file modul

Start

menampilkan data upload file modul

merge

tambah data upload modul edit modul Hapus simpan modul merge Finish add new edit hapus 4.1.3 Activity Diagram

Berikut merupakan gambaran dari Activity Diagram E-learning Training.

1. Activity Diagram Halaman Admin act activ ity diagram halaman admin

start menampilkan halaman admin merge merge merge

pilih halaman beranda menampilkan halaman beranda

pilih halaman berita menampilkan halaman berita

pilih halaman agenda menampilkan halaman agenda

pilih halaman upload

file menampilkan halaman _{upload file}

merge

pilih halaman tutorial _{menampilkan halaman} tutorial

pilih halaman soal online

menampilkan halaman soal online

pilih halaman inbox pesan menampilkan halaman inbox pesan merge merge merge merge Finish Gambar IV.4.

Activity Diagram Halaman Admin

(7)

Gambar IV.6.

Activity Diagram Halaman Tambah Agenda 4. Activity Diagram Halaman Berita

Gambar IV.7.

Activity Diagram Halaman Berita

4.2. Desain Sistem

Dalam membuat sebuah Sistem E-learning training, dibutuhkan tahap desain yang akan menggambarkan design database, desain software architecthure dan desigin interface dari sistem yang akan di buat.

act usecase tambah agenda

Start

tambah agenda

merge

input data agenda baru simpan data agenda baru

edit data agenda simpan data edit agenda

hapus data agenda

merge

Finish add new

edit

hapus

act usecase halaman berita

Start memilih halaman mengelola berita menampilkan halaman mengelola berita merge merge merge menambah berita

tambah kategori berita

update berita

hapus berita

Decision

menyimpan berita

menyimpan kategori berita

menyimpan berita update merge merge Finish add new add new edit hapus Tidak Ya

(8)

4.2.1. Database

Di dalam database terdapat beberapa tabel yang saling berelasi (berhubungan) maka dari itu penulis mencoba menggambarkanya menggunakan ERD (Entity Relationship Diagram). Diagram hubungan entitas merupakan diagram yang berfungsi untuk menggambarkan hubungan antara entitas dalam suatu sistem, dimana diagram menjelaskan hubungan antara entitas yang ada melalui atribut yang dimiliki oleh entitas tersebut. Penggambaran database pada E-learning Training menggunakan Entity Relationship Diagram adalah sebagai berikut:

Gambar IV.8.

(9)

1

M

1

Gambar IV.9.

Logical Relational Structure E-learning Training 2. Spesifikasi File

Dalam database penjualan ini terdapat di dalamnya 10 table. Berikut ini adalah spesifikasinya untuk setiap table :

(10)

1. Spesifikasi file Admin

Nama File : File tbllogin

Akronim : tbllogin.myd

Fungsi : Untuk menyimpan data login

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang record : 172 karakter

Kunci Field : username

Software : mysql

Tabel IV.4. File tbllogin

No Elemen Data Nama Field Tipe Size Keterangan

1 Username Username Varchar 12 Primary key

2 Password Psw Text -

3 Nama Nama Varchar 100

4 Status Status Varchar 50

(11)

Fungsi : Untuk mengelola soal

Tipe File : File master

Media : Hard Disk

Panjang record : 552 karakter

Kunci Field : id_soal

Software : mysql

Tabel IV.5. File tblsoal

1 Id Soal Id_soal Int 10 Primary key

2 No Soal No_soal Int 10

3 Id_matkul Id_matkul Varchar 10

(12)

5 Jawab A Jwb_a Varchar 200

6 Jawab B Jwb_b Varchar 200

7 Jawab C Jwb_c Varchar 200

8 Jawab D Jwb_d Varchar 200

9 Jawab E Jwb_e Varchar 200

10 Kunci Kunci Varchar 2

11 Author Author Varchar 20

3. Spesifikasi File tblmateri

Nama File : File tblmateri

Akronim : tblmateri.myd

Fungsi : Untuk mengelola mata kuliah training

Media : Hard Disk

Kunci Field : id_mk

(13)

2 Semester Semester Int 2

3 Kode Mk Kode_mk Int 10

4 Nama Mk Nama_mk Varchar 200

5 Sks Sks Int 2

6 Id Dosen Id_dosen Int 10

7 Prasyarat Prasyarat Varchar 20

8 Prodi Prodi Varchar 2

4. Spesifikasi File tblhasil

Nama File : File tblhasil

Akronim : tblhasil.myd

Fungsi : Untuk mengelola hasil tes soal

(14)

Kunci Field : id_hasil

Software : mysql

Tabel IV.7. File tblhasil

1 Id Hasil Id_hasil Int 10 Primary key

2 Id Mk Id_mk Int 10

3 No soal No_soal Int 10

4 Username Username Varchar 12

5 Salah Salah Int 5

6 Benar Benar Int 5

7 Hasil Hasil Varchar 5

5. Spesifikasi File tbljawabsoal

Nama File : File tbljawabsoal

Akronim : tbljawabsoal.myd

Fungsi : Untuk mengelola hasil jawaban

(15)

Kunci Field : id_jawaban

Software : mysql

Tabel IV.8. File tbljawabsoal

1 Id Jawaban Id_jawaban Int 10 Primary key

2 Id Soal Id_soal Int 10

3 No soal No_soal Int 10

4 Jawaban Jawaban Varchar 250

5 Kunci Kunci Varchar 5

6. Spesifikasi File tblkategoridownload

Nama File : File tblkategoridownload

Akronim : tblkategoridownload.myd

Fungsi : Untuk mengelola kategori

(16)

Media : Hard Disk

Kunci Field : id_kategori_download

Software : mysql

Tabel IV.9. File tblkategoridownload

1 Id Kategori Jawaban Id_kategori_jawab an Int 3 Primary key 2 Nama Kategori Download Nama_kategori_do wnload Varchar 10

7. Spesifikasi File tbldownload

Nama File : File tbldownload

Akronim : tbldownload.myd

Fungsi : Untuk mengelola modul training

(17)

Kunci Field : id_download

Software : mysql

Tabel IV.10. File tbldownload

1 Id download Id_download Int 5 Primary key

2 Id Kat Id_kat Int 5

3 Judul File Judul_file Varchar 200

4 Nama File Nama_file Varchar 200

5 Tgl Posting Tgl_posting Date

6 Author Author Varchar 20

8. Spesifikasi File tblkategori

Nama File : File tblkategori

Akronim : tblkategori.myd

Fungsi : Untuk mengelola kategori modul

(18)

Media : Hard Disk

Kunci Field : id_kategori

Software : mysql

Tabel IV.11. File tblkategori

1 Id kategori Id_kategori Int 3 Primary key

2 Nama Kategori Nama_kategori Varchar 20

9. Sepsifikasi File tblsoalpolling

Nama File : File tblsoalpolling

Akronim : tblsoalpolling.myd

Fungsi : Untuk mengelola polling

(19)

Kunci Field : id_soal_poll

Software : mysql

Tabel IV.12. File tblsoalpolling

1 Id soal Poll Id_soal_poll Int 3 Primary key

2 Soal Poll Soal_poll Text -

3 Status Status Char 1

10. Sepsifikasi File tblinbox

Nama File : File tblinbox

Akronim : tblinbox.myd

Fungsi : Untuk mengelola inbox

(20)

Media : Hard Disk

Kunci Field : id_inbox

Software : mysql

Tabel IV.13. File tblinbox

1 Id inbox Id_inbox Int 10 Primary key

2 Username Username Varchar 12

3 Tujuan Tujuan Varchar 15

4 Subjek Subjek Varchar 200

5 Pesan Pesan Text

6 Waktu Waktu Varchar 30

7 Status pesan Status_pesan Varchar 1

4.2.2 Software Architecture

Didalam merancang sebuah sistem penjualan secara online pada Nazhira Komputer, Bahasa program yang digunakan penulis adalah PHP secara

terstruktur atau prosedural. Maka Software Architecture yang digunakan untuk

(21)

sistem e-learning training karyawan pada PT. Parastar Sukses Jaya. Component

Diagram juga dapat berupa interface yang berupa kumpulan layanan yang

disediakan oleh komponen untuk komponen lainnya.

Gambar IV.10.

Component Diagram E-learning Training

B. Deployment Diagram

Menggambarkan tata letak sistem secara fisik, yang menampakkan bagian-bagian software yang berjalan pada hardware yang digunakan untuk

(22)

mengimplementasi sebuah sistem dan keterhubungan antar hardware-hardware tersebut.

Gambar IV.11.

Deployment Diagram E-learning Training

4.2.3 User Interface

Merupakan gambaran sistem yang sudah berjalan. Berikut detail tampilan-tampilan tiap halaman e-learning training karyawan pada PT. Parastar Sukses Jaya adalah sebagai berikut :

deployment Deployment Diagram E-learning

Web server FrontPage Aplication Admin Aplication Apache 2 server Jquery.js Style.css Databases server Aplication Database Mysql Database Client PC Browser Port 3306 Port 80

(23)

Gambar IV.12.

Tampilan Halaman E-learning 2. Tampilan Halaman Tes Soal

(24)

Gambar IV.13. Tampilan Halaman Tes Soal

3. Tampilan Halaman Katalog Soal

Gambar IV.14.

Tampilan Halaman Katalog Soal

(25)

Gambar IV.16. Tampilan Halaman Nilai

(26)

Gambar IV.17.

Tampilan Halaman Beranda

7. Tampilan Halaman Admin

Gambar IV.18. Tampilan Halaman Admin 8. Tampilan Halaman Berita

(27)

Gambar IV.20.

Tampilan Halaman Tambah Berita

(28)

Gambar IV.21. Tampilan Halaman Agenda

11. Tampilan Halaman Upload File

Gambar IV.22.

Tampilan Halaman Upload File 12. Tampilan Halaman Inbox Pesan

(29)

Karyawan pada PT. Parastar Sukses Jaya dengan pemograman terstruktur: A. Form Halaman Isi Index

<div id="tengah"> <?php

//Menampilkan Slide Berita Terbaru $nomor=1;

$no=1;

echo"<span class='judulkategori'>Profil Perusahaan</span>"; echo"<div id='slideshow'>"; echo"<div class='slides'><ul>"; foreach($slide_berita->result_array() as $berita) { $isi_berita = substr($berita['isi'],0,400); echo"<li id='slide-$nomor'> <h2><a href='".base_url()."index.php/learning/detailberita/".$berita['id_berita']."'>".$berit a['judul_berita']."</a></h2>

<span>Kategori <b>".$berita['nama_kategori']."</b> - ".$berita['tanggal']." -|- ".$berita['waktu']." WIB</span><p>

".$isi_berita." <b> ....<a

(30)

href='".base_url()."index.php/learning/detailberita/".$berita['id_berita']."'>[Baca Selengkapnya]</a></b></li>";

$nomor++; }

echo" </ul></div><ul class='slides-nav'>"; for($no=1;$no<=10;$no++){ echo"<li><a href='#slide-$no'>$no</a></li>"; } echo"</ul> </div>"; ?><br> </div>

B. Form Halaman Mulai Tes <div id="tengah">

<?php

//Menampilkan Slide Berita Terbaru $nomor=1;

$no=1;

echo"<span class='judulkategori'>Profil Perusahaan</span>"; echo"<div id='slideshow'>";

echo"<div class='slides'><ul>";

(31)

href='".base_url()."index.php/learning/detailberita/".$berita['id_berita']."'>".$berit a['judul_berita']."</a></h2>

<span>Kategori <b>".$berita['nama_kategori']."</b> - ".$berita['tanggal']." -|- ".$berita['waktu']." WIB</span><p> ".$isi_berita." <b> ....<a href='".base_url()."index.php/learning/detailberita/".$berita['id_berita']."'>[Baca Selengkapnya]</a></b></li>"; $nomor++; }

echo" </ul></div><ul class='slides-nav'>"; for($no=1;$no<=10;$no++){ echo"<li><a href='#slide-$no'>$no</a></li>"; } echo"</ul> </div>"; ?><br> </div>

C. Form Halaman Lihat Soal <div id="tengah">

(32)

<?php

$session=isset($_SESSION['username_belajar']) ? $_SESSION['username_belajar']:'';

if($session!=""){ ?>

<h2>Selamat Mengerjakan Tes Soal Online</h2><br />

<table width="600" style="border: 1pt ridge #DDDDDD;" bgcolor="#F2FCFE" cellpadding="2" cellspacing="1" class="widget-small" align="center"><tr><td> Anda berada di : <b><a href="<?php echo base_url(); ?>index.php/tes">Beranda</a></b> >> <b><a href="<?php echo base_url(); ?>index.php/tes/katalogsoal">Katalog Soal</a></b> >> <b> <?php foreach($judul->result() as $jdl) { echo $jdl->nama_mk; } ?> </b><br /> </td></tr></table>

Silahkan pilih salah satu dari beberapa kumpulan soal-soal di bawah ini. Dan jawablah soal-soal yang tersedia dengan baik. Selamat mengerjakan. Salam Sukses...

(33)

$warna="#FFFFFF"; } else{

$warna="#D6F3FF"; }

echo "<tr bgcolor='".$warna."'><td width='20' align='center'>".$nomor."</td><td width='460'><a href='".base_url()."index.php/tes/ikutites/".$kat->id_matkul."/".$kat->no_soal."' onClick=\"return confirm('Anda akan mengikuti tes soal online dengan mata kuliah ".$kat->nama_mk." . Persiapkan diri terlebih dahulu, dan waktu tes akan berjalan secara otomatis.')\">Soal ".$nomor.

“".$kat->nama_mk."</a></td><td><img

src='".base_url()."system/application/views/e-learning/images/bullet.gif'> <a href='".base_url()."index.php/tes/ikutites/".$kat->id_matkul."/".$kat->no_soal."' onClick=\"return confirm('Anda akan mengikuti tes soal online dengan mata kuliah ".$kat->nama_mk." . Persiapkan diri terlebih dahulu, dan waktu tes akan berjalan secara otomatis.')\">[ Ikuti Tes Ini ]</a></td></tr>";

$nomor++; } ?> </table><br /> <tableclass="widget" align="center"><tr><td><?=$paginator;?></td></tr></table><br /><br /><br /> <?php } else{

(34)

?>

</script>

<table height="300" width="600" style="border: 1pt ridge #DDDDDD;" bgcolor="#F2FCFE" cellpadding="2" cellspacing="1" class="widget-small" align="center"><tr><td valign="top">You are not authorised...!!!!!</td></tr></table>

<?php

echo "<meta http-equiv='refresh' content='0; url=".base_url()."index.php/tes'>"; }

?> </div> </div>

D. Form Halaman Lihat Nilai <div id="tengah"> <div id="kiri"> <?php $session=isset($_SESSION['username_belajar'])? $_SESSION['username_belajar']:''; if($session!=""){ ?>

<h2>Selamat Mengerjakan Tes Soal Online</h2><br />

(35)

{ echo $jdl->nama_mk; } ?> </b><br /> </td></tr></table>

Silahkan pilih salah satu dari beberapa kumpulan soal-soal di bawah ini. Dan jawablah soal-soal yang tersedia dengan baik. Selamat mengerjakan. Salam Sukses...

<?php $nomor=$page+1; foreach($query->result() as $kat) { if(($nomor%2)==0){ $warna="#FFFFFF"; } else{ $warna="#D6F3FF";

(36)

}

echo "<tr bgcolor='".$warna."'><td width='20' align='center'>".$nomor."</td><td width='460'><a href='".base_url()."index.php/tes/ikutites/".$kat->id_matkul."/".$kat->no_soal."' onClick=\"return confirm('Anda akan mengikuti tes soal online dengan mata kuliah ".$kat->nama_mk." . Persiapkan diri terlebih dahulu, dan waktu tes akan berjalan secara otomatis.')\">Soal ".$nomor.

" ".$kat->nama_mk."</a></td><td><img src='".base_url()."system/application/views/e-learning/images/bullet.gif'> <a href='".base_url()."index.php/tes/ikutites/".$kat->id_matkul."/".$kat->no_soal."' onClick=\"return confirm('Anda akan mengikuti tes soal online dengan mata kuliah ".$kat->nama_mk." . Persiapkan diri terlebih dahulu, dan waktu tes akan berjalan secara otomatis.')\">[ Ikuti Tes Ini ]</a></td></tr>";

$nomor++; } ?> </table><br /> <table class="widget" align="center"><tr><td><?=$paginator;?></td></tr></table><br /><br /><br /> <?php } else{ ?>

</script>

<table height="300" width="600" style="border: 1pt ridge #DDDDDD;" bgcolor="#F2FCFE" cellpadding="2" cellspacing="1" class="widget-small" align="center"><tr><td valign="top">You are not authorised...!!!!!</td></tr></table>

(37)

</div> </div>

E. Form Halaman Hasil Tes <div id="tengah">

<div id="kiri"><h2>Selamat Mengerjakan Tes Soal Online</h2> <div id="isi"> <?php $benar=0; $salah=0; foreach($hit_hasil->result_array() as $hasil) { $jwb=$jawaban; $id=$hasil["id_soal"]; if($jwb[$id]==$hasil["kunci"]) { $benar++; } else {

(38)

$salah++; }

}

$nilai=sprintf("%2.1f",$benar/$jumlah*100); echo "Mata Kuliah = ".$matkul."<br>"; echo "Benar = ".$benar."<br>";

echo "Salah = ".$salah."<br>";

echo "Jumlah Soal = ".$jumlah." soal<br>"; echo "Nilai = ".$nilai."<br>";

?> </div> </div>

F. Form Halaman Detail Berita <div id="tengah">

<?php

foreach($detail->result_array() as $rows) { $id_berita=$rows['id_berita'];

echo "<table><tr><td valign='top' width='55'><img

src='".base_url()."system/application/views/e-learning/images/det_berita.png'></td><td class='judulberitabesar' valign='middle'>".$rows['judul_berita']."</td></tr></table>";

echo "Kategori <a

href=".base_url()."index.php/learning/katberita/".$rows['id_kategori']."><b>".$ro ws['nama_kategori']."</a></b> | <span class='tanggalberita'>".$rows['tanggal']." - ".$rows['waktu']." WIB</span> | by <em><strong>Admin</strong></em><br>";

(39)

target='_blank'>• Facebook</a> | <a href='http://www.reddit.com/submit?url=" + document.URL + "' target='_blank'>• Reddit</a> | <a href='http://digg.com/submit?url=" + document.URL + "' target='_blank'>• Digg</a>");

</script> <?

$isian=nl2br($rows['isi']);

echo "<br><p><span><img src='".base_url()."system/application/views/e-learning/berita/".$rows['gambar']."' class='image'></span>".$isian."<br><br>"; echo"<span>Share this article on : ";

?>

document.write("<a href='http://twitter.com/home/?status=" + document.URL + "' target='_blank'>• Twitter</a> | <a href='http://www.facebook.com/share.php?u=" + document.URL + "' target='_blank'>• Facebook</a> | <a href='http://www.reddit.com/submit?url=" + document.URL + "' target='_blank'>• Reddit</a> | <a href='http://digg.com/submit?url=" + document.URL + "' target='_blank'>• Digg</a>");

</script> <?php

//Menampilkan 5 Berita Acak

echo"<br>Artikel ini dibaca sebanyak<b> ".$rows['counter']." kali</b><br><span class='berita-lain'><img src='".base_url()."system/application/views/e-learning/images/icon-berita.png'>Baca Juga Berita Lainnya</span>";

(40)

echo"<ul>"; foreach($acak_berita->result_array() as $acak) { echo "<li><a href='".base_url()."index.php/learning/detailberita/".$acak['id_berita']."'>".$acak[' judul_berita']."</a></li>"; } echo"</ul>"; ?>

<span class='berita-lain'>Komentar Untuk Berita Ini</span><br>

<?php

foreach($query->result() as $tampil) {

if($tampil->id_komen_berita==null){

echo "<tr><td>Komentar Masih Kosong!!!</td></tr>"; }

else{

echo "<tr valign='top' align='left'><td width='10'></td><td width='80'>Nama</td><td width='10'>:</td><td><a href='mailto:".$tampil->email."'>".$tampil->nama."</a></td></tr>

<tr valign='top' align='left'><td width='10'></td><td

width='80'>Komentar</td><td>:</td><td>".$tampil->komentar."<br><br></td></tr>"; }

(41)

<div>

<span class='berita-lain'>Berikan Komentar Artikel Ini</span> <?php echo form_open('learning/kirimkomentar'); ?>

<tr align="left" valign="top"><td width="100">Email</td><td>:</td><td><input type="text" name="email" class="textfield" size="30"></td></tr>

<tr align="left" valign="top"><td width="100">Komentar</td><td>:</td><td><textarea name="komentar" class="textfield" cols="40" rows="4"></textarea></td></tr>

<tr align="left" valign="top"><td width="100">Captcha</td><td>:</td><td><input type="text" name="captcha" value="" class="textfield"/></td></tr>

</table> </form>

(42)

<?php } ?> </div> </div>

G. Form Halaman Ganti Password <style> body{ background-image:url(images/bg-body.jpg); background-repeat:repeat-x; background-attachment:fixed; background-position:bottom;

font-family:Arial, Helvetica, sans-serif; font-size:11px; } h2{ font-size:15px; padding:0px; margin:0px; font-weight:bold; color:#666666; }

(43)

font-weight:normal; color:#666666; } .tombol{ background-color:#EEFAFF; border:1px solid #DDDDDD; font-size:11px; color:#666666; font-weight:bold; } .textfield{ background-color:#EEFAFF; -moz-border-radius:4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; font-size:12px; font-family:Arial; }

(44)

</style>

<h2>Ganti Password " <?php echo $nama; ?> "</h2><br />

<form method="post" action="<? echo base_url(); ?>index.php/learning/updatepassword">

<tr><tdwidth="150"><h3>Username</h3></td><td

width="10">:</td><td><input type="text" name="username" readonly="readonly" value="<? echo $nim; ?>" class="textfield" size="30"></td></tr>

<tr><td width="150"><h3>Password Lama</h3></td><td width="10">:</td><td><input type="password" name="pwd_lama" class="textfield" size="30"></td></tr>

<tr><td width="150"><h3>Password Baru</h3></td><td width="10">:</td><td><input type="password" name="pwd" class="textfield" size="30"></td></tr>

</table></form>

H. Form Halaman Tambah Agenda

<div id="bg-isi"><h2>Module Agenda - E-Learning Training Center</h2><br /> <a href="<?php echo base_url(); ?>index.php/admin/tambahagenda"><div class="pagingpage"><b> + Tambah Agenda </b></div><br /><br /></a>

<?php echo form_open_multipart('admin/simpanagenda');?>

<tr><td width="150" valign="top">Isi</td><td width="10" valign="top">:</td><td><textarea name="isi" cols="60" rows="15"

(45)

$psh=explode("-",$wkt_skr); $tgl_skr=$psh[0];

$bln_skr=$psh[1]; $thn_skr=$psh[2];

echo "<select name='tgl_mulai'>"; for($i=1;$i<32;$i++)

{

if($tgl_skr==$i){

echo "<option selected>".$i."</option>"; } else{ echo "<option>".$i."</option>"; } } echo "</select> - ";

echo "<select name='bln_mulai'>"; for($i=1;$i<13;$i++)

{

(46)

echo "<select name='thn_mulai'>"; for($i=$thn_skr-2;$i<=$thn_skr+2;$i++) {

if($thn_skr==$i){

echo "<option selected>".$i."</option>"; } else{ echo "<option>".$i."</option>"; } } echo "</select>"; ?> </td></tr> <tr><td width="150">Selesai</td><td width="10">:</td><td> <?php $psh=array();

(47)

echo "<select name='tgl_selesai'>"; for($i=1;$i<32;$i++)

{

if($tgl_skr==$i){

echo "<select name='bln_selesai'>"; for($i=1;$i<13;$i++)

{

if($bln_skr==$i){

echo "<option selected>".$i."</option>"; }

else{

(48)

} }

echo "</select> - ";

echo "<select name='thn_selesai'>"; for($i=$thn_skr-2;$i<=$thn_skr+2;$i++) {

if($thn_skr==$i){

echo "<option selected>".$i."</option>"; } else{ echo "<option>".$i."</option>"; } } echo "</select>"; ?> </td></tr>

<tr><td width="150">Tempat</td><td width="10">:</td><td><input type="text" name="tempat" class="textfield" size="80"></td></tr>

<tr><td width="150">Waktu Kegiatan</td><td width="10">:</td><td><input type="text" name="jam" class="textfield" size="80"></td></tr>

<tr><td width="150" valign="top">Keterangan</td><td width="10" valign="top">:</td><td><textarea name="keterangan" cols="60" rows="5" class="textfield"></textarea></td></tr>

(49)

I. Form Halaman Edit Pengumuman

<div id="kiri"><h2>Module Editor Pengumuman</h2> <div id="isi">

<br>

<table width="610" style="border: 1pt ridge #cccccc;" cellpadding="2" cellspacing="1" class="widget-small"> <?php echo form_open_multipart('dosen/updatepengumuman');?> <?php foreach($kategori->result_array() as $k) { $judul=$k["judul_pengumuman"]; $isi=$k["isi"]; $id=$k["id_pengumuman"]; } ?>

<tr><td width="150">Judul</td><td width="10">:</td><td><input type="text" name="judul" class="textfield" size="80" value="<?php echo $judul; ?>"></td></tr>

<tr><td width="150" valign="top"></td><td width="10" valign="top"></td><td><input type="submit" value="Update Pengumuman"

(50)

class="tombol"><input type="hidden" name="id_pengumuman" value="<?php echo $id; ?>" /></td></tr> </form> </table> </div> </div> 4.4 Testing

Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan ketika sudah dikirimkan ke user. Perubahannya bisa terjadi karena adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru.

4.4.1 Pengujian Unit

Pengujian program yang dibuat menggunakan blackbox testing yang fokus terhadap proses masukan dan keluaran program.

(51)

1 tidak diisi kemudian klik tombol login (kosong) Password : (kosong) user dan menampilkan “data login invalid” Sesuai Harapan Valid 2 Mengetikan username dan password tidak diisi atau kosong kemudian klik tombol login username : admin Password : (kosong) Sistem akan menolak akses user dan menampilkan “data login invalid” Sesuai Harapan Valid 3 username tidak diisi (kosong) dan Password diisi kemudian klik tombol login username : (kosong) Password : admin Sistem akan menolak akses user dan menampilkan “data login invalid” Sesuai Harapan Valid 4 Mengetikan salah satu kondisi salah pada username atau password kemudian klik tombol login username : admin (benar) Password : endang (salah) Sistem akan menolak akses user dan menampilkan “data login invalid” Sesuai Harapan Valid 5 Mengetikan _username dan password username : admin Password : Sistem menerima akses login dan

Sesuai

(52)

B. Pengujian blackbox testing terhadap halaman Login Karyawan

Tabel .IV.15. Hasil Pengujian Black Box testing Halaman Login Employee No Skenario

Pengujian Test Case

Hasil yang diharapkan Hasil Pengujian Kesimpulan 1 User id dan password tidak diisi kemudian klik tombol login User id : (kosong) Password : (kosong) Sistem akan menolak akses user dan menampilkan “data login gagal” Sesuai Harapan Valid 2 Mengetikan user id dan password tidak diisi atau kosong kemudian klik tombol login User id : rizal Password : (kosong) Sistem akan menolak akses user dan menampilkan “data login gagal” Sesuai Harapan Valid 3 User id tidak diisi (kosong) dan Password diisi kemudian klik tombol login User id : (kosong) Password : 12345 Sistem akan menolak akses user dan menampilkan “data login gagal” Sesuai Harapan Valid 4 Mengetikan salah satu kondisi salah pada user id atau password User id : rizal (benar) Password : endang (salah) Sistem akan menolak akses user dan menampilkan “data login Sesuai Harapan Valid dengan data yang benar kemudian klik tombol login admin kemudian langsung menampilkan menu utama adminstrator

(53)

5 dengan data yang benar kemudian klik tombol login rizalPassword : 12345 dan kemudian langsung menampilkan menu utama halaman home Sesuai Harapan Valid 4.5 Support

Menjelaskan tentang publikasi web dan spesifikasi hardware dan software yang akan digunakan untuk menjalankan sistem yang dibuat. Dalam pembuatan aplikasi sistem e-learning training karyawan ini akan membantu admin untuk mengelola data-data training dan membuat laporan training, untuk itu penulis menggunakan program PHP untuk membuat aplikasi. Untuk mengoperasikan program tersebut diperlukan spesifikasi komputer yang cukup tinggi dan untuk mendukung pembuatan aplikasi kebutuhan hardware yang diperlukan meliputi :

processor, memory, hard disk, keyboard, mouse sedangkan untuk kebutuhan software yang diperlukan meliputi sistem operasi software program PHP dan software database MySql.

4.5.1. Publikasi Web

Pada pembuatan skripsi ini penulis membuat program berbasis web yang mana program harus benar-benar secara online. Untuk itu penulis harus

(54)

mempersiapkan segala sesuatunya guna memenuhi syarat yang sudah ditentukan. Penulis sudah melakukan penyewaan domain dan hosting secara online beserta analisa biaya. Biaya yang digunakan penulis untuk melakukan penyewaan domain dan hosting secara online.

Tabel IV.16. Rincian Publikasi Web

Domain tehu.pe.hu

Periode Pendaftaran 2 Tahun

Disk Space 1 GB

Jumlah Free

Lokasi Server Indonesia

Jumlah -

Alamat IP Server 31.170.164.243

4.5.2. Spesifikasi Hardware dan Software

Selain biaya yang dikeluarkan dalam penulisan skripsi ini yaitu adalah penjelasan tentang spesifikasi hardware dan software yang digunakan. Kebutuhan

hardware tersebut meliputi: Processor, Memory, monitor, Hard disk, Keyboard, mouse dan printer. Kebutuhan Software tersebut meliputi : Sistem Operasi, Software aplikasi dan software.

Tabel IV.17.

Spesifikasi Hardware Dan Software Kebutuhan Keterangan

(55)

Monitor SVGA 14”

Keyboard 108 Key

Printer Epson LQ 2190

Mouse Standart

Browser Mozilla Firefox, Google chrome, Internet Explorer

Software Dreamweaver, Apache2triad

4.6 Spesifikasi Dokumen Sistem Usulan

Adapun bentuk sistem usulan PT. Parastar Sukses Jaya adalah :

a. Nama Dokumen : Form Nilai Hasil Tes Soal Online

Fungsi : Sebagai Data Nilai Peserta

Sumber : Admin

Tujuan : Karyawan

Media : Layar Monitor

Frekuensi : Setiap ada tes soal online

(56)

b. Nama Dokumen : Laporan Data Katalog Materi Soal

Fungsi : Sebagai Laporan Data Katalog Materi

Sumber : Admin

Tujuan : Pimpinan

Media : Cetakan Komputer

Frekuensi : Setiap bulan