PERANCANGAN DAN PEMBUATAN WEBSITE COMPANY PROFILE UNTUK TOKO STARCOMP DI YOGYAKARTA
NASKAH PUBLIKASI
JUDUL
diajukan oleh Casta 10.12.4688
diajukan oleh Muhammad Fajri 10.12.4704
Kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2014
PENGESAHAN
ii
DESIGNING AND WEBSITE DEVELOPMENT COMPANY PROFILE FOR STARCOMP STORE IN YOGYAKARTA PERANCANGAN DAN PEMBUATAN WEBSITE COMPANY PROFILE UNTUK TOKO STARCOMP DI YOGYAKARTA FAJRI M. Rudyanto arief Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA ABSTRACT Company profile is one medium that helps an enterprise to introduce identity as well as the advantages of the company to his client briefly and effectively. Starcomp computer store requires company profile is attractive and in accordance with the trend in contemporary times, so that each of his clients are confident and trust to use the services offered by Starcomp. Therefore to be able to represent the company profile and also present the identity of these companies, especially in the visual aspect. This causes each year Starcomp must create and revise company profile in a new format and in accordance with up to date style. In general company profile is packaged in the form of print media, to be read directly by clients. But in this era of globalization print media is less effective and more interesting, because in this era is the era of the digital world. So that the practitioner has a creative idea to include a company profile in the format of the website. Keyword: Company profile, visual aspect, print media, website,computer store, Starcomp
iii
1 Pendahuluan Perkembangan ilmu pengetahuan dan teknologi saat ini berkembang sangat pesat dan menghasilkan banyak inovasi dan perubahan baru. Internet adalah salah satu hasil dari dampaknya perkembangan teknologi saat ini. Didalam internet bisa didapatkan berbagai kebutuhan yang diperlukan oleh masyarakat tanpa harus susah susah-susah mencarinya. Internet juga bisa diakses dari seluruh penjuru dunia mulai dari anak-anak sampai orang dewasa. Kemudahan dan biaya akses yang relatif murah menjadikan internet sebagai sarana untuk memenuhi kebutuhan utama. Apalagi saat ini sudah banyak fasilitas yang menyediakan internet seperti wifi dan sebagainya. Dengan internet kita bisa mengetahui
informasi yang terbaru
dalam segala bidang baik itu dalam negeri
maupun luar negeri, bahkan dengan internet manusia bisa mendapatkan berbagai kebutuhan yang diperlukan, jual beli barang, dan kegiatan lainnya. Starcomp merupakan badan usaha yang bergerak dibidang penjualan hardware atau software dan servis komputer yang berada di wilayah Yogyakarta. Oleh karena itu sangat dibutuhkan media informasi online yaitu sebuah web sebagai media informasi. Oleh sebab situs web menjadi salah satu pilihan untuk mempertahankan loyalitas konsumen terhadap toko Starcomp.
1.1 Rumusan Masalah Berdasarkan latar belakang masalah yang telah diuraikan di atas, maka dapat diambil rumusan masalah yaitu bagaimana cara membangun sebuah web yang menyajikan informasi produk hardware atau software untuk toko komputer Satrcomp.
1.2 Batasan Masalah Berdasarkan rumusan masalah diatas, maka web yang akan dibangun memiliki batasan masalah sebagai berikut : 1. Web yang dibuat berupa web company profile yng berisi katalog produk dan berita . 2. Web yang dibuat pada Starcomp menggunakan PHP sebagai bahasa pemrograman, My SQL sebagai database, Adobe dreamweaver CS 3 sebagai web editor. Adobe Photoshop CS 3 sebagai desain grafis. Wamp sebagai web server dan database server, Mozilla Firefox 4 sebagai web browser. 3. Dalam sistem ini tidak membahas mengenai keamanan sistem dari ancaman hacking dan pencurian data.
1
4. Website ini dibuat hanya untuk sampai tahap implementai saja yaitu sampai tahap pembuatan web dan uji coba. 1.3 Tujuan Penelitian Penelitian ini mempunyai beberapa tujuan, baik bagi penulis maupun bagi perusahaan, yaitu : a. Membuat sebuah website company profile yang berisikan catalog produk untuk toko starcomp Yogyakarta. b. Skripsi ini guna memenuhi syarat kelulusan program studi strata 1 pada STMIK AMIKOM Yogyakarta
1.4 Manfaat Penelitian a. Sebagai media informasi yang fleksibel dan efisien untuk meningkatkan jumlah konsumen atau pengunjung. b. Sebagai media promosi produk-produk yang dibuat sehingga dapat dikenal oleh masyarakat yang lebih luas, yang mencakup berbagai wilayah dan golongan. 2 Landasan Teori 2.1 Konsep Dasar Sistem Sebelum kita menganalisis terlebih dahulu harus memahami dan ditekankan tentang pemahaman sistem, terdapat beberapa pengertian dari sistem itu sendiri. Definisi sistem berkembang sesuai dengan kontek dan di mana pengertian itu digunakan. 2.1.1 Pengertian Sistem Definisi sistem berkembang sesuai dengan konteks dimana pengertian sistem itu 1
digunakan. Berikut beberapa definisi tentang sistem : 1. Sistem adalah suatu kesatuan yang terdiri dari interaksi sub sistem yang berusaha untuk mencapai suatu tujuan (Goal) yang sama. 2. Sistem adalah
sekumpulan obyek-obyek yang saling berelasi dan
berinteraksi serta hubungan antar obyek bisa dilihat sebagai satu kesatuan yang dirancang untuk mencapai satu tujuan.
1
Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi, hal : 3. Penerbit ANDI, Yogyakarta.
2
2.2 Siklus Informasi Data yang diolah melalui suatu model menjadi informasi, penerima kemudian menerima informasi tersebut, membuat suatu keputusan dan melakukan tindakan, yang berarti menghasilkan suatu tindakan yang lain yang akan membuat sejumlah data kembali. Data tersebut akan ditangkap sebagai input, diproses kembali lewat suatu model dan seterusnya membentuk suatu siklus.
2.3 Konsep Dasar Sistem Informasi 2.3.1 Sistem Informasi Suatu sistem mempunyai karakteristik tertentu, yaitu mempunyai komponen (components), batas sistem (boundary), lingkungan luar sistem (enviriment), penghubung (interface), masukan(input), keluaran (output), pengolahan (process), 2
dan sasaran (objective) atau tujuan (goal) . Dibawah ini merupakan penjelasan dari masing-masing karakteristik tersebut : 1. Komponen Sistem (Components System) 2. Batasan Sistem (Boundary) 3. Lingkungan Luar Sistem (Environment) 4. Penghubung (Interface) 5. Masukkan (Input) 6. Keluaran (Output) 7. Pengolahan Sistem (Process) 8. Sasaran Sistem (Objective)
2.4 Konsep Dasar Basis Data Basis data adalah kumpulan data yang saling berelasi. Data sendiri merupakan fakta mengenai obyek, orang, dan lain-lain. Data dinyatakan dengan nilai (angka, deretan, karakter, atau simbol). Basis data dapat didefenisikan dalam berbagai sudut pandang seperti berikut: 1. Himpunan
kelompok
data
yang
saling
berhubungan
yang
diorganisasi
sedemikian rupa sehingga kelak dapat dimanfaatkan dengan cepat dan mudah. 2. Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa tanpa pengulangan (redundancy) yang tidak perlu, untuk memenuhi kebutuhan
2
M. Ghazali, Budi Haryanto, Nova Maulana,Reno Nugraha, Dimas Handoko. 2008. Konsep Sistem Informasi, hal : 78 Penerbit :TheONEmAn2480, Jakarta.
3
3. Kumpulan file/tabvel/arsip yang saling berhubungan yang disimpan dalam media penyimpanan elektronik.
2.5 Basis Data Basis data (database) adalah kumpulan dari berbagai data yang saling berhubungan satu dengan yang lainya. Basis data tersimpan di perangkat keras serta dimanipulasi dengan menggunakan perangkat lunak. Pendefinisian basis data meliputi spesifikasi dari tipe data, struktur, dan batasan dari data atau informasi yang akan disimpan. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena merupakan basis dalam menyediakan informasi pada pengguna atau user.
2.6 Konsep Pemodelan Ssitem 2.6.1 Flowchart Defenisi Flowchart atau diagram alur menurut Sugiyono adalah Gambar simbol – simbol yang digunakan untuk menggambarkan urutan proses atau instruksi – intruksi 3
yang terjadi di dalam suatu program komputer secar sistematis dan logis . Bagan alir sistem merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan didalam sistem. Bagan ini menjelaskan urutan – urutan dari prosedur – prosedur yang ada didalam sistem. Bagan alir sistem menunjukkan apa yang dikerjakan disistem. 2.6.2 DFD DFD
merupakan
alat
yang
sangat
populer
saat
ini,
karena
dapat
menggambarkan arus data didalam sistem dengan terstruktur dengan jelas. Diagram yang menggunakan notasi-notasi ini untuk menggambarkan arus data sistem sekarang 4
dikenal dengan nama diagram arus data (data flow diagram atau DFD) .
2.7 Perangkat Lunak Yang Digunakan Sebagai sebuah program penghasil database, MySQL tidak dapat berjalan sendiri tanpa aplikasi lain (interface). MySQL dapat didukung oleh hampir semua program aplikasi baik yang open source seperti PHP maupun yang tidak, yang ada platform windows seperti Visual basic dan Delphi. Program -program yang menggunakan bahasa SQL, antara lain :
3
Sugiyono. 2005. Memahami Penelitian Kualitatif . hal:29 .Penerbit : ALFABET. Bandung
4
Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi, hal : 104. Penerbit ANDI, Yogyakarta.
4
1.
MySQL
2.
Posgres SQL
3.
Oracle
4.
SQL Server 97, 2000
5.
Interbase
Program – program aplikasi pendukung MySQL, antara lain : 1.
PHP (Page Hypertext Preprocessor)
2.
Visual Delphi
3.
Visual Basic
4.
Cold Fusion Hal yang sulit bagi kita yang menyukai grafis pada MySQL adalah layar program
yang berbasis DOS. MySQL memiliki layar utama yang seperti layar DOS yaitu memiliki promt utama yang disebut mysql> sehingga bagi orang yang baru pertama dan belum mengenal perintah dos akan merasa kesulitan. Akan tetapi, bagi kita yang baru pertama kali masuk dalam dunia database jangan berkecil hati karena sekarang ada suatu program dump yang dibuat seperti web dan berjalan dibawah server database yang disebut phpmyadmin. 3 Analisis Dan perancangan 3.1. Cara Kerja Sistem Lama Cara kerja sistem lama merupakan alur pengolahan data yang digunakan saat ini, sebelum menggunakan sistem yang di usulkan. Jika pelanggan ingin melihat beberapa jenis produk maka dia harus datang langsung ke toko untuk meminta brosur atau menemukan beberapa iklan dijalan dan sebagai nya. 3.2. Analisis Sistem Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi
yang
utuh
ke
dalam
bagian
komponennya
dengan
maksud
untuk
mengidentifikasikan dan mengevaluasi permasalahan, kesempatan, hambatan yang terjadi,
dan
kebutuhan-kebutuhan
yang
diharapkan,
sehingga
dapat
diusulkan
perbaikan. 3.2.1
Identifikasi Masalah Berdasarkan latar belakang masalah maka berhasil diidentifikasi masalah yang
terjadi selama pengamatan dan wawancara terhadap owner/pemilik toko Starcomp yaitu bapak Klaus Dominica, antara lain : 3.2.2
Analisis SWOT Sistem promosi toko Starcomp khususnya dalam penyampaian informasi dan
promosi (penjualan) dianalisis menggunakan metode/kerangka kerja SWOT (Strengths, Weakness, Opportunities and Threats) sebagai dasar untuk memperoleh pokok-pokok
5
permasalahan yang lebih jelas dan spesifik Hasil analisis
tersebut dapat dijelaskan
sebagai berikut : 1.
Analisis Strengths (Kekuatan)
2.
Analisis Weakness (Kelemahan)
3.
Analisis Opportunities (Peluang)
4.
Analisis Threats (Ancaman)
3.2.3
Analisis Kebutuhan Sistem Website Toko Starcomp Analisis kebutuhan sistem ini dibedakan menjadi dua jenis, yaitu kebutuhan
fungsional dan kebutuhan non fungsional. 3.2.3.1 Kebutuhan Fungsional Sistem Sistem harus dapat menampilkan informasi dan katalog mengenai toko satarcomp. 3.2.3.2 Kebutuhan Non Fungsional Sistem Kebutuhan nonfungsional adalah tipe kebutuhan properti yang digunakan dalam membuat aplikasi, antara lain : 1. Perangkat Keras (Hardware) 2. Perangkat Lunak (Software) 3. Manusia (Brainware) 3.5.6 Analisis Kelayakan Sistem Website Starcomp 1. Analisis Kelayakan Teknik Untuk mendukung kelayakan sistem baru ini digunakan teknologi internet, yang dalam pelaksanaannya membutuhkan suatu komputer yang terhubung dengan jaringan internet secara on-line yang sudah tersedia di toko Starcomp.. 2. Analisis Kelayakan Operasional Interface aplikasi harus user friendly agar dapat dipahami oleh pengguna yang baru menjalankannya. 3. Analisis Kelayakan Hukum Status hukum dari software yang digunakan dalam perancangan website Starcomp tentu saja legal. Content (isi) dari website tentu saja tidak bertentangan dengan norma hukum yang berlaku. 4. Analisis Kelayakan Ekonomi Dengan membandingkan antara biaya-biaya yang dikeluarkan dengan manfaatmanfaat yang didapat.
6
Tabel 3.1 Analisis Biaya Produksi
Tahun ke-0
Tahun ke-1
Tahun ke-2
(Rupiah)
(Rupiah)
(Rupiah)
a. Biaya domain
105.000
110.000
110.000
b. Biaya hosting
300.000
300.000
300.000
c. Biaya internet
1.800.000
1.800.000
1.800.000
2.205.000
2.210.000
2.210.000
a. Biaya sistem analis
600.000
-
-
b. Biaya programmer
2.840.000
-
-
-
1.500.000
1.500.000
Total Biaya Proyek
3.440.000
1.500.000
1.500.000
Total semua biaya
5.654.000
3.710.000
3.710.000
2.400.000
2.500.000
2.600.000
1.450.000
1.550.000
1.650.000
b. Peningkatan kepuasan karyawan
500.000
600.000
700.000
c. Peningkatan keputusan
900.000
1.000.000
1.000.000
Total manfaat
5.250.000
5.650.000
5.250.000
Total manfaat – total biaya
Rp -.404.000
Rincian Biaya dan Manfaat Biaya pengadaan
Total Biaya Pengadaan Biaya proyek
c. Biaya perawatan
1. Keuntungan berwujud a. Pengurangan biaya iklan 2. Keuntungan tak berwujud a. Peningkatan pelayanan pelangganan
manajemen
3.6
Rp 1.940.000 Rp 1.540.000
Perancangan Sistem tahap mengidentifikasi dari kebutuhan-kebutuhan fungsional sebagai persiapan
dalam rancang bangun implementasi, yang bertujuan untuk merancang dan mendesain sistem dalam memenuhi kebutuhan pemakai sistem. Tahap-tahap perancangan sistem ini adalah perancangan diagram proses, perancangan basis data, dan yang terakhir adalah perancangan tampilan interface.
7
3.7
Pemodelan Sistem 1. Flowchart 2. Physical (Perancangan Data Flow Diagram)
Admin Memproses data login Memproses data kategori Memproses data produk Memproses data berita Memproses data contact us Memproses data laporan Informasi admin Informasi kategori Informasi produk Informasi berita Informasi contact us Informasi laporan 0 Sistem informasi catalog Starcomp
Memproses data pencarian produk
Informasi produk Informasi kategori Informasi berita Informasi contact us Informasi hasil pencarian produk
Pengunjung
Gambar 3.1 DFD Level 0 Untuk Pembuatan Website Starcomp 3. Perancangan Sistem Menu 3.6 ERD Sistem Informasi Starcomp Entity Relationship Diagram adalah alat permodelan data utama dan akan membantu mengorganisasi data dalam suatu proyek ke dalam entitas-entitas dan menentukan hubungan antar entitas.Entity Relationship Diagram dapat dilihat pada gambar berikut. 3.7 Perancangan Basis Data Tabel ini digunakan untuk pengeditan data administrator pada halaman admin sehingga dapat ditentukan hak akses admin. a. Tabel Berita
8
b. Tabel Kategori c.
Tabel Produk
d. Tabel Header 3.8
Perancangan Halaman
3.8.5 Halaman Administrator 1.
Halaman Utama
2.
Halaman Login Admin
3.
Halaman Input Produk
4.
Halaman Input Kategori
5.
Halaman Input Berita
6.
Halaman Input Header
3.8.6 Halaman Pengunjung 1.
Halaman Produk
4 Implementasi Sistem 4.1 Implementasi Database Terdapat 6 tabel pada database Starcomp, yaitu : a.
Tampilan Utama Tabel Database Starcomp Database ini berfungsi untuk menyimpan semua komponen kategori utama bagi web satrcomp yang meliputi tabel admin, berita, contact, header, kategori, produk.
Gambar 4.1 Tampilan Database Starcomp b.
Tampilan Tabel Admin Tabel admin berfungsi untuk menyimpan seluruh data admin untuk mealakukan proses login. Dalam tabel admin ini terdapat field : user_id dan pass_id.
9
Gambar 4.2 Tampilan Tabel Admin 4.2 Pembahasan 4.2.1
Koneksi Server Koneksi database merupakan tahapan mengkoneksikan script php atau
program yang dibangun dengan database mysql sekaligus menyeleksi database yang telah ditentukan dalam listing program yang mana fill ini disimpan pada folder config dengan format koneksi.php connect_errno) { echo "Gagal mengkoneksikan dengan Mysql: " . $mysqli->connect_error; } date_default_timezone_set("Asia/Jakarta"); $aTampil = array('10','30','100'); ?>
4.3
Implementasi Form
4.3.1 a.
Halaman Administrasi Log in Untuk dapat mengakses menu utama admin, admin harus login melalui halaman admnistrator terlebih dahulu
Gambar 4.3 Halaman Log in
10
b.
Menu Home Admin Halaman ini ditampilkan ketika seorang admin telah login dan halaman ini berisi data-data yang dibutuhkan oleh seorang admin.
Gambar 4.4 Halaman Admin c.
Halaman Produk Menu ini berfungsi untuk menambahkan, edit dan hapus data produk.
Gambar 4.5 Halaman Produk 4.3.2
Halaman User
a. Home Tahapan desain merupakan tahapan dimana pembuatan interface halaman-halaman yang nantinya sistem bisa diimplementasikan. Kemudian tahapan implementasi merupakan tahapan dimana sistem siap dioperasikan pada keadaan sebenarnya, dari sini akan diketahui apakah sistem yang dibuat benar-benar dapat menghasilkan tujuan yang diinginkan.
11
Gambar 4.6 Halaman Utama / User 5 Penutup 5.1 Kesimpulan Dari hasil pembuatan aplikasi Web pada Starcomp, dan sebagai akhir dari laporan, penulis dapat menarik kesimpulan sebagai berikut : 1. Website yang telah dibuat dapat menyajikan E-catalog produk dari toko starcomp untuk membantu toko starcomp menampilkan produk dan informasi seputar hardware dan software komputer 2. Dengan adanya menu kategori pada website Starcomp maka bisa melakukan pemilihan dan pengelompokkan produk. 3. Dengan adanya fitur pencarian produk dan sorting, dapat membantu pengunjung menemukan produk yang diminati 4. Dengan adanya fitur ubah password bagi admin dapat membantu jika ada perubahan account admin. 5.
Dengan adanya pemberian harga promo (discount) pada website akan mempermudah pemilik toko untuk menarik perhatian pengunjung.
5.1. Saran Dalam penulisan skripsi ini tentu terdapat banyak kekurangan, yang dapat disempurnakan pada penelitian-penelitian berikutnya. Maka agar aplikasi ini dapat lebih sempurna, pengembangan aplikasi ini disarankan agar menciptakan aplikasi yang lebih kompleks, sehingga semakin banyak fasilitas dalam web ini yang bisa diberikan ke pelanggan. Saran yang diajukan adalah :
12
a. Agar website ini lebi optimal diharapkan website ini memiliki fitur pemesanan secara online agar konsumen bisa memesan barang melalui website. b. Agar website lebih banyak dikunjungi maka diperlukan penambahan Search Engine Optimization (SEO) dalam website ini. c.
Diberikan fitur member bagi anggota bilamana website ini terdapat sistem pemesanan.
d. Agar website lebih optimal lagi diberi sistem pemberitahuan atau laporan untuk mempermudah transaksi pemesanan.
DAFTAR PUSTAKA
Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi, hal : 3. Penerbit ANDI, Yogyakarta. Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi, hal : 104. Penerbit ANDI, Yogyakarta. M. Ghazali, Budi Haryanto, Nova Maulana,Reno Nugraha, Dimas Handoko. 2008. Konsep Sistem Informasi, hal : 78 Penerbit :TheONEmAn2480, Jakarta. Sugiyono. 2005. Memahami Penelitian Kualitatif . hal:29 .Penerbit : ALFABET. Bandung.
13
12
