PERANCANGAN DAN PEMBUATAN WEBSITE COMPANY PROFILE UNTUK TOKO STARCOMP DI YOGYAKARTA NASKAH PUBLIKASI JUDUL. diajukan oleh Casta

(1)

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

(2)

ii

(3)

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.

(4)

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.

(5)

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.

(6)

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.

(7)

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

(8)

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,

(9)

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.

(10)

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.

(11)

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.

(12)

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.

(13)

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');

(14)

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.

(15)

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.

(16)

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

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.

(17)