naskah publikasi karya ilmiah

12
NASKAH PUBLIKASI KARYA ILMIAH PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI KEHILANGAN BERBASIS WEB Disusun Oleh : SUPRIYANTO D 400 070 027 JURUSAN ELEKTRO FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH SURAKARTA 2014

Upload: dinhtu

Post on 12-Jan-2017

239 views

Category:

Documents


4 download

TRANSCRIPT

NASKAH PUBLIKASI KARYA ILMIAH

PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI

KEHILANGAN BERBASIS WEB

Disusun Oleh :

SUPRIYANTO

D 400 070 027

JURUSAN ELEKTRO FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH SURAKARTA

2014

LEMBAR PENGESAHAN

Yang bertanda dibawah ini telah membaca naskah publikasi dengan

judul :

“PERANCANGAN DAN PEMBUATAN SISTEM

INFORMASIKEHILANGAN BERBASIS WEB”

Yang ditulis oleh

Nama : Supriyanto

Nim : D400070027

Penanda tangan berpendapat bahwa naskah publikasi tersebut telah

memenuhi syarat untuk diterima

Surakarta 5 Agustus 2014

Pembimbing Utama

Dr. Heru Supriyono, M.Sc

PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI

KEHILANGAN BERBASIS WEB

SUPRIYANTO FAKULTAS TEKNIK JURUSAN TEKNIK ELEKTRO

UNIVERSITAS MUHAMMADIYAH SURAKARTA E-mail :[email protected]

ABSTRAKSI

Saat ini kasus hilangnya KTM atau barang yang lain seperti STNK bisa dikatakan

sering terjadi di lingkungan UMS, dan tidak ada tindak lanjut yang pasti dari pihak satpam.

Pihak satpam hanya menindak lanjutinya dengan membuat laporan, setelah itu tidak ada

kepastian lagi apakah barang kita ditemukan atau tidak. Kitapun tidak bisa berbuat banyak

dan menuntut lebih kepada pihak satpam.Karena pihak satpam pun juga merasa sudah

melakukan tugasnya se maksimal mungkin.

Website sistem informasi kehilangan ini nantinya akan memudahkan mahasiswa yang

kehilangan barang ataupun yang menemukan barang. Jadi ada harapan barang yang hilang

bisa ditemukan kembali dengan mengupload informasi barang yang hilang. Dan pihak satpam

pun juga bisa terbantu dengan sistem ini tidak cuma membuat laporan kehilangan saja,

nantinya pihak satpam bisa meng upload barang yang ditemukan jadi mahasiswa yang

kehilangan barang bisa mengecek pada web ini. Selain memproses barang yang hilang

nantinya pihak satpam juga bisa bisa menggunakanya sebagai arsip data tiap bulannya.

Perancangan dilakukan menggunakan tool software ApacheFriends XAMPP

(Basispaket) version 1.6.7 (MySQL 5.0.51 (Community Server), PHP 5.2.6 dan phpMyAdmin

2.11.7), dengan web disainer Macromedia Dreamweaver 8. Sistem kehilangan berbasis web ini

sudah dibenahi dan dibuat dengan menggunakan bahasa pemrograman PHP dan database

MySQL. Dari hasil pengujian dengan berbagai macam internet browser baik secara localhost

maupun online dapat dilihat bahwa sistem dapat berjalan lancar, tidak mengalami error dan

sebagainya. Dan dari hasil pengujian dengan media PC, Tablet dan HP menunjukan sistem

berjalan dengan lancar dan tidak mengalami kendala yang berarti.

Kata kunci: MySQL, PHP, Sistem Informasi, Website.

1. PENDAHULUAN

Saat ini kasus hilangnya KTM

atau barang lain seperti STNK bisa dikatakan sering terjadi di lingkungan kampus UMS, dan tidak ada tindak lanjut yang pasti dari pihak satpam kampus. Pihak satpam hanya menindak lanjuti dengan membuatkan laporan kehilangan saja, tidak ada tindak lanjut lain yang bertujuan untuk menemukan barang yang hilang. Begitupun dengan barang yang ditemukan dikampus, misalkan mahasiswa menemukan KTM kemudian memberikan kepada satpam nanti pihak satpam juga tidak berbuat apa-apa, satpam hanya menyimpan barang tersebut sampai ada yang mencari, tidak ada tindak lanjut dari pihak satpam untuk mengembalikan barang yang ditemukan kepada pemiliknya.

Karena kejadian tersebut, penulis berinisiatif membuat aplikasi sistem informasi kehilangan berbasis web. Dengan adanya aplikasi system informasi kehilangan ini nantinya akan membantu tugas satpam, karena satpam hanya tinggal memantau aplikasi dan mencocokan barang yang ditemukan. Apabila ada yang cocok tinggal lihat bagian informasi dari web, di web tersebut sudah ada keterangan pengambilan barang yang ditemukan.Satpam pun tidak harus repot-repot misalkan ada dompet yang ditemukan pihak satpam pun cukup menulisnya di aplikasi, tidak perlu memberi pengumuman ataupun lewat kertas yang ditempel, yang hanya

merusak pemandangan.Aplikasi ini nantinya akan ditempatkan pada website UMS, dan akan bisa di login dengan username menggunakan NIM dan password menggunakan password KRS, jadi semua mahasiswa dapat dengan leluasa mengakses aplikasi. Pihak satpam pun akan menjadi pengguna dari aplikasi agar bisa memasukan informasi tambahan.

1.2.Perumusan masalah

Berdasarkan uraian latar belakang masalah di atas, maka dapat dirumuskan bahwa masalah yang akan diselesaikan dalam tugas akhir ini adalah :

a. Bagaimana merancang dan membuat sebuah sistem informasi kehilangan berbasis WEB

b. Bagaimana menguji sistem kerjanya dan melakukan survey untuk mengetahui kelayakannya.

1.3.Batasan masalah Agar perancangan dan pembuatan

sistem informasi ini diharapkan dapat mencapai sasaran dan tujuan yang diinginkan, maka permasalahan yang ada dibatasi sebagai berikut :

a. Penelitian ini hanya membahas aplikasi informasi kehilangan di lingkungan UMS.

b. Sistem informasi berbasis web akan dikerjakan dengan bahan PHP dengan MYSQL sebagai DBMS

1.4.Tujuan penelitian Berdasarkan rumusan masalah

yang penulis kaji maka penelitian ini bertujuan untuk :

a. Merancang dan membuat informasi kehilangan yang bisa digunakan oleh seluruh mahasiswa UMS.

b. Mengui system yang dibuat untuk mengetahui cara kerjanya.

c. Pengujian meliputi : 1..Diuji dengan berbagai web browser seperti mozila,google chrome dan ....internet exploler 2. Diuji diakses dari perangkat PC dan mobile (tablet dan hp)

1.5.Manfaat penelitian

Manfaat yang dapat diambil dari tugas akhir ini adalah :

a. Perancangan sistem informasi yang dapat memudahkan mahasiswa untuk mendapatkan informasi tentang barang yang hilang.

b. Dapat menghemat waktu dan lebih efisien dalam memproses informasi mengenai barang yang hilang.

c. Dapat menggunakan PHP untuk pembuatan sistem informasi tentang barang yang hilang atau ditemukan di sekitar kampus.

2. Dasar Teori

2.1 Telaah Penelitian

Dedy Setiawan. Sistem Pencarian Iklan Koran On Line Dengan Menggunakan PHP dan Web. Perancangan webiklan koranyang Penulis lakukan hanya bersifat membantu proses pencarian iklan koran agar lebih mudah dalam pemasangan maupun pencarian iklan. Menu-menu yang disajikan dalam perancangan web ini bisa membantu proses pencarian iklan. Perancangan iklan koran ini dapat memudahkan dan mempercepat aliran informasi dan pemrosesan data iklan yang ada dalam Koran. Kekurangan dari sistem ini adalah cara pemasangan iklan secara manual dan tidak bisa memasukkan iklan secara bersamaan.

Aswadul Fitri Saiful Rahman., Sistem Informasi Pendukung Pembelajaran Menggunakan MySQL dan PHP. Sistem informasi pendukung pembelajaran menggunakan MySQL dan PHP ini dapat memberikan kemudahan dalam memberikan informasi kepada

mahasiswa baik itu dalam pengolahan database, menyimpan, mengubah, menghapus dan semuanya itu dapat diakses melalui tampilan berupa web,

2.1.1 Definisi Web Informasi dan

Data Website atau situs dapat

diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi suara, video dan atau gabungan dari semuanya. Baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing – masing dihubungkan dengan jaringan – jaringan halaman (hyperlink).

(http://www.baliorange.web.id).

Informasi merupakan hasil pengolahan data sehingga menjadi bentuk yang penting bagi penerimanya dan mempunyai kegunaan sebagai dasar dalam pengambilan keputusan yang dapat dirasakan akibatnya secara langsung saat itu juga atau secara tidak langsung pada saat mendatang ( Sutanta,

2004 ). Data didefinisikan sebagai bahan keterangan tentang kejadian – kejadian nyata atau fakta – fakta yang dirumuskan dalam sekelompok lambing tertentu yang tidak acak menunjukkan jumlah, tindakan dan hal. Data dapat berupa catatan – catatan dalam kertas, buku, atau tersimpan sebagai file dalam baris data (Sutanta, 2004 ).

2.2 Internet

Internet adalah suatu jaringan komputer yang satu dengan yang lain saling terhubung untuk keperluan komunikasi dan informasi. Sebuah komputer satu jaringan internet dapat berada dimana saja atau bahkan di seluruh Indonesia. Sering juga Internet diartikan sebagai jaringan komputer di seluruh dunia yang berisikan informasi dan sebagai sarana komunikasi data yang berupa suara, gambar, video dan juga teks.

2.3 PHP ( Personal Home Page )

PHP adalah bahasa program yang berbentuk script yang diletakkan didalam server webdan hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. PHP merupakan bahasa standar yang digunakan dalam dunia website.Interpreter PHP dalam mengakses kode PHP pada sisi server disebut server side.PHP diciptakan dari ide Rasmus Lerdof yang membuat sebuah script perl.Script tersebut sebenarnya dimaksudkan untuk digunakan sebagai program untuk dirinya sendiri.Akan tetapi, kemudian dikembangkan lagi sehingga menjadi

sebuah bahasa yang disebut Personal Home Page.

2.4 Database

Database sering didefinisikan sebagai kumpulan data yang terkait.Secara teknis, yang berada dalam sebuah database adalah sekumpulan tabel atau objek lain (indeks, view, dan lain-lain).Tujuan utama pembuatan database adalah untuk memudahkan dalam mengakses data.Data dapat ditambahkan, dihapus, atau dibaca dengan relatif mudah dan cepat.Saat ini tersedia banyak perangkat lunak yang ditujukan untuk mengelola database.Database MySQL, Abdul Kadir, 2009 )

2.5 SQL(Structured Query Language) SQL adalah kependekan dari

Structured Query Language ( bahasa query yang terstruktur). Istilah Query Language memang tidak tepat sama dengan istilah bahasa basis data yang terdiri atas Data Defiinition Language dan Data Manipulation Language. SQL mengacu kepada “Structured Query Language” bahasa yang telah distandarkan untuk digunakan dalam mengakses basis data. SQL adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk semua program pengakses database seperti Oracle, Postres, SQL Server dan lain – lain. (PHP dan MySQL dengan Editor Dreamweaver MX, Bunafit Nugroho).

2.6 Macromedia Dreamweaver Macromedia Dreamweaver 8

merupakan software web design yang terlengkap untuk saat ini yang berguna untuk merancang, membuat, dan mendesain website dari pada software perancang website lainnya. Mulai dari untuk memasukkan atau memainkan file animasi, video, dan file multimedia lainnya, (http://massaleh.blogspot.com/2009/03/panduan-lengkap-desain-web-macromedia.html )

2.7 MySQL (My Structure Query

Language) MySQL (My Structure Query

Language) adalah sebuah program pembuat database yang bersifat open source, artinya siapa saya boleh menggunakannya dan tidak dicekal. MySQL (My Structure Query Language) merupakan program pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi Multi User (banyak pengguna). Kelebihan lain dari MySQL (My Structure Query Language) adalah menggunakan bahasa Query standar yang dimiliki SQL (Structure Query Language). MySQL (My Structure Query Language) memiliki layar utama seperti layar DOS yaitu memiliki prompt utama yang disebut mysql>. (PHP dan MySQL dengan Editor Dreamweaver MX, Bunafit Nugroho).

2.8 Flowchart Menurut Bodnar dan Hopwood

(2004) Flowchart adalah sebuah diagram simbol yang menunjukkan alur data dan

proses dari operasi dalam sebuah sistem. Flowchart disusun dengan simbol sebagai alat bantu menggambarkan proses di dalam program. Simbol-simbol yang digunakan dapat dilihat pada Tabel 2.1.

Tabel 2.1 Tabel simbol flowchart

2.9 CSS (Cascade Style Sheet)

CSS adalah sebuah set aturan yang memberikan kontrol lengkap tampilan halaman web dan tampilan isinya (Jamsa,2002). Menurut Neiderst (2001) CSS bermanfaat untuk : a. Greater Typhography and page

layout control (mengontrol typhography dan tampilan halaman dengan baik).

b. Style is separate from structure (style terpisah dari struktur halaman)

c. Potentially smaller documents (berpotensi membuat dokumen lebih kecil).

d. Easier site maintenance (lebih mudah di-maintenance)

3. METODE PENELITIAN

3.1 PHP MyAdmin

PphMyAdmin adalah suatu program open source yang berbasis web yang dibuat menggunakan aplikasi PHP. Program ini digunakan untuk mengakses database MySQL yang dapat mempermudah dan mempersingkat kerja. PhpMyAdmin adalah utilitas yang dapat digunakan untuk berinteraksi dengan database MySQL. Utilitas ini berbasis web dan dapat digunakan untuk melakukan berbagaia operasi yang mengakses database. (Membuat Aplikasi Web

dengan PHP dan Database MySQL, Abdul Kadir, 2009)

3.4 WebBrowser

Browseradalah program aplikasi yang menterjemahkan kode HTMLdan merepresentasikan halaman web site.Aplikasi inilah yang paling sering kita gunakah setiap hari untuk melakukan browsingdi dunia maya. Macam browser sekarang semakin banyak saja diantaranya adalahInternet Explorer, Netscape, Mozillafirefox, Google Chrome, Safari,http://id.wikipedia.org/wiki/Peramban_web)

3.2 Alur Metode Penelitian

Dimulai dengan pencarian referensi berupa buku-buku internet informasi lainnya. Referensi yang telah ada kemudian dilakukan pencarian data yang diperlukan untuk membuat sistem informasi lowongan kerja berbasis web menggunakan php dan mysql. Perancangan website dilakukan agar dalam pembuatan website bisa menjadi mudah dengan bantuan data-data yang telah dikumpulkan.

Website yang sudah dibuat, kemudian dilakukan pengujian, pengujian ada 2 (Dua) kemungkinan yaitu program berjalan sesuai dengan keinginan atau program tidak.

3.4 Flowchart Proses ini dibagi dalam beberapa tahapan untuk mempermudah

melakukan penelitian seperti pada Gambar 1

Gambar 1. Flowchart Penelitian

3.5 Flowchart Sistem Proses ini dibagi dalam beberapa tahapan.untuk.mempermudah.melakukan perancangan sistem seperti pada Gambar 2

Gambar 2. Flowchart system

Gambar 3. Skema kerangka

Pada rancangan alur sistem ini Penulis membuat rancangan seperti alur diatas supaya mempermudah dalam penggunaanya. berikut ini tugas dari masing-masing user atau pengguna aplikasi ini : Semua data dalam aplikasi ini yang berkewenangan adalah admin

karena tugas admin yaitu menambahkan berita sebagai info, menghapus posting atau menambahkan keterangan dan mengkonfirmasi postingan

4 User Interface (Skema Kerangka) Setelah perancangan tabel

dan relationship (hubungan antar tabel) selesai dirancang, maka tahap selanjutnya Penulis tempuh dengan membuat skema kerangka program aplikasi yang nantinya program tersebut dibuatdengan menggunakan Macromedia Dreamweaver 8.0.dapat dilihat seperti Gambar 3

a) Header : yaitu awalan atau kepala dari sebuah website yang berisi tentang judul aplikasi yang ada pada aplikasi website. Pada aplikasi ini Penulis akan memeberikan judul web tersebut dengan judul Perancangan Dan Pembuatan Sistem Informasi Berbasis Web

b) Menu 1 : adalah menu atau pilihan utama dari program aplikasi yang Penulis buat. Menu ini terdapat 5 pilihan yakni jenis barang, informasi, kategori, laporkan untuk posting informasi c) Menu 2 : ialah menu / pilihan untuk searching barang yang hilang maupun ditemukan . d) Content : yaitu berisi tampilan barang hilang maupun ditemukan. e) Footer : merupakan tampilan paling bawah / akhir dari sebuah halaman website.

4. PENGUJIANDAN PEMBAHASAN SISTEM

4.1 Pengujian Halaman Home

Halaman home merupakan halaman utama web yang menampilkan semua menu-menu yang berkaitan dengan user ataupun admin.

Untuk lebih jelasnya dapat dilihat dari gambar yang telah Penulis cantumkan pada Gambar 4.

Gambar 4. Halaman Utama

4.2 Pengujian Halaman Login

Halaman login terdapat 2 pilihan, login untuk User dan admin, setelah dipilih akan diarahan ke halaman login sesuai pilihan.

Gambar 5. Halaman login

Pada halaman login terdapat 2 kolom yang harus diisikan user untuk masuk ke akun mereka.

4.3 Pengujian Halaman

Halaman ini terdapat info barang hilang secara detail yang ada seperti Gambar 6.

Gambar 6. Halaman detail

Halaman ini dapat diakses oleh admin maupun user

4.4 Pengujian Halaman Arsip Halaman arsip ini digunakan untuk

record data tiap bulanya o;eh pihal satpam,

Gambar 7 Halaman arsip Pada halaman ini akan ditampilkan detail dari data tiap bulanya. Bias digunakan sebagai arsip data perbulan oleh pihak satpam 4.6 Hasil Kuisoner Pengujian Website

Setelah Penulis melakukan pengujian, lalu membuat kuisioner untuk mengetahui bagaimana respon dan pendapat para responden yang telah

mencoba atau hanya melihat website ini saat pengujian, maka berikut ini Tabel 4.1 dalah hasil pengujian website Sistem Informasi barang hilang Berbasis Web berdasarkan kuisioner yang terdapat pada halaman lampiran.

Tabel 4.1 Hasil Kuisioner

Berdasarkan hasil kuisioner pada Tabel 4.1. Nilai yang ada pada setiap kolom pengujian adalah poin yang ada pada setiap jawaban yang dipilih, berikut penilaian atau poin yang ada pada setiap huruf. Jawaban A memiliki poin atau nilai 3, jawaban B memiliki poin atau nilai 2, jawaban C memiliki poin atau nilai 1, dan jawaban D tidak memiliki poin atau nilai 0

5.PENUTUP

A. Kesimpulan

Perancangan sampai pengujian sistem menghasilkan kesimpulan sebagai berikut :

B. Sistem informasi kehilangan berbasis web sudah dibenahi dirancang dan dibuat dengan menggunakan bahasa pemrograman PHP dan database MySQL.

C. Dari hasil pengujian dengan berbagai macam internet browser (Internet Exploler, Mozilla, dan googe chrome) baik secara localhost maupun onlinedapat dilihat bahwa sistem dapat berjalan dengan baik, tidak pernah mengalami hang atau error dan sebagainya.

D. Dari hasil pengujian dengan media PC, tablet dan hp menunjukan system berjalan dengan lancer dan tidak mengalami kendala yang berarti.

E. Dari grafik kuisioner menunjukan system ini sangat mudah dipahami dan dioperasikan. Untuk tampilan masih perlu beberapa perubahan agar tampilan lebih menarik lagi.

F. Saran Penulis memiliki beberapa saran kepada beberapa pihak mengenai

perancangan yang dilakukan ini, yaitu :

1. Pengembangan lebih lanjut perlu dilakukan untuk meningkatkan kinerja dengan sistem berbasis teknologi informasi, sehingga nantinya akan lebih memudahkan diakses dimanapun untuk memperoleh sumber informasi terutama teknologi mobile.

2. Perancangan berikutnya diharapkan dapat menyempurnakan bagian keamanan basis data yang digunakan di MySQL.

3. Diharapkan perancangan berikutnya disertai informasi tentang kampus, agar website ini nantinya memiliki fungsi yang lebih kompleks dari website sebelumnya.

Daftar Pustaka

1. Kurniawan, Rulianto, Desember 2007, 54 Trik Tersembunyi PHP, Palembang :Maxicom.

2. Ramadhan, Arief S.Kom, dan Saputra, Hendra S.Kom. 2005. Buku Latihan PHP 5 dan MySQL. Jakarta : PT Elex Media Komputindo.

3. Anonim. 2006. Menguasai Pemrograman Web dengan PHP 5. Yogyakarta :Wahana Komputer dan Andi Offset (Penerbit Andi).

4. Sardi, Irawan. 2004. Manajemen, Desain dan Pengembangan Situs Web dengan Macromedia Dreamweaver MX dan Adobe Photoshop 7.0. Jakarta : PT. Elex Media Komputindo.

5. Kadir, A. 2002. Pemrograman Web mencakup : HTML, CSS, Java Script & PHP. Yogyakarta :Andi Offset(Penerbit Andi).

6. Pramono, Andi, Syafii, M. 2005. Kolaborasi Flash, Dreamweaver, dan PHP untuk Aplikasi Web Site.Yogyakarta : Andi.