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

ii

PENGESAHAN

iii

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

1

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.

2

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

digunakan. Berikut beberapa definisi tentang sistem1:

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.

3

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),

dan sasaran (objective) atau tujuan (goal)2. 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.

4

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

yang terjadi di dalam suatu program komputer secar sistematis dan logis3.

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

dikenal dengan nama diagram arus data (data flow diagram atau DFD)4.

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.

5

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

6

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 manfaat-

manfaat yang didapat.

7

Tabel 3.1 Analisis Biaya Produksi

Rincian Biaya dan Manfaat Tahun ke-0

(Rupiah)

Tahun ke-1

(Rupiah)

Tahun ke-2

(Rupiah)

Biaya pengadaan

a. Biaya domain

b. Biaya hosting

c. Biaya internet

105.000

300.000

1.800.000

110.000

300.000

1.800.000

110.000

300.000

1.800.000

Total Biaya Pengadaan 2.205.000 2.210.000 2.210.000

Biaya proyek

a. Biaya sistem analis

b. Biaya programmer

c. Biaya perawatan

600.000

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

1. Keuntungan berwujud

a. Pengurangan biaya iklan

2.400.000

2.500.000

2.600.000

2. Keuntungan tak berwujud

a. Peningkatan pelayanan

pelangganan

b. Peningkatan kepuasan karyawan

c. Peningkatan keputusan

manajemen

1.450.000

500.000

900.000

1.550.000

600.000

1.000.000

1.650.000

700.000

1.000.000

Total manfaat 5.250.000 5.650.000 5.250.000

Total manfaat – total biaya Rp -.404.000 Rp 1.940.000 Rp 1.540.000

3.6 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.

8

3.7 Pemodelan Sistem

1. Flowchart

2. Physical (Perancangan Data Flow Diagram)

0

Sistem informasi

catalog Starcomp

Admin

Pengunjung

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

Memproses data

pencarian produk

Informasi produk

Informasi kategori

Informasi berita

Informasi contact us

Informasi hasil pencarian produk

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

9

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.

10

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

4.3 Implementasi Form

4.3.1 Halaman Administrasi

a. Log in

Untuk dapat mengakses menu utama admin, admin harus login melalui halaman

admnistrator terlebih dahulu

Gambar 4.3 Halaman Log in

<?php

$mysqli = new mysqli("localhost", "root", "", "e-

catalog_starcomp");

if ($mysqli->connect_errno) {

echo "Gagal mengkoneksikan dengan Mysql: " .

$mysqli->connect_error;

}

date_default_timezone_set("Asia/Jakarta");

$aTampil = array('10','30','100');

?>

11

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.

12

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 :

13

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.

12