implementasi dan pengujian model responsive website …

Prosiding Seminar Nasional ASBIS 2017

Politeknik Negeri Banjarmasin

ISSN Cetak : 2541-6014 ISSN Online : 2541-6022 Hak Penerbitan Politeknik Negeri Banjarmasin

537

IMPLEMENTASI DAN PENGUJIAN MODEL RESPONSIVE

WEBSITE OBJEK WISATA PROVINSI SULAWESI UTARA

Yonatan Parassa1, Max U. Pesik2, Ronny Mantala3 Politeknik Negeri Manado1,2

[email protected], [email protected]

Politeknik Negeri Banjarmasin3

[email protected]

ABSTRAK

Besarnya sumber daya yang harus dikeluarkan akibat gagalnya perangkat lunak telah

menjadi fenomena yang harus diperhatikan oleh para pengembang perangkat lunak. Kegagalan tersebut diantaranya minimnya pemanfaatan tools yang sesuai standar industri

pengembangan perangkat lunak dan teknik pengujian yang tidak menggunakan dan

menjalankan metode pengujian perangkat lunak dengan benar.

Penelitian ini bertujuan untuk melakukan implementasi dan pengujian perangkat lunak dalam hal ini website dengan studi kasus model website objek wisata Provinsi Sulawesi

Utara dengan menggunakan php framework bootstrap dan pengujian menggunakan metode

black box, dengan metode penelitian menggunakan metode pengembangan sistem waterfall dan untuk pengambilan data menggunakan teknik obsevasi, wawancara dan

literatur.

Hasil dari penelitian ini adalah model perangkat lunak website objek wisata provinsi sulawesi utara yang dibangun menggunakan php frame work dan teknologi bootstrap

sehingga dalam penulisan kode program membutuhkan waktu yang lebih singkat dan

menjadikan web yang dihasilkan lebih responsive untuk menampilkan informasi yang lebih

efektif dan efisien bagi pengguna. Tahapan pengujian menggunakan metode pengujian black box pada perangkat lunak sehingga efek kegagalan lunak dapat ditekan.

Rekomendasi dari penelitian ini adalah pada tahapan Implementasi menggunakan

framework sehingga dalam tahapan penulisan kode dapat dilakukan dengan efisien, sedangkan pada tahapan pengujian perangkat lunak hendaknya mengikuti tahapan dan

prosedur yang telah ditetapkan dan menggunakan metode yang telah teruji diantaranya

adalah black box, sehingga perangkat lunak yang dihasilkan tidak kemudian menjadi gagal tetapi dapat diimplementasikan dengan baik.

Kata kunci : Implementasi, pengujian, framework, bootstrap, website

ABSTRACT

The amount of resources that must be incurred as a result of software failure has become a phenomenon that software developers must pay attention to. Such failures include the lack

of utilization of appropriate tools of software industry development standards and testing

techniques that do not use and run software testing methods correctly. This study aims to perform the implementation and testing of software in this case website

with case study model website of tourist object of North Sulawesi Province by using php

framework bootstrap and testing using black box method, with research method using

waterfall system development method and for data retrieval using technique obsevation, interviews and literature.

The result of this research is software model of website of sulawesi north province tourist

attraction which is built using php frame work and bootstrap technology so that in writing

mailto:[email protected]






538

program code takes a shorter time and make web generated more responsive to display

information more effective and efficient for user . Stages of testing using black box testing

method on the software so that the effect of soft failure can be suppressed. The

recommendation of this research is in the Implementation stage using the framework so

that in the stages of writing the code can be done efficiently, while in the testing phase the

software should follow the stages and procedures that have been established and use

methods that have been tested such as black box, so the resulting software not then to fail

but can be implemented properly.

Keywords: Implementation, testing, framework, bootstrap, website

PENDAHULUAN

Implementasi sistem adalah salah satu tahapan dari pembangunan sistem

perangkat lunak, dimana ada tahapan ini pengembang sistem memasuki tahap

penulisan kode program yang menuliskan kode program berdasarkan hasil analisa

dan perancangan sistem yang telah dilakukan terdahulu menggunakan beberapa

perangkat pemodelan. Penulisan kode program sejatinya harus menggunakan

metode yang tepat diikuti dengan melakukan tahapan pengujian sistem terhadap

kode yang telah ditulis untuk memastikan bahwa perangkat lunak berjalan dengan

benar.

Beberapa perangkat lunak yang telah dibuat menjadi gagal terjadi karena

dalam tahap pembangunan perangkat lunak yang telah berjalan dengan benar tetapi

pada tahapan implementasi dan pengujian sistem tidak dilakukan dengan benar.

Penelitian ini adalah penelitian mengenai implementasi dan pengujian model

website studi studi kasus pada model website objek wisata Provinsi Sulawesi Utara.

Tahapan implementasi harus dilakukan dengan metode yang tepat sesuai

dengan rencana dan tujuan pembangunan sistem. Tahapan implementasi

dipersiapkan berdasarkan tahapan sebelumnya pada pengembangan sistem yaitu

pada perencanaan, analisa dan perancangan. Implementasi sistem dilakukan dengan

melibatkan personal-personal implementasi sistem yang memiliki kompetensi

untuk menerjemahkan analisa dan model yang telah dirancang sebelumnya.

Penulisan kode merupakan tahapan yang tidak bisa tidak harus dilakukan dalam

pembangunan sistem yang melibatkan perangkat lunak. Pada tahapan ini

dillakukan penulisan kode program berdasarkan model yang telah ditetapkan.

Tahapan penulisan kode bisa menjadi lama dan tidak efisien bila dilakukan dengan

cara konvensional. Beberapa pengembang perangkat lunak mengembangkan tools

untuk kebutuhan tersebut, dimana penulisan kode dapat dilakukan secara efisien

diantaranya dengan menggunakan framework.

Framework adalah kumpulan perintah atau fungsi dasar yang membentuk

aturan-aturan tertentu dan saling berinteraksi satu sama lain sehingga dalam

pembuatan aplikasi website. (wardana, 2010).

Responsive desain adalah metode untuk mengambil seluruh konten pada

laman website dan melakukan optimasi untuk menampilkan pada perangkat yang

digunakan untuk mengakses laman website. (Spurlock Jack, 2013)




539

Pengujian sistem merupakan tahapan selanjutnya setelah melakukan

penulisan kode program dimana pada tahapan ini, kode program diuji untuk

memenuhi perencanaan dan tujuan pembangunan sistem.

Penelitian terdahulu dilakukan oleh peneliti Suhartanto pada Jurnal Speed

sentra penelitian Engineering dan edukasi Volume 4 Nomor 1 tahun 2012, dengan

judul Pembuatan website sekolah menengah pertama negeri 3 Delanggu dengan

menggunakan PHP dan MySql yang Menyajikan Website yang Dinamis untuk

Sekolah, yang menghasilkan website profile sekolah. (Suhartanto, M, 2012)

Peneliti Reza, F. (2015). Prototype Web Responsive Design Pada Uin Syarif

Hidayatullah Jakarta Menggunakan Framework Bootstrap. Yang menghasilkan

webbsite Universitas Islam indonesia Syarif Hidyatullah Jakarta yang mengadopsi

teknologi responsive web design. Sehingga bisa beradaptasi pada setiap ukuran

resolusi layar yang berbeda-beda baik dengan perangkat mobile maupun desktop,

yang menggunakan framework pada tahap implementasi sistem. (Reza, F, 2015)

Peneliti Parassa Y, dalam prosiding seminar nasional sistem informasi

indonesia sesindo 2013, dengan judul Sistem informasi berbasis web dalam

pengendalian masalah kesehatan pada dinas kesehatan provinsi sulawesi utara.

Hasil yang diperoleh adalah Aplikasi pengolahan data pengendalian masalah

kesehatan dapat menghasilkan laporan-laporan dengan lebih cepat dan akurat

dibandingkan dengan pengolahan data yang menggunakan aplikasi perkantoran

umum yang dibangun dengan meggunakan PHP, yang menggunakan metode

pengujian blackbox pada tahapan pengujian sistem. (Parassa, Y, 2013)

Implementasi sistem adalah suatu proses untuk menempatkan dan

menerapkan informasi baru kedalam operasi (Whitten, Bentley dan Barlow, 1993)

Implementasi dan Unit Testing merupakan tahap perealisasian perancangan

sistem kedalam kumpulan program atau unit program. Setiap unit program akan

ditesting untuk memastikan bahwa fungsi unit tersebut sesuai dengan spesifikasinya

(Ian Sommerville 2011, 31)

Pengujian perangkat lunak adalah elemen kritis dari jaminan kualitas

perangkat lunak dan merepresentasikan kajian pokok dari spesifikasi, desain, dan

pengkodean. Sejumlah aturan yang berfungsi sebagai sasaran pengujian pada

perangkat lunak adalah (Sukamto, 2009): 1) Pengujian adalah proses eksekusi suatu

program dengan maksud menemukan kesalahan. 2) Test case yang baik adalah test

case yang memiliki probabilitas tinggi untuk menemukan kesalahan yang belum

pernah ditemukan sebelumnya. 3) Pengujian yang sukses adalah pengujian yang

mengungkap semua kesalahan yang belum pernah ditemukan sebelumnya.

METODE PENELITIAN

Metode Pengumpulan data

Tim peneliti pada penelitian menggunakan beberapa metode dalam

pengumpulan data, yaitu: 1). Metode observasi merupakan teknik atau pendekatan

untuk mendapatkan data primer dengan cara mengamati langsung objek datanya.

(Jogiyanto, 2007: 89) 2). metode wawancara adalah komunikasi dua arah untuk




540

mendapatkan data dari responden. (Jogiyanto, 2007: 93). 3). Studi pustaka

dilakukan untuk memperkaya pengetahuan mengenai berbagai konsep yang akan

digunakan sebagai dasar atau pedoman dalam proses penelitian. Studi pustaka

dalam teknik pengumpulan data ini merupakan jenis data sekunder yang digunakan

untuk membantu proses penelitian, yaitu dengan mengumpulkan informasi yang

terdapat dalam artikel surat kabar, buku-buku, maupun karya ilmiah pada penelitian

sebelumnya. (Martono 2011: 97)

Metode Pengembangan Sistem

Penelitian ini adalah penelitian pengembangan sistem dengan menggunakan

metode waterfall (Ian Sommerville 2011, 30) seperti gambar berikut :

Gambar 1. Metode Waterfall

Penelitian ini fokus pada tahapan implementasi dan unit testing. Tahapan

sebelumnya yaitu tahapan definisi kebutuhan sistem, perancangan sistem telah

dilakukan oleh peneliti Parassa, Y, 2017, pada International Journal of Computer

Applications dengan judul Analysis of Tourist Information System Model in North

Sulawesi Province, dimana hasil penelitian ini adalah model perancangan sistem

yang dapat diimplementasikan pada pengembangan perangkat lunak. Metode

pengumpulan data dilakukan dengan melakukan observasi, wawancara dan

penelitian literatur

Implementasi sistem

Menuliskan kode program dengan metode framework pada pemograman web

memiliki banyak manfaat sehingga penulisan kode program dapat berjalan secara

efektif dan efisien.

Bootsrap adalah frame work yang digunakan untuk mempercepat pembuatan

laman website, karena bootsrap sudah menyediakan fitur yang siap pakai dan

mudah untuk dikembangkan. Selain itu keuntungan menggunakan bootstrap adalah

sifatnya yang responsive dimana laman website menjadi fleksibel bagi semua

perangkat yang digunakan untuk mengakses laman website. Desain wabsite dapat

mengukuti ukuran layar perangkat, sehingga konten yang disajikan dapat lebih

efektif untuk dilihat dan baca oleh pengunjung.




541

Bootsrap adalah perangkat lunak yang bersifat open-source yang

dikembangkan oleh Mark Otto dan Jacob Thornton pada tahun 2011. Bootstrap

dikembangkan dengan tujuan untuk membantu developer dalam membangun front-

end website secara cepat dan efisien (Cochran, 2012).

Pengujian sistem

Menurut Shalahuddin dan Rosa (2011), black box testing adalah menguji

perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode

program. Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi,

masukan, dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang

dibutuhkan. Pengujian kotak hitam dilakukan dengan membuat kasus uji yang

bersifat mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai

dengan spesifikasi yang dibutuhkan. Kasus uji yang dibuat untuk melakukan

pengujian black box testing harus dibuat dengan kasus benar dan kasus salah.

Menurut Pressman (2010), black box testing juga disebut pengujian tingkah

laku, memusat pada kebutuhan fungsional perangkat lunak. Teknik pengujian black

box memungkinkan memperoleh serangkaian kondisi masukan yang sepenuhnya

menggunakan semua persyaratan fungsional untuk suatu program. Beberapa jenis

kesalahan yang dapat diidentifikasi adalah fungsi tidak benar atau hilang, kesalahan

antar muka, kesalahan pada struktur data (pengaksesan basis data), kesalahan

performasi, kesalahan inisialisasi dan akhir program.

HASIL DAN PEMBAHASAN

Tulisan ini memaparkan bagaimana melakukan tahapan implementasi dengan

metode framework bootstrap, sehingga penulisan kode program dapat dilakukan

dengan waktu sedikit lebih cepat.

Gambar 1. Laman Awal




542

Elemen-elemen yang biasa ada dalam sebuah website pada umumnya sudah

dibuatkan class-nya oleh bootstrap, tinggal memanggil elemen tersebut tanpa perlu

menuliskan kode yang sama berulang kali.

Gambar 2. Laman Web Kota Manado

Pada gambar sebelumnya dapat dillihat bahwa elemen-elemen yang sama

digunakan lagi pada gambar berikut

Gambar 3. Laman Web Kota Kotamobagu




543

Dengan menggunakan Bootstrap, maka website yang dibangun dapat

direspon/ditampilkan di berbagai macam browser dengan baik, beberapa browser-

browser tersebut yang mendukung hasil tampilan dari fromewok ini antara lain

adalah Google Chrome, Mozilla Firefox, Opera, Safari, dan lain sebagainya,

sehingga dapat memudahkan pengguna ketika mengakses lama website. Dengan

menggunakan Bootstrap, Fitur responsif Bootstrap membuat halaman web tampil

lebih baik pada perangkat dan resolusi layar yang berbeda tanpa adanya perubahan

markup.

Pengujian menggunakan metode black box adalah metode pengujian dengan

menguji fungionalitas sistem. Berikut ini adalah contoh tabel pengujian yang

digunakan dalam penelitian ini:

Tabel 1 : Pengujian sistem dengan metode black box

Data masukan Yang diharapkan Pengamatan Kesimpulan

Tambah Data

Data masuk pada

server

database

Data masuk pada

server

database

[ √ ] diterima

[ ] ditolak

Ubah Data

Data dapat diubah dan

data

pada server database

teredit

Data dapat diubah dan

data

pada server database

teredit

[√ ] diterima

[ ] ditolak

Hapus data

Tampilan data pada

form

data dan server

database

terhapus

Tampilan data pada

form

data dan server

database

terhapus

[√] diterima

[ ] ditolak

Mengakses Laman

Tampilan sesuai

dengan laman yang

diakses

Tampilan sesuai

dengan laman yang

diakses

[√] diterima

[ ] ditolak

Menggunakan

browser, internet

exporer, mozilla,

chrome, opera,

safari

Browser internet

exporer, mozilla,

chrome, opera, safari

dapat digunakan untuk

mengakses laman

Browser internet

exporer, mozilla,

chrome, opera, safari

dapat digunakan untuk

mengakses laman

[√] diterima

[ ] ditolak

Mengakses Laman

Fleksibel

menggunakan

Laptop, PC, tablet,

smartphone

Tampilan Laman

Fleksibel

menggunakan Laptop,

PC, tablet, smartphone

Tampilan Laman

Fleksibel

menggunakan Laptop,

PC, tablet, smartphone

[√] diterima

[ ] ditolak




544

KESIMPULAN

Penggunaan framework dalam tahapan implementasi sistem yang

menggunakan php dapat memberikan keuntungan kepada developer dalam hal

waktu, dimana penulisan kode program membutuhkan waktu yang lebih singkat

karena tidak perlu dilakukan secara berulang. Selain itu dengan menggunakan

framework bootsrtap membuat web lebih responsive.

Pengguna dapat mengakses perangkat lunak dengan menggunakan berbagai

macam jenis browser dan tampilan laman web dapat menyesuaikan dengan ukuran

layar pada berbagai perangkat.

DAFTAR PUSTAKA

A.S Rosa dan Salahuddin M, 2011. Modul Pembelajaran Rekayasa Perangkat

Lunak (Terstruktur dan Berorientasi Objek), Modula, Bandung.

Cochran David, 2012, Twitter Bootstrap Web Development How-to, Packt

Publishing Limited, Birmingham, UK

Jogiyanto, 2007. Sistem Informasi Keperilakuan. Edisi Revisi. Andi Offset,

Yogyakarta.

Martono, Nanang. 2011. Metode Penelitian Kuantitatif. PT Raya Grafindo Persada.

Jakarta:

Reza, F. (2015). Prototype Web Responsive Design Pada Uin Syarif Hidayatullah

Jakarta Menggunakan Framework Bootstrap, Skripsi. Program Studi

Teknik Informatika UIN Syarif Hidayatullah Jakarta. 2014.

Sommerville, Ian. 2011. Software Engineering (Rekayasa Perangkat Lunak).

Erlangga, Jakarta.

Suhartanto, M, 2017, Pembuatan website sekolah menengah pertama negeri 3

delanggu dengan menggunakan php dan mysql. Speed-Sentra Penelitian

Engineering dan Edukasi, 4(1).

Sukamto, Rosa Ariani. 2009. Langkah-langkah Pengujian Perangkat dan Evaluasi

Piranti Lunak, Informatika, Bandung.

Spurlock, Jake, 2013, Bootstrap: Responsive Web development, O'Reilly Media,

Inc." .

Parassa, Y. (2013). Sistem Informasi Berbasis Web dalam Pengendalian Masalah

Kesehatan pada Dinas Kesehatan Provinsi Sulawesi Utara. SESINDO

2013

Parassa, Y, Mex U. Pesik, Rompon Y, 2017, Analysis of Tourist Information

System Model in North Sulawesi Province, International Journal of

Computer Aplications Vol 175(2).

Pressman,Ph.D. Roger S. 2010. Pendekatan Praktisi Rekayasa Perangkat Lunak.

Edisi 7. Penerbit Andi. Yogyakarta.

Whitten,jL,Lonnie D.Bentley & Victor M.Barlow,1993, System Analysis an Design

Instruktur’s Edition. Boston : Irwin. Third Edition.

Wardana, S. Hut, and M. Si, 2010, Menjadi Master PHP dengan Framework

Codeigniter, Elex Media Komputindo

implementasi dan pengujian model responsive website …

Documents