PEMBUATAN SISTEM INFORMASI PENJUALAN BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL PADA WARUNG UGD24. Naskah Publikasi

(1)

PEMBUATAN SISTEM INFORMASI PENJUALAN BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL PADA WARUNG UGD24

HALAMAN JUDUL

Naskah Publikasi

diajukan oleh

Savhira Evany Setri

11.01.2883

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

YOGYAKARTA

2014

(2)

ii

(3)

iii

Development Web-Based Sales Information System Using PHP and MySQL at Warung UGD24

Pembuatan Sistem Informasi Penjualan Berbasis Web Menggunakan PHP dan MySQL pada Warung UGD24

Savhira Evany Setri Barka Satya Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

WarungUGD24 is a free hotspot cafe is located on Jl . Rambutan Mancasan 125C Lor , Lean Chess , Depok , Sleman , Yogyakarta . Such as cafes generally require WarungUGD24 WarungUGD24 sales system so that the public can know . The author focuses on web design that will display information about " WarungUGD24 " . Includes company profile , types and kinds of products , contact person and social media as well as the calculation process the transaction .

Information is essential to facilitate the sale and all people need information quickly and easily , the writer has the initiative to build the web to provide information about WarungUGD24 . With the web -based sales system activities will be more effective and efficient .

Thus the web-based sales system is considered more profitable sales and services in existing on WarungUGD24 because the increasing number of Internet users and will be easier for consumers to know WarungUGD24 and products available in WarungUGD24 .

(4)

1

1. Pendahuluan

Warung UGD24 adalah sebuah cafe free hotspot yang berada di Jl. Rambutan 125c Mancasan Lor, Condong Catur, Depok, Sleman, Yogyakarta. Seperti cafe-cafe pada umumnya Warung UGD24 membutuhkan sistem penjualan agar Warung UGD24 dapat diketahui masyarakat luas. Penulis memfokuskan pada desain web yang akan menampilkan informasi mengenai “Warung UGD24”. Mencakup profil perusahaan, jenis dan macam produk, kontak person dan sosial media serta proses perhitungan transaksi.

Informasi sangatlah penting untuk memudahkan penjualan dan semua orang membutuhkan informasi dengan cepat dan mudah maka penulis mempunyai inisiatif untuk membangun web guna memberikan informasi mengenai Warung UGD24. Dengan sistem penjualan berbasis web tersebut kegiatan juga akan menjadi lebih efektif dan efisien.

Maka dari itu sistem penjualan yang berbasis web dinilai lebih memberikan keuntungan dan kemudahan dalam penjualan yang ada pada Warung UGD24 karena semakin banyaknya pengguna internet dan akan mempermudah konsumen untuk mengetahui Warung UGD24 dan produk-produk yang tersedia di Warung UGD24.

2. Landasan Teori 2.1 Pengertian Sistem

Terdapat dua kelompok pendekatan di dalam pendefinisian sistem, yaitu kelompok yang menekankan pada prosedur dan kelompok yang menekankan pada elemen atau komponennya. Pendekatan yang menekankan pada prosedur mendefinisikan sistem sebagai suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan kegiatan atau untuk menyelesaikan suatu sasaran tertentu. Sedangkan pendekatan sistem yang lebih menekankan pada elemen atau komponen mendefinisikan sistem sebagai kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu. Kedua kelompok ini adalah benar dan tidak bertentangan.

2.2 Pengertian Informasi

Menurut O’Brian dan Marakas (2008) Informasi adalah data yang telah diubah menjadi konteks yang berguna bagi para pemakai akhir tertentu. Sedangkan menurut Laudon dan Laudon (2010) Informasi adalah data yang diubah ke dalam bentuk yang memiliki arti dan berguna bagi manusia. Dan menurut Stair dan Reinold (2010) Informasi adalah nilai fakta yang terorganisir sehingga memiliki nilai tambah selain nilai fakta individu.

Jadi dapat disimpulkan Informasi adalah hasil pengolahan data yang memiliki nilai tambah, makna dan berguna bagi penggunanya.

(5)

2

2.3 Pengertian Sistem Informasi

Sistem Informasi adalah seperangkat komponen yang terdiri dari orang, hardware, software, jaringan komunikasi dan data yang saling bekerjasama untuk mengumpulkan, menyimpan, mengolah dan menyebarkan informasi untuk mendukung pengambilan keputusan pengendalian dan analisis masalah dan visualisasi dalam sebuah organisasi.

2.4 Konsep Dasar Website 2.4.1 Internet

Interconnected Network atau yang lebih populer dengan sebutan internet

adalah sebuah sistem komunikasi global yang menghubungkan

komputer-komputer dan jaringan-jaringan komputer di seluruh dunia.

2.4.2 Istilah Pada Website

1. www (world wide web)

World Wide Web atau biasa disingkat www merupakan sistem dimana informasi berbasis hypertext yang dapat ditampilkan dalam berbagai bentuk text, grafis dan elemen multimedia yang lain.

2. Web Browser

Web Browser atau penjelajah web adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server web.

3. Web Server

Server web dapat merujuk baik pada perangkat keras maupun perangkat lunak yang menyediakan layanan akses kepada pengguna melalui protokol komunikasi HTTP atau HTTPS atas berkas-berkas yang terdapat pada suatu situs web dalam layanan ke pengguna dengan menggunakna aplikasi tertentu seperti peramban web.

4. URL (Uniform Resource Locator)

URL singkatan dari Uniform Resource Locator adalah rangkaian karakter (seperti huruf, angka maupun simbol) menurut suatu format standar tertentu yang telah ditetapkan, yang digunakan untuk menunjukkan alamat suatu sumber seperti file, dokumen dan gambar di internet.

2.5 Konsep Dasar Database

Basis data adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil query basis data disebut sistem manajemen basis data.

(6)

3

2.6 Entity Relationship Diagram (ERD)

Terdapat tiga notasi dasar yang bekerja pada model ini yaitu : entity sets, relationship set, dan atributes. Sebuah entity adalah sebuah benda (thing) atau objek (object) di dunia nyata yang dapat dibedakan dari semua objek lainnya. Entity Sets adalah sekumpulan entity yang mempunyai tipe yang sama. Kesamaan tipe ini dapat dilihat dari atribut atau property yang dimiliki oleh setiap entity.

2.7 PHP (Hypertext Prepocessor)

PHP adalah bahasa server-side programming yang powerfull untuk membuat web yang dinamis dan interaktif. PHP merupakan software open source, dapat digunakan dengan gratis. PHP dapat dituliskan langsung diantara kode HTML.

2.8 MySQL

My SQL adalah program pembuat dan pengelola database atau yang sering juga disebut DBSM ( Database Management System ) yang memiliki sifat open source.

2.9 UML (Unified Modeling Language)

UML (Unified Modeling Language) adalah sebuah bahasa untuk menentukan, visualisasi, kontruksi dan mendokumentasikan artifact (bagian dari informasi yang digunakan atau di hasilkan dalam suatu proses pembuatan perangkat lunak), artifact dapat berupa model, deskripsi atau perangkat lunak lainnya.

2.10 Perangkat Lunak Yang Digunakan 2.10.1 Adobe Photoshop

Photoshop adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk penegeditan foto atau gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar atau foto, dan bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Sysytems.

2.10.2 Adobe Dreamweaver CS5

Dreamweaver merupakan software utama yang digunakan oleh web desainer maupun web programer dalam mengembangkan situs web. Hal ini disebabkan ruang kerja,fasilitas dan kemampuan Dreamweaver yang mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun suatu situs web.

2.10.3 Aplikasi phpMyAdmin

PhpMyAdmin merupakan sebuah progam bebas yang berbasis web, yang dibuat mengunakan program PHP, fungsi dari aplikasi ini adalah untuk mengakses database

(7)

4

MySQL. Dengan adanya aplikasi ini sangat mempermudah dan memepersingkat kerja kita dalam mengelola database.

2.10.4 Xampp

Xampp merupakan paket PHP yang berbasis open source yang dikembangkan oleh sebuah komunitas Open Source. Xampp dimudahkan dengan tidak perlu menginstal program-program lain, karena semua kebutuhan telah disediakan oleh Xampp, diantaranya Apache, MySQL, PHP, FilZilla FTP Server, PHP MyAdmin.

3. Gambaran Umum

3.1 Gambaran Umum Perusahaan

WarungUGD24 adalah sebuah cafe free hotspot yang berada di Jl. Rambutan 125c Mancasan Lor, Condong Catur, Depok, Sleman, Yogyakarta. Seperti cafe-cafe pada umumnya, WarungUGD24 membutuhkan sistem informasi penjualan agar WarungUGD24 dapat diketahui masyarakat luas.

Dengan adanya sistem informasi penjualan yang berbasis web dinilai lebih memberikan keuntungan dan kemudahan dalam penjualan yang ada pada WarungUGD24 karena semakin banyaknya pengguna internet saat ini. Sistem informasi

penjualan tersebut juga dapat mempermudah konsumen untuk mengetahui

WarungUGD24 dan produk-produk yang tersedia di WarungUGD24.

3.2 Visi dan Misi

1. Visi

a. Mewujudkan WarungUGD24 sebagai tempat makan free wifi yang bernuansa tradisional namun berwawasan internasional.

b. Mengembangkan lapangan usaha yang bermanfaat. 2. Misi

a. Mengutamakan kualitas dalam hal apapun yang dilakukan (pelayanan) dan yang disajikan (makanan).

b. Menumbuhkan ketrampilan dan pengetahuan karyawan guna mencapai performa operasional yang maksimal.

c. Membentuk komunitas yang memiliki tujuan positif. d. Saling memberi manfaat bagi pribadi dan orang lain.

3.3 Struktur Organisasi

Struktur organisasi WarungUGD24 merupakan bangunan fungsi bagian-bagian management yang tersusun dari satu kesatuan hubungan yang menunjukkan tingkat fungsi, tugas, wewenang dan tanggung jawab dalam management perusahaan. Berikut ini adalah bagan struktur organisasi yang ada pada WarungUGD24 :

(8)

5

Gambar 3.1 Struktur Organisasi

3.4 Tujuan Perusahaan

Awal mula tujuan dibangunnya WarungUGD24 ini adalah untuk memperluas tali silaturahmi antar personal. Namun seiring berjalan waktu, WarungUGD24 mempunyai tujuan supaya usaha tersebut dapat berkembang ke seluruh Indonesia dan membuka peluang lapangan usaha serta dapat meningkatkan pertumbuhan ekonomi bagi Indonesia.

4. Perancangan Dan Pembahasan 4.1 Perancangan Sistem

Perancangan sistem merupakan tahap awal dari perancangan perangkat lunak. Perancangan ini dilakukan untuk mengetahui kondisi sistem secara umum.

4.2 ERD (Entity Relationship Diagram)

Tahap pertama dalam proses pembuatan Sistem Informasi Penjualan pada WarungUGD24 adalah tahap perancangan basis data. Pada tahap perancangan basis data menggunakan konsep ERD untuk merancang relasi antar entitas dimana relasi entitas tersebut yang nantinya akan menjadi gambaran relasi antar tabel dalam basis data.

(9)

6

Gambar 4.1 ERD (Entity Relationship Diagram)

4.3 UML (Unified Modeling Language)

Pada penelitian ini, perancangan UML hanya mencakup 4 diagram, yaitu use case, class, activity dan sequence.

4.3.1 Use Case Diagram

Use case diagram menunjukkan perilaku sistem, sub sistem dengan pengguna luar. Use case diagram merupakan sebuah teknik untuk menganalisa bagaimana sebuah sistem bekerja dan berinteraksi dengan pengguna atau sistem lain.

Gambar 4.2 Use Case Diagram Admin

Use Case Diagram Sistem Administrator menggambarkan interaksi antara sistem informasi dan lingkungannya. Dalam kasus ini Use Case Diagram Sistem Administrator menggambarkan interaksi sistem dengan pengguna sistem administrator.

(10)

7

Gambar 4.3 Use Case Diagram Aplikasi

Use Case Diagram Aplikasi menggambarkan interaksi antara sistem informasi dan lingkungannya. Dalam kasus ini Use Case Diagram Aplikasi menggambarkan interaksi sistem dengan pengguna sistem aplikasi.

4.4 Implementasi Basis Data

Setelah melakukan perancangan basis data dengan menggunakan konsep ERD maka didapatkan tabel-tabel dalam basis data aplikasi sebagai berikut :

1. Tabel admin

Gambar 4.4 Tabel admin

Nama tabel : admin

Fungsi : untuk menyimpan data admin

Jumlah karakter : 103

Software : PhpMyAdmin

Tabel admin merupakan tabel yang digunakan untuk menyimpan data admin dimana admin adalah akun yang dapat mengakses halaman administrator. Session di halaman administrator akan disesuaikan dengan data admin yang berada dalam tabel admin.

2. Tabel artikel

(11)

8

Nama tabel : artikel

Fungsi : untuk menyimpan data berita

Software : PhpMyAdmin

3. Tabel buku_tamu

Gambar 4.6 Tabel buku_tamu

Nama tabel : buku_tamu

Fungsi : untuk menyimpan data testimoni

4. Tabel detail

Gambar 4.7 Tabel detail

Nama tabel : detail

Fungsi : untuk menyimpan data detail dari dt_transaksi

5. Tabel dt_transaksi

Gambar 4.8 Tabel dt_transaksi

Nama tabel : dt_transaksi

Fungsi : untuk menyimpan data detail transaksi

(12)

9

6. Tabel produk

Gambar 4.9 Tabel produk

Nama tabel : produk

Fungsi : untuk menyimpan data produk

7. Tabel transaksi

Gambar 4.10 Tabel transaksi

Nama tabel : transaksi

Fungsi : untuk menyimpan data transaksi

Berikut ini adalah relasi antar tabel yang diperoleh berdasarkan dari tabel-tabel diatas :

(13)

10

4.5 Rancangan Interface

4.5.1 Rancangan Interface Administrator

Gambar 4.12 Rancangan login administrator

Rancangan interface login administrator digunakan untuk memberikan gambaran atau design yang akan dibuat nantinya dalam tampilan yang lebih nyata.

Gambar 4.13 Rancangan beranda administrator

Gambar diatas merupakan rancangan beranda atau home untuk halaman utama administrator.

(14)

11

4.5.2 Rancangan Interface Aplikasi

Gambar 4.14 Rancangan beranda aplikasi

Untuk halaman beranda aplikasi akan dibuat sesuai dengan rancangan interface beranda aplikasi seperti gambar diatas.

Gambar 4.15 Rancangan halaman daftar menu

Untuk halaman daftar menu yang ada di halaman pengunjung akan dibuat sesuai dengan rancangan interface halaman daftar menu seperti gambar diatas.

(15)

12

4.6 Implementasi Program

Implementasi progam merupakan bentuk program yang dijalankan pada sistem yang dibuat.

4.6.1 Web Administrator

Gambar 4.16 Login administrator

Setelah rancangan interface selesai, maka langkah selanjutnya adalah membuat dan menerapkan rancangan yang sudah ada sebelumnya menjadi tampilan yang lebih nyata dan menarik. Gambar diatas merupakan tampilan untuk halaman login administrator.

Gambar 4.17 Halaman beranda administrator

Gambar diatas merupakan tampilan halaman beranda administrator yang dibuat sesuai dengan rancangan interface yang sudah dirancangan sebelumnya.

(16)

13

4.6.2 Web Aplikasi

Gambar 4.18 Halaman beranda aplikasi

Gambar diatas adalah tampilan dari halaman beranda aplikasi yang dibuat sesuai dengan rancangan interface halaman beranda aplikasi yang sudah dirancangan sebelumnya.

(17)

14

Setelah rancangan interface halaman daftar menu dirancang, langkah selanjutnya adalah membuat dan menerapkan rancangan yang sudah ada sebelumnya menjadi tampilan yang lebih nyata.

4.7 Pengujian Aplikasi

Pengujian Sistem Informasi Penjualan ini menggunakan dua metode pengujian yaitu Blackbox Testing dan Whitebox Testing.

4.7.1 Black-Box Testing

Black-Box Testing merupakan pengujian yang berfokus pada spesifikasi fungsional dari perangkat lunak, tester dapat mendefinisikan kumpulan kondisi input dan melakukan pengetesan pada spesifikasi fungsional program.

Gambar 4.25 Black-Box Testing

Pengujian Black-Box Testing Aplikasi berupa munculnya peringatan pada halaman input produk ketika form belum diisi dalam proses eksekusi input data produk dan juga peringatan minimal panjang karakter dalam penginputan data.

4.7.2 White-Box Testing

White Box Testing merupakan cara pengujian dengan melihat ke dalam modul untuk meneliti kode-kode program yang ada, dan menganalisis apakah ada kesalahan atau tidak. Jika ada modul yang menghasilkan output yang tidak sesuai dengan proses bisnis yang dilakukan, maka baris-baris program, variabel dan parameter yang terlibat pada unit tersebut akan dicek satu persatu dan diperbaiki, kemudian di-compile ulang.

(18)

15

Gambar 4.26 White-Box Testing

Pengujian White-Box Testing Aplikasi berupa tidak ada pringatan pesan eror pada halaman input produk ketika form sudah terisi lengkap dan ketika akan melanjutkan dalam proses eksekusi input data produk.

5. Kesimpulan

Berdasarkan hasil penelitian dan pembahasan yang penulis lakukan, didapatkan hasil kesimpulan dalam proses implementasi pembuatan Sistem Informasi Penjualan Warung UGD24 yaitu sebagai berikut :

Dalam implementasi pembuatan Sistem Informasi Penjualan Warung UGD24 terdiri dari beberapa tahapan yaitu :

1. Perancangan Basis Data

Perancangan basis data berdasarkan dengan data yang sudah ada kemudian dianalisis menjadi sebuah tabel-tabel dalam basis data dengan menggunakan metode Entity Relationship Diagram (ERD).

2. Perancangan Sistem

Setelah basis data ditentukan maka dilanjutkan dengan perancangan sistem untuk mengelola data di dalam basis data sehingga dapat digunakan oleh admin atau user secara maksimal dan mudah.

3. Perancangan Interface

Perancangan Interface dibuat sesuai dengan kebutuhan sistem yang telah dirancang sebelumnya.

4. Implementasi Program

Ketika semua perancangan sudah siap maka Implementasi program dibuat untuk mewujudkan sistem yang telah dirancang sebelumnya untuk menjadi sistem yang bermanfaat bagi pihak yang telah ditentukan.

(19)

16

5.1 Saran

Diakhir pembahasan Tugas Akhir ini dapat dikemukakan beberapa saran untuk pengembangan aplikasi yaitu sebagai berikut :

1. Sebaiknya informasi yang ada pada web Warung UGD24 ini selalu diperbaharui. Website ini masih bisa dikembangkan dengan membuat tampilan yang lebih menarik dan menambahkan fasilitas-fasilitas lain.

2. Sebaiknya sistem pengamanannya pada web Warung UGD24 ini diperbaiki agar data-data yang ada didalamnya tidak disalahgunakan oleh pihak-pihak yang tidak bertangung jawab.

3. Pemberian fitur pencarian data dalam aplikasi Sistem Informasi Penjualan untuk memudahkan admin atau user untuk mencari suatu data tertentu.

4. Terakhir penulis memohon agar pembaca Tugas Akhir ini maupun para pengunjung website yang telah penulis buat untuk memberikan kritik dan saran agar website ini lebih baik lagi. Terima kasih.

(20)

17

DAFTAR PUSTAKA

Kusrini. (2007). Strategi Perancangan dan Pengolah Basis Data. Yogyakarta : Andi Offset.

Nugroho, Bunafit. (2008). Latihan Membuat Aplikasi Web PHP dan MySQL dengan Dreamweaver Mx. Yogyakarta: Gava Media.

Syafrizal, Melwin. (2005). Pengantar Jaringan Komputer. Yogyakarta: Penerbit Andi. http://mrofiuddin.blogspot.com/2011/11/pengertian-class-diagram.html/ diunduh 5

Desember 2013

http://teknologi.kompasiana.com/terapan/2010/12/06/white-box-testing323009.html/ diunduh 23 Januari 2014