PERANCANGAN WEBSITE TOKO ONLINE PADA PERUSAHAAN PAK OLES DI YOGYAKARTA

PERANCANGAN WEBSITE TOKO ONLINE PADA PERUSAHAAN

PAK OLES DI YOGYAKARTA

NASKAH PUBLIKASI

disusun oleh :

Totok Iswanto

08.11.2320

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

YOGYAKARTA

2013

Shop Online Website Design Company PAK OLES In Yogyakarta

Perancangan Website Toko Online Pada Perusahaan PAK OLES Di Yogyakarta

Totok Iswanto Kusnawi

Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

Promotion of products that cause less sales rate decreased very significantly. Promotions should be done so that the sales increase. One way that the current trend is using a web-based information. With it is possible that sales are not merely local but can reach any remote area.

With web-based system contains all the sales information as information products to consumers who want to buy it. Sales transaction is done online so that consumers do not have to bother to come to the store.

Web design is supported by the programming language PHP with jQuery to make the web more interesting and seem comfortable. Macromedia Dreamweaver for basic design layout view, MAMP as a web application in the manufacture offline. MySQL for data storage and Mozilla Firefox as a browser.

1

1. Pendahuluan

Perkembangan teknologi informasi dan komunikasi yang sangat cepat pada era sekarang dapat memberikan dampak positif bagi perkembangan ekonomi. Bagi perusahaan dan organisasi misalnya, telah menggunakan teknologi informasi sebagai modal untuk bersaing dengan kompetitor lainnya.

Internet merupakan jaringan komputer luas dan besar yang mendunia. Internet telah menjadi suatu aset yang sangat berpengaruh dalam proses pemasaran di dalam dunia bisnis. Bahkan pada metode-metode pemasaran tradisional, seperti periklanan televisi, radio dan surat kabar telah memiliki web dan alamat email pribadi.

Website atau situs merupakan kumpulan halaman yang menampilkan informasi data, teks, gambar, data animasi, suara, dan gabungan dari semuanya sehingga membentuk suatu rangkaian bangunan yang saling terkait dengan jaringan-jaringan halaman. Saat ini terdapat jutaan situs web di internet yang mencakup berbagai topik, pemasar dan pengembang usaha berlomba-lomba menampilkan situs perusahaan sebagai landasan pemasaran global. Salah satu pemasar yang jeli melihat peluang ini adalah perusahaan Pak Oles.

Maka dari itu diiringi dengan perkembangan teknologi saya membuat perancangan website toko online pada perusahaan PAK OLES Di Yogyakarta, dengan tujuan dapat memaksimalkan promosi dan penjualan produk pak oles dengan lebih mudah dan nyaman bagi konsumen.

2. Landasan Teori 2.1. Pengertian Sistem

Secara sederhana sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur atau variabel-variabel yang saling terorganisasi, saling interaksi, dan saling bergantung sama lain. Murdick dan Ross (1993), mendefinisikan sistem sebagai seperangkat elemen yang digabungkan dengan lainnya untuk tujuan bersama. Sementara, definisi system dalam kamus Webster’s Unbriged adalah elemen-elemen yang saling berhubungan dan membentuk satu kesatuan atau organisasi1.

Klasifiksi Sistem

Menurut Jogiyanto (2005, hal. 6) suatu sistem dapat diklasifikasikan dari berbagai sudut pandang, diantaranya adalah sebagai berikut ini :

1

Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan &

2

1. Sistem abstrak (abstract system) dan sistem fisik (physical system).

Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, sedang sistem fisik merupakan sistem yang ada secara fisik.

2. Sistem alamiah (natural system) dan sistem buatan manusia (human mode system). Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat manusia. Sistem buatan manusia adalah sistem yang dirancang oleh manusia.

3. Sistem tertentu (deterministic system) dan sistem tak tentu (probabilistic system). Sistem tertentu adalah suatu sistem yang operasinya dapat diprediksi secara tepat.Sistem tak tentu adalah sistem yang tidak bisa diprediksi dengan pasti karena mengandung unsur probabilitas.

4. Sistem tertutup (closed system) dan sistem terbuka (open system).

Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luarnya.Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya.

2.2. Konsep Dasar Informasi

Menurut Davis (1955) yang disadur oleh Hanif Al Fatta (2007, hal. 9)menyatakan bahwa informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan saat ini atau mendatang. Beguitu pula Mc Leod(1995) dalam buku Hanif Al Fatta (2007, hal. 9) mendefinisikan bahwa informasi adalah data yang telah diproses, atau data yang memiliki arti.

2.3 Konsep Dasar Promosi

Promosi merupakan salah satu cara yang dibutuhkan perusahaan dalam meningkatkan volume penjualan.Oleh karena itu, Kegiatan promosi harus diarahkan dan dikendalikan dengan baik sehingga promosi tersebut benar-benar memberikan kontribusi yang tinggi dalam upaya meningkatkan volume penjualan.Menurut Saladin (2003) yang disadur oleh Fredy Rangkuti (2009, hal. 49) menyatakan bahwa promosi adalah salah satu unsur dalam bauran pemasaran perusahaan yang didayagunakan untuk memberitahukan, membujuk, dan meningkatkan tentang produk perusahaan2.

2

Rangkuti, Fredy. 2009. Strategi Promosi yang Kreatif dan Analisis Kasus – Integrated Marketing

3

2.4 Pengertian Internet

Menurut Yuhefizar (2008, hal. 2), internet adalah rangkaian hubungan jaringan komputer yang dapat diakses secara umum di seluruh dunia, yang mengirimkan data dalam bentuk paket data berdasarkan standar Internet Protocol (IP).

2.5 Pemrograman Web

Pemrograman web meliputi HTML dan php sebagai bahasa pemograman, HTML adalah kependekan dari Hyper Text Markup Language. Fasilitas hypertext merupakan metode yang menautkan (link) satu dokumen ke dokumen lain melalui suatu teks. Menurut Anhar (2010, hal. 40), HTML adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam file yang dipergunakan untuk menampilkan halaman pada web browser.

2.6 Server Side Scripting

Server Side Scripting merupakan suatu bahasa scripting yang dalam

menterjemahkan skripnya dilakukan di server web, kemudian hasilnya baru dikirimkan ke

browser web dalam bentuk HTML3.Contoh dari server side scripting diantaranya: ASP, ColdFusion, Java Server Pages, PERL, Phyton, dan PHP.

2.7 Konsep Pemodelan Sistem

Menurut Al Fatta (2007, h. 105), pemodelan proses adalah cara formal untuk menggambarkan bagaimana suatu bisnis dapat beroperasi. Berbagai cara dapat dilakukan untuk mempresentasikan proses model. Data flow diagram (DFD) menjadi salah satu yang paling populer.

2.8 Konsep Basis Data

Menurut Kusrini (2007, h. 2), basis data adalah kumpulan data yang saling berelasi atau kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa tanpa pengulangan (redundancy) yang tidak perlu, untuk memenuhi kebutuhan. Data sendiri merupakan fakta mengenai objek, orang dan lain-lain. Data dinyatakan dengan nilai(angka, deretan karakter, atau simbol).

2.9 Software-Software yang digunakan

Menurut Sudarma (2010, hal. 2), database MySQL merupakan database server open source yang cukup popular keberadaannya. Dengan berbagai keunggulan yang

3

4

dimiliki, membuat software database ini banyak digunakan oleh para praktisi untuk membangun suatu project. Adanya fasilitas API(Application Programming Interface) yang dimiliki oleh MySQL, memungkinkan bermacam-macam aplikasi komputer yang ditulis dengan bahasa pemrograman dapat mengakses basis data MySQL. Sofware atau aplikasi lainya adalah Adobe Photoshop, Notepad++, Web Browser, Mamp.

3 Analisis Dan Perancangan

3.1 Gambaran umum

3.1.1 Profil Usaha Pak Oles Di Yogyakarta

Pak Oles merupakan badan usaha menengah yang bergerak di bidang penjualan

obat –obatan herbal seperti minyak oles bokasi, madu jamur, madu resi dan obat –

obatan herbal lainya.

3.1.2 Lokasi

Perusahaan Pak Oles Jogja beralamatkan di JlPandeansari no 10 condong catur depok sleman Yogyakarta.

3.1.3 Visi dan Misi

Visi, Menjadi perusahaan obat herbal yang memiliki manfaat dan memberikan kesan puas dan nyaman serta pelayanan terbaik.

Misi, Mampu menyediakan variasi pilihan obat herbal untuk menyembuhkan segala macam penyakit tanpa efek samping.

3.2 Analisis Sistem

3.2.1 Analisis Kelemahan Sistem 3.2.1.1 Definisi Masalah

Usaha Pak Oles menggunakan sistem penjualan yang masih mengandalkan penjualan secara tradisional, yakni dengan mengunakan brosur, Koran dan pembeli harus datang ke toko untuk membeli produk.Sistem ini mengandalkan pada pelaksanaan pelayanan yang mengutamakan tatap muka dengan pembeli serta pencatatan penjualan

5

yang lebih mengutamakan ketelitian dan pengamatan yang tepat. Dalam proses ini lebih mengedepankan manusia sebagai tumpuan utama pelaksanaanya.

3.2.1.2 Analisis Pieces

Analisis ini terdapat beberapa inti yang meliputi Analisis Kinerja (Performance) Analisis Informasi (Information), Analisis Ekonomi (Economy), Analisis Keamanan (Control), Analisis Efisiensi (Eficiency), Analisis Layanan (Service).

3.2.2 Analisis Kebutuhan Sistem

3.2.2.1 Analisis Kebutuhan Sistem Fungsional

Untuk analisis kebutuhan system fungsional meliputi Administrator, User (konsumen), Pengunjung public (Calon Konsumen), untuk konsumen dapat melakukan beberapa hal yaitu

- Pengguna dapat menentukan sistem pembayaran yang diinginkan.

- Pengguna dapat menampilkan biaya pesanan produk dan biaya pengiriman produk sesuai dengan tujuan pengiriman.

- Pengguna dapat mencetak order yang akan dipesan. 3.2.2.2 Analisis Kebutuhan Sistem Non Fungisonal

a. Perangkat Keras

Perangkat keras yang digunakan minimal dengan spesifikasi: - Proccessor Intel Pentium IV atau lebih.

- RAM 256 – 512 MB

- Media koneksi internet (modem, lan, wifi). b. Perangkat Lunak

Perangkat lunak yang digunakan oleh user atau konsumen dan administrator adalah Menggunakan sistem operasi Windows XP (bisa juga menggunakan sistem operasi lain seperti Windows 7, Linux maupun Machintos) dan web browser. User dan administrator dapat menggunakan berbagai jenis web browser seperti mozilla firefox, google chrome, opera safari dan lain-lain.

3.2.2.3 Analisis Kelayakan Operasional

Sistem ini dapat menyelesaikan masalah penggunaan sistem selama ini, yaitu transaksi penjualan yang biasa dilakukan dengan tatap muka dan terbatas oleh ruang dan waktu maka dengan sistem ini transaksi penjualan dapat dilakukan secara elektronik dan tidak terbatas oleh ruang dan waktu.

6

3.2.2.4 Analisis Kelayakan Hukum

Sistem publikasi yang ada pada system informasi penjualan berbasis web ini tidak melanggar hukum dan peraturan yang berlaku. Isi dari sistem yang baru tidak berisikan SARA maupun pornografi sehingga tidak melanggar hukum.

3.3 Perancangan Sistem

3.3.1 Perancangan Pemodelan Proses

Pemodelan proses merupakan suatu teknik pengorganisasian dan pendokumentasian struktur dan aliran data dalam proses sistem dan atau logika, kebijakan-kebijakan, prosedur-prosedur yang akan diimplementasikan oleh suatu proses sistem.

3.3.2 Perancangan Basis Data

Normalisasi adalah Proses normalisasi merupakan proses pengelompokan data elemen menjadi tabel yang menunjukkan entity dan relasinya.

3.3.3 Perancangan Antarmuka (Interface)

Perancangan antarmuka yang dimaksud adalah rancangan desain antarmika untuk masukan (input) data dari admin dan user serta desain antarmuka untuk keluaran (output) pada Website Pak Oles. Berikut adalah desain form untuk masukan dan keluaran dari website Pak Oles Di Yogyakarta,

Untuk perancangan interface meliputi antarmuka (interface) pengunjung public, antarmuka (interface) user (konsumen), antarmuka (interface) administrator.

4. Implementasi dan pembahasan 4.1 Implementasi

4.1.1 Implementasi Perancangan Database

Sistem website Pak Oles Jogja ini menggunakan “pakolesjogja” sebagai nama database yang meliputi Tabel admin, tabel bank, table hal, table jasa kirim, table header, table kategori, table konfirmasi, table kota, table orders, table order detail, table orderstemp, table produk dan table customer.

4.1.2 Implementasi Perancangan Form 1. Form edit ubah password (kostumer)

Pada form ini, kostumer dapat mengedit password yang telah diinputkan dahulu dengan menggantinya dengan yang baru.

7

Dalam form edit akun, kostumer dapat mengedit biodata yang telah diinputkan waktu pendaftaran kostumer.

3. Form konfirmasi pemesanan

Form ini berfungsi untuk konfirmasi pemesanan. 4. Form login kostumer

Form ini berfungsi untuk masuk ke menu utama kostumer. 5. Form login admin

Form ini berfungsi untuk masuk ke menu utama admin. 6. Form ganti password (admin)

Form ini digunakan admin untuk mengubah/mengedit password. 7. Form pendaftaran

Form ini digunakan untuk pengunjung yang ingin menjadi kostumer di Pak Oles Jogja.

4.2 Uji Coba Sistem

Uji coba sistem dan program dalam pembuatan website Pak Oles Jogja ini dilakukan dengan pengetesan fungsi dan logika yang telah diberikan pada masing-masing program, apakah masih ada kesalahan atau tidak. Dengan menjalankan program dapat dideteksi kesalahan yang ada dan fungsi-fungsi yang tidak sesuai. Pesan kesalahan akan muncul di browser ketika ada sintaks yang tidak benar.

4.2.1 White Box Testing

White Box Testing lebih mengacu pada pengujian yang dilakukan terakhir kali

sebelum sistem diimplementasikan. Strategi ini digunakan untuk melihat mekanisme internal dari suatu produk perangkat lunak, khususnya untuk mengamati struktur dan logika kode-kode program yang ditulis. Strategi ini dapat dilakukan dengan cara meninjau langsung kode program (source code) yang ditulis dalam membangun perangkat lunak. Termasuk di dalamnya komponen-komponen berupa fungsi (function), prosedur (procedure) ataupun modul-modul eksternal yang digunakan.

4.2.2 Black Box Testing

Pengujian Black Box Testingberfokus pada fungsi sistem, tentang kesalahan interface, fungsi, basis data atau kesalahan kinerja sistem. Pengujian ini dilakukan terhadap seluruh modul yang ada, untuk mencari kesalahan, sehingga apabila ditemukan kesalahan bisa dilakukan perbaikan.

4.3 Manual Instalasi

Dalam manual instalasi berikut akan dijelaskan secara singkat bagaimana aplikasi toko online ini dapat dijalankan. Untuk menginstall aplikasi toko online ini

8

dibutuhkan sebuah hosting, minimal shared hosting, agar dapat mengupload file script ke server. Instalasi hosting juga dapat dilakukan oleh pihak pemilik atau penyedia jasa hosting. Setelah pembelian nama domian, maka diperlukan setting DNS (Domain Name

System). DNS biasanya disediakan oleh pihak hosting. DNS akan berupa seperti

ns1.domain.com dan ns2.domain.com.

4.4 Manual Program

4.4.1 Halaman Utama Pengunjung

Pada saat pengunjung pertama kali masuk ke website Pak Oles Jogja maka akan masuk ke halaman utama website (halaman index). Pengunjung dapat mengakses beberapa menu diantaranya menu cara pembelian, hubungi kami, galeri foto, profil, compare produk, katalog produk dan menu konfirmasi. Berikut adalah halaman yang dapat diakses oleh pengunjung.

4.4.2 Halaman Utama Kustomer

Pada saat kustomer atau pelanggan mengakses website Pak Oles Jogja maka akan muncul halaman utama atau halaman index dari website. Kustomer dapat mengakses seluruh menu yang ada pada pengunjung ditambah dengan menu utama user/kustomer.

4.5 Mekanisme Upload Hosting

Setelah selesai mendesain dan membuat website secara offline, langkah selanjutnya adalah mengupload website tersebut ke account hosting yang telah Anda dapatkan. Yang dinamakan dengan upload ini adalah proses memindahkan file-file dari komputer Anda ke server hosting sehingga nantinya bisa diakses oleh banyak orang di seluruh dunia.

4.6 Pemeliharaan Sistem

Pemeliharaan sistem merupakan faktor atau point yang penting dalam perangkat lunak terlebih website. Pemeliharaan sistem dilakukan agar kinerja website dapat berjalan dengan baik dan menghindari kehilangan-kehilangan data-data maupun informasi yang penting seperti dengan melakukan backup database. Namun tidak hanya itu, perkembangan website harus ada inovasi dan pembenahan sistem untuk menghadapai data-data baru maupun kejenuhan user dalam menggunakan website.

4.6.1 Backup data

Dengan melakukan backup data secara rutin, karena sistem website masih dalam skala kecil, waktu untuk melakukan backup data dapat dilakukan misalnya 1 atau 2 bulan sekali.

9

4.6.2 Inovasi sistem

Inovasi dapat dilakukan pada tampilan, penambahan fitur website dan keamanan sistem.

1. Kesimpulan

Berdasarkan pembahasan yang ada pada halaman sebelumnya dengan adanya penelitian pada Pak Oles Jogja dan pembuatan laporan skripsi dengan judul “Perancangan Website Toko Online “Pak Oles Jogja” Sebagai Media Jual Beli Online” dapat ditarik kesimpulan yaitu:

1. Untuk menganalisa sebuah website agar dapat menjadi media jual beli online pada Pak Oles Jogja diperlukan analisis terhadap system lama dengan analisis sistem baru yang akan dibuat. Analisa tersebut dilihat dari beberapa aspek (kinerja, informasi, ekonomi, keamanan, efisiensi dan layanan). Analisa dimulai dari meneliti masalah yang ada pada sistem lama yang akan menjadi koreksi atau diperbaiki pada sistem baru yang akan dibuat.

2. Untuk merancang toko online yang dinamis dan mudah dikelola sehingga memberikan dampak positif untuk Pak Oles Jogja diperlukan analisa terhadap kebutuhan pengguna baik dari pengunjung(kustomer) maupun admin sebagai pengelola website. Perancangan website(tampilan) yang menarik ataupun mudah digunakan (friendly) juga memberikan faktor penting di dalam pembuatan website.

5.2 Saran

Mengingat tidak ada yang sempurna di dunia ini, disadari sepenuhnya skripsi ini masih banyak kekurangan sehingga kritik dan saran dari pembaca sangat diharapkan. Kiranya skripsi ini dengan segala kelebihan dan kekurangan dapat diterima sehingga memberikan manfaat bagi pembaca.

Beberapa saran yang dapat diberikan penulis untuk proses pelaksanaan pengembangan aplikasi website selanjutnya adalah sebagai berikut:

1. Pemeliharaan sebaiknya dilakukan secara rutin misalnya backup data 1 bulan sekali. 2. Pengembangan website dalam hal inovasi baik dari tampilan maupun penambahan fitur sesuai dengan teknologi yang sedang berjalan.

3. Agar situs lebih banyak dikunjungi maka perlu dioptimalkan lagi Search Engine

Optimization.

4. Dalam membangun sebuah sistem terutama website, keamanan data menjadi faktor terpenting sehingga perlu perhatianlebih dalam aspek ini.

10

DAFTAR PUSTAKA

Al Fatta, H. 2007. Analisis & Perancangan Sistem Informasi untuk Keunggulan

Bersaing Perusahaan & Organisasi Modern. Yogyakarta : Andi Offset.

Anhar. 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak..

Jakarta : Mediakita.

Jogiyanto. 2005. Analisis dan Desain Sistem Informasi: Pendekatan Terstruktur

Teori dan Praktik Aplikasi Bisnis. Yogyakarta : Andi Offset.

Kusrini, 2007. Strategi Perancangan dan Pengelolaan Basis Data..

Yogyakarta : Andi Offset.

Rangkuti, Fredy. 2009. Strategi Promosi yang Kreatif dan Analisis Kasus –

Integrated Marketing Communications. Jakarta : Gramedia.

Yuhefizar. 2008. 10 Jam Menguasai Internet, Teknologi dan Aplikasinya.Jakarta : Elex Media.