BAB IV IMPLEMENTASI DAN PENGUJIAN

(1)

4.1 Implementasi

Implementasi merupakan tahapan setelah melakukan analisis dan perancangan sistem, dimana aplikasi siap dioperasikan pada keadaan sebenarnya sehingga dari sini akan diketahui apakah program atau aplikasi atau sistem yang telah di buat benar-benar dapat menghasilkan output yang diinginkan.

4.1.1. Lingkungan Pengembangan

Aplikasi ini dikembangkan dengan spesifikasi perangkat keras dan perangkat lunak sebagai berikut :

1. Laptop Asus Eee PC SeaShell series 2. Processor AMD C-60 APU with Radeon™

3. Memori RAM 2 GB 1.0 GHz

4. VGA AMD Radeon HD 6290 939MB 5. HDD 250GB

6. System Operasi Windows 7 Ultimate 64-bit 7. Microsoft Visual Studio 2010

8. ASP.Net

9. Google Chrome

4.2 Implementasi .Net Framework (4.0 version)

Dalam tahapan implementasi pada web menggunakan framework 4.0 .Net yang bekerja memudahkan pengembangan dan eksekusi berbagai macam bahasa pemrograman dan kumpulan library agar dapat bekerja sama dalam menjalankan aplikasi berbasis Windows. Umumnya computer hanya memiliki satu bahasa yaitu (assembly), maka ketika user mendeveloped sebuah aplikasi dengan bahasa .Net

(2)

komputer tidak akan memahami bahasa tersebut. Oleh sebab itu diperlukan sebuah perangkat lunak sebagai penerjemah agar bisa menjalankannya. Tidak heran beberapa perangkat lunak tidak bisa berjalan dengan baik (error) pada sebuah komputer jika bahasa yang digunakannya berbeda. Maka dari itu fungsi .NET framework sebagai penerjemah bahasa dan mengeksekusi perangkat lunak agar dapat dijalankan.

4.3 Impelementasi Kode Pemrograman

Setelah aplikasi selesai dibangun maka aplikasi dapat dijalankan dengan beberapa langkah sebagai berikut :

4.3.1 Tampilan Halaman Login

Gambar 4.1 Tampilan Halaman Login

Berdasarkan gambar diatas tampilan login hanya muncul saat aplikasi pertama kali dijalankan.

(3)

4.3.2 Tampilan Halaman Histori Data

Gambar 4.2 Tampilan Halaman Histori Data

Berdasarkan gambar diatas adalah halaman histori data setelah member atau operator melakukan login, maka akan menuju ke halaman histori data berisi daftar atau jumlah data yang telah diproses dan hyperlink menuju halaman detail data dari masing-masing jenis data.

4.3.3 Tampilan Halaman Detail Data

Gambar 4.3 Tampilan Halaman Detail Data

Berdasarkan gambar diatas adalah halaman detail data, halaman ini akan muncul setelah member atau operator memilih jenis data.

(4)

4.3.4 Tampilan Halaman Input Data Baru

Gambar 4.4 Tampilan Input Data Baru

Berdasarkan gambar diatas adalah halaman input data baru, halaman ini muncul setelah user atau member memilih tambah data.

4.3.5 Tampilan Halaman Laporan Status Data

Gambar 4.5 Tampilan Halaman Report Data

(5)

Berdasarkan gambar diatas adalah halaman input data baru, halaman ini muncul setelah user atau member selesai menginput isi data dan melihat laporan status data tersebut.

4.3.6 Fungsi ceklogin()

Fungsi ceklogin() merupakan fungsi yang digunakan pada aplikasi untuk melakukan validasi username dan password user. Apabila user berhasil login maka data akan disimpan di local storage agar suatu waktu dapat digunakan kembali tanpa harus melakukan pengetikan kembali.

Kode 4.1 Kode Lengkap Fungsi Cek Login

db = newdbHandler();

db.setDBConnectionString();

string qry = "SELECT USERNAME, PASSWORD FROM USERS where USERNAME ='" + TxtUsername.Text + "' AND PASSWORD ='" + TxtPass.Text + "'";

DataTable dt = db.GetData(qry);

Response.Write(dt.Rows.Count);

if (dt.Rows.Count > 0) {

foreach (DataRow data in dt.Rows) {

Session["USERNAME"] = data["USERNAME"].ToString();

Session["PASSWORD"] = data["PASSWORD"].ToString();

Response.Redirect("~/Default.aspx");

} } }

catch (Exception ex) {

//Response.Write(ex.ToString());

}

Page.ClientScript.RegisterStartupScript(this.GetType(),

"alert", "javascript: alert('Check your username and password');", true);

} }

4.3.7 Fungsi getData ()

Fungsi getData() merupakan fungsi yang digunakan pada aplikasi untuk melakukan pengambilan data dari hasil input user data entri yang berada di server.

Jika tidak ada data maka halaman histori data adalah kosong. Pada fungsi ini penulis hanya mengambil sampel pada data Well Report.

(6)

Kode 4.2 Kode Lengkap Fungsi Get Data Pada Data Report

namespace PROJECT_REMASTERING {

publicpartialclassWelcome : System.Web.UI.Page {

dbHandler db;

DataTable dt;

DataTable dtreport;

protectedvoid Page_Load(object sender, EventArgs e) {

wellReport();

//***get datatable view well report***

privateDataTable getdtWellReport() {

db = newdbHandler();

db.setDBConnectionString();

string qrydt = "SELECT * FROM WELL_REPORT";

dtreport = newDataTable();

dtreport = db.GetData(qrydt);

return dtreport;

}

privatevoid wellReport() {

dtreport = newDataTable();

dtreport = getdtWellReport();

LblWellReport.Text = dtreport.Rows.Count.ToString();

}

4.3.8 Fungsi Input Data ()

Fungsi input data merupakan fungsi yang digunakan pada aplikasi untuk melakukan penambahan data ke dalam database setiap informasi dari isi data-data tersebut. Pada fungsi ini penulis hanya mengambil sampel pada data Well Report.

Kode 4.3 Kode Lengkap Fungsi Input Data

<scripttype="text/javascript">

function openPopup() {

url = 'ViewMetacatEntryWR.aspx';

title = 'Information';

w = '650';

h = '450';

var left = (screen.width / 2) - (w / 2);

var top = (screen.height / 2) - (h / 2);

return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

}

(7)

title = 'Information';

w = '650';

h = '450';

var left = (screen.width / 2) - (w / 2);

var top = (screen.height / 2) - (h / 2);

return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

}

function POPUP() {

window.open("EntryWellReportNew.aspx");

4.4 Pengujian

Agar hasil implementasi benar-benar memenuhi kebutuhan maka dilakukan pengujian terhadap system. Pengujian ini dilakukan dengan metode pengujian black box yang berfokus pada persyaratan fungsional aplikasi berbasis web.

4.4.1. Rencana pengujian Black Box

Metode yang diambil adalah metode pengujian Black Box. Pengujian Black Box adalah pengujian systemnya tanpa memperhatikan struktur logika internal perangkat lunak. Metode ini digunakan untuk mengetahui apakah perangkat lunak berfungsi dengan benar. Berikut ini adalah rencana pengujian yang dilakukan dengan menggunakan metode black box :

Tabel 4.1 Tabel Skenario Pengujian Aplikasi Monitoring Report Remastering dan Digitasi

Item Uji Sifat Pengujian Hasil yang diharapkan Login Normal Pengguna mengisi form

login Menampilkan halaman

histori tiket

Histori data Normal Tampilkan daftar data user Aplikasi menampilkan daftar data pengguna Detail data Normal Pengguna memilih data Aplikasi menampilkan

detail data Data baru Normal Pengguna memilih tambah

data baru Aplikasi menampilkan

halaman buat data baru Data baru Normal Pengguna memilih cari

data Aplikasi menampilkan

metacat entry data Data baru Normal Pengguna memilih submit Aplikasi menampilkan

(8)

Report data Normal Pengguna memilih Excel Aplikasi menampilkan laporan format Excel Report data Normal Pengguna memilih Word Aplikasi menampilkan

laporan format Word Report data Normal Pengguna memilih Cetak

All Aplikasi menampilkan

laporan secara keseluruhan Logout Normal Pengguna memilih menu

logout Menghapus local

storage dan keluar aplikasi kembali ke halaman login

Tabel 4.2 Tabel Hasil Pengujian Aplikasi Monitoring Report Remastering dan Digitasi

Skenario Sifat Pengujian Hasil yang di

inginkan Hasil pengujian yang sesuai

Hasil

pengujian yang tidak sesuai

Status akhir Login Normal Pengguna

mengisi form login

Menampilkan halaman login

Dapat

menampilkan halaman login

Sukses

Tidak

normal Pengguna salah memasukka n login

Tidak dapat menampilkan halaman login

Tidak sukses

Histori

Data Normal Tampilkan daftar data user

Aplikasi menampilkan daftar data pengguna

Sukses

Histori

data Tidak

Normal Tampilkan daftar data user

Aplikasi tidak

menampilkan daftar data pengguna

Aplikasi tidak menampilkan daftar data pengguna

Tidak sukses

Detail

Data Normal Pengguna memilih data

Aplikasi menampilka detail data

Sukses

(9)

Tidak

normal Pengguna memilih data

Aplikasi tidak dapat menampilkan detail data

Aplikasi tidak dapat

menampilkan detail data

Tidak Sukses

Data

baru Normal Pengguna memilih menu data baru

Aplikasi dapat

menampilkan halaman data baru

Aplikasi dapat

Sukses

Tidak

normal Pengguna memilih menu data baru

Aplikasi tidak dapat menampilkan halaman data baru

Tidak Sukses

Data

baru Normal Pengguna memilih cari data

Aplikasi dapat

menampilkan halaman metacat entry

Aplikasi dapat

Sukses

Tidak

normal Pengguna memilih cari data

Aplikasi tidak dapat menampilkan halaman metacat entry

Tidak Sukses

Data

baru Normal Pengguna memilih submit form

Aplikasi dapat

menampilkan pemberitahua n

Aplikasi dapat

menampilkan pemberitahua n

Sukses

Tidak

normal Pengguna memilih submit form

Aplikasi tidak dapat menampilkan pemberitahua n

menampilkan pemberitahuan

Tidak Sukses

Report

Data Normal Pengguna memilih Excel

Aplikasi dapat

menampilkan laporan format Excel

Aplikasi dapat

Sukses

Tidak

normal Pengguna memilih Excel

Aplikasi tidak dapat menampilkan laporan format Excel

Tidak Sukses

(10)

Report

Data Normal Pengguna memilih Word

Aplikasi dapat

menampilkan laporan format Word

Aplikasi dapat

Sukses

Tidak

normal Pengguna memilih Word

Aplikasi tidak dapat menampilkan laporan format Word

Tidak Sukses

Report

Data Normal Pengguna memilih Cetak All

Aplikasi dapat

menampilkan laporan keseluruhan

Aplikasi dapat

Sukses

Tidak

normal Pengguna memilih Cetak All

Aplikasi tidak dapat menampilkan laporan keseluruhan

Tidak Sukses

Logout Normal Pengguna memilih menu logout

Menghapus local storage dan keluar aplikasi kembali ke halaman login

Sukses

Tidak

normal Pengguna memilih menu logout

Tidak dapat menghapus ke local storage dan keluar aplikasi kembali ke halaman login

Tidak Sukses