perancangan sistem informasi bebasis web cv. …

24
PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. ANNISA KARYA SEBAGAI SARANA PROMOSI NASKAH PUBLIKASI diajukan oleh St. Fatimah Hartina R. 10.22.1288 kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2011

Upload: others

Post on 14-Nov-2021

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

PERANCANGAN SISTEM INFORMASI BEBASIS WEB

CV. ANNISA KARYA SEBAGAI SARANA PROMOSI

NASKAH PUBLIKASI

diajukan oleh

St. Fatimah Hartina R.

10.22.1288

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM

YOGYAKARTA

2011

Page 2: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …
Page 3: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

Web Based Information System as a Promotion of

Cv. Annisa Karya

Perancangan Sistem Informasi berbasis Web

CV. Annisa Karya sebagai Sarana Promosi

St Fatimah Hartina R Jurusan Sistem Informasi

STMIK AMIKOM YOGYAKARTA

ABSTRACT

The development of information technology is currently very rapid and generate new innovations along with the development of human mindset is always evolving toward better. One of this rapid development is the promotion of products supported by information technology. Currently many using the internet for marketing their productsbecause delivery more accurate, relevant and up to date.

Increasing the amount of people who use the internet makes CV. Annisa Karya wants to advertising products or their services through the Internet or commonly called cyberspace. Therefore, the writer want to realize the CV. Annisa Karya plans to promote products or services through the creation of web based information system.

The results of analysis is the performance problems found a company that still have not obtained satisfactory results, the information is still not accurate, not relevant, and not up to date, and the costs incurred for the promotion very big while the results obtained are haven’t been according with the wishes.

Keywords : Information, Analysis, Internet, Promotion, Information System, CV. Annisa Karya

Page 4: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

1. Pendahuluan

Teknologi semakin berkembang seiring dengan meningkatnya kebutuhan kita.

Dalam memasuki dunia globalisasi, kita mengenal teknologi yang semakin maju untuk

mempermudah melakukan berbagai kegiatan dalam kehidupan. Kemajuan di bidang

transportasi, komunikasi, kesehatan, pendidikan, dan bidang lainnya merupan contoh

bahwa kitasemakin memerlukan teknologi dalam kehidupan ini.

Sekarang ini internet tidak hanya digunakan untuk memperoleh informasi saja,

melainkan dapat digunakan sebagai media untuk melakukan bisnis dengan membangun

sebuah website. Dalam bisnis ini bukan hanya dalam penjualan barang tapi penjualan

jasa pun dapat kita iklankan untuk mencari konsumen. Sebelum mengenal internet para

penjual jasa mengiklankan perusahaan melalui media cetak seperti koran, iklan televisi

itu pun dengan harga yang tidak murah. Kini dengan hadirnya internet, kita dapat

melakukan bisnis lebih mudah.

CV. Annisa Karya merupakan Jasa Kontraktor spesialis jalan asphal,

pembuatan salurai air (drainase), bangun rumah, bangun ruko bangun gedung kantor,

bangun pabrik – gudang, renovasi rumah tinggal, renovasi vila, dengan konstruksi atap

baja ringan, konstruksi beton yang didukung oleh tenaga ahli dan sumber daya yang

berpengalaman. Suatu website akan menjelaskan kepada konsumen tentang

perusahaan, bagaimana proses perusahaan melakukan kegiatannya, proyek-proyek apa

saja yang pernah dikerjakan perusahaan, membuat mudah mendapatkan informasi tanpa

harus bertanya lagi. Tidak hanya itu keberadaan sebuah website akan dapat memperluas

jangkauan pemasaran sebuah bisnis.

2. Landasan Teori

2.1. Sistem Informasi

Sistem informasi adalah suatu sistem dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi

operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu

organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan informasi yang

diperlukan untuk pengambilan keputusan.

Sistem informasi dalam suatu organisasi dapat dikatakan sebagai suatu sistem

yang menyediakan informasi bagi semua tingkatan dalam organisasi tersebut kapan saja

diperlukan. Sistem ini menyimpan, mengambil, mengubah, mengolah dan

Page 5: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

mengkomunikasikan informasi yang diterima dengan menggunakan sistem informasi

atau peralatan sistem lainnya.

2.2. Promosi

Promosi adalah bentuk komunikasi pemasaran yang berupa aktivitas

pemasaran yang berusaha menyebarkan informasi, mempengaruhi atau membujuk dan

mengingatkan pasar atas perusahaan atau produknya agar bersedia menerima, membeli

dan loyal kepada produk yang ditawarkan perusahaan yang bersangkutan. (tjiptono.

2000:219).

Jadi promosi merupakan fungsi pemberitahuan, pembujukan dan pengimbasan

keputusan pembelian konsekuen. Dalam promosi terjadi proses penyajian pesan-pesan

yang ditujukan untuk membantu penjualan barang dan jasa. Promosi merupakan aktifitas

pemasaran yang paling kentara dan mungkin paling kontroversial yang secara rutin

dilaksanakan oleh perusahaan. Termasuk dalam kegiatan promosi adalah; periklanan,

personal selling, promosi penjualan dan publisitas.

2.3. Internet

Internet merupakan salah satu infrastruktur utama e-bisnis. Pada mulanya,

jaringan internet dikembangkan sebagai saluran khusus untuk aktivitas riset dan

keperluan para akademisi. Dalam perkembangannya, internet dieksploitasi untuk

berbagai keperluan lainnya, termasuk untuk keperluan bisnis. Internet itu sendiri

merupakan singkatan dari Interconnection Networking. Menurut Randall dan Latulipe

Secara sederhana, internet bisa diartikan sebagai “ a global network of computer

networks”.Dengan demikian, pada dasarnya internet merupakan jaringan komputer yang

sangat besar terbentuk dari jaringan – jaringan kecil yang saling terhubung satu sama

lain.

2.4. XAMPP

Xampp adalah perangkat lunak bebas, yang mendukung banyak sistem

operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server

yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL

database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan

Perl.

Page 6: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

2.5. Macromedia Dreamweaver MX

Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk

mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita

menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai

bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver

mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna

dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.

3. Analisis dan Perancangan Sistem

3.1. Tinjauan Umum

CV. Annisa Karya didirikan oleh seorang yang bernama Muhammad Farid

Algazali yang seorang mahasiswa jurusan hukum Universitas Muslim Indonesia (UMI)

Makassar. Sekarang CV. Annisa Karya telah berkembang menyediakan Jasa Kontraktor

dan Leveransir atau Pengadaan barang yang tidak kalah dengan perusahaan lainnya.

VISI :

Menjadi Perusahaan Jasa Kontraktor Bangunan terkemuka yang inovatif, dengan

sumber daya yang handal, kinerja terpadu dan professional mengutamakan “Mutu”

dalam budaya bekerja sehingga menghasilkan produk yang terjamin bagi pelanggan

kami.

MISI :

Menjadi Perusahaan Jasa Kontraktor dan Leveransir yang mengutamakan

kesejahteraan karyawan dan Kepuasan Pelanggan serta perduli terhadap lingkungan

social.

3.2. Analisis Sistem

Analisis sistem (System Analysis) dapat didefinisikan penguraian dari suatu

sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud

mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-

kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang

diharapkan sehingga dapat diusulkan perbaikannya.

Page 7: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

3.3. Analisis Kelemahan Sistem

Untuk mengidentifikasi masalah pada CV. Annisa Karya, maka harus

melakukan analisis yang dikenal PIECES ( Performance, Information, Economy, Control,

Eficiency, and Services). Yang nantinya dapat digunakan untuk acuan dalam

memperoleh permasalahan yang lebih jelas dan spesifik.

a. Analisis Kinerja ( Performence )

Kinerja perusahaan sangat tergantung pada sumber daya manusia dan sumber

daya alat atau alat atau sarana prasarana yang ada pada perusahaan. Dalam penelitian

ini yang dianalisa adalah sistem informasi khususnya untuk Mempromosikan produk jasa

dari sistem lama dapat dilihat dalam tabel berikut :

No Parameter Hasil Analisis

1

2

Throughput

Response Time

Iklan dilakukan melalui media

cetak koran 36 kali selama tahun

2010

Deadline 3 hari sebelum

pemasangan iklan

b. Analisis Infomasi ( Information )

Analisis Informasi merupakan peningkatan terhadap kualitas informasi yang

disajikan, komoditas terpenting bagi seorang pemakai akhir pada suatu sistem dalam

pengambilan keputusan adalah informasi. Informasi yang baik user dapat mendapatkan

informasi yang akurat, relevan, dan up to date. Informasi yang ada pada CV. Annisa

Karya adalah masih membutuhkan peningkatan kualitas informasi dan kecepatan

penyampaian informasi, analisis informasi saat ini adalah:

No. Parameter Hasil Analisis

1.

2.

Akurat

Relevan

Informasi belum akurat karena sulit

diperbaiki jika terjadi kesalahan

Informasi belum relevan karena masih

banyak informasi yang dibutuhkan oleh

Tabel 3.2. Analisis Informasi

Tabel 3.1. Analisis Kinerja

Page 8: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

3.

Up to date

konsumen.

Tidak dapat di update setiap saat

c. Analisis Ekonomi ( Economic )

Peningkatan terhadap manfaat-manfaat atau keuntungan-keuntungan atau

penurunan-penurunan biaya yang terjadi.

No Parameter Hasil Analisis

1. Biaya Iklan kolom di koran Fajar Makassar = Rp.

30.000/mmk

1 kolom = 43 mmk, 43 x Rp. 30.000 =

Rp. 1.290.000,-, tayang sekali seminggu dalam

sebulan berarti Rp.1.290.000 x 4 =

Rp.5.160.000/bulan

d. Analisis Pengendalian ( Control )

Peningkatan terhadap pengendalian untuk mendeteksi dan memperbaiki

kesalahan-kesalahan serta kecurangan-kecurangan yang terjadi.

No. Parameter Hasil Analisis

1. Resiko Pengendalian terhadap informasi lebih sulit

dilakukan, bila terjadi kesalahan maka akan

sulit melakukan perubahan, sebab harus

mencetak ulang iklan.

e. Analisis Efisiensi ( Efficiency )

Bagaimana sumber daya manusia yang ada dapat digunakan seminimal

mungkin sehingga tidak terjadi pemborosan. Tidak dapat dipungkiri lagi kalau tingkat

ketelitian manusia cukup terbatas.

Tabel 3.3. Analisis Ekonomi

Tabel 3.4. Analisis Pengendalian

Page 9: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

No. Parameter Hasil Analisis

1.

2.

Jarak dan waktu

Biaya

Jarak dan waktu masih terbatas.

Masih membutuhkan ekstra biaya.

f. Analisis Pelayanan ( Service )

Titik fokus analisis pelayanan adalah pada tinjauan sejauh mana system

memberikan kemudahan untuk memberikan informasi,konsumen memperoleh data-data

yang dibutuhkan.

No. Parameter Hasil Analisis

1. Pelayanan Penyampaian informasi masih terbatas,

sehingga mempengaruhi pelayanan kepada

konsumen.

3.4. Analisis Biaya dan Manfaat

Analisis biaya dan manfaat digunakan untuk menentukan apakah proyek

website layak atau tidak. Untuk analisis biaya pada pembuatan website CV. Annisa

Karya dapat dilihat pada tabel berikut :

Tabel 3.9 Rincian Biaya dan Manfaat

Rincian Biaya dan Manfaat Tahun

ke–0

Tahun

ke-1

( Rp ) ( Rp )

1. Biaya Pembuatan Website

a. Biaya Analisis Sistem 1.600.000

b. Biaya Pembuatan Proyek Website 1.400.000

Total Biaya Pembuatan Website 3.000.000

2. Biaya Implementasi

a. Biaya Pelatihan 500.000

2. Biaya Operasional dan Perawatan

a. Biaya Domain,Hosting dan Akses Internet 2.400.000

b. Biaya Pemeliharaan Sistem 500.000

Total Biaya Implementasi, Operasional dan 3.400.000

Tabel 3.5. Analisis Efisiensi

Tabel 3.6. Analisis Pelayanan

Page 10: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

Perawatan

Total Biaya ( TB ) 3.000.000 3.400.000

Manfaat-Manfaat

1. Manfaat Berwujud

a. Peningkatan Penjualan Jasa 2.000.000

b. Pengurangan Biaya Brosur 2.970.000

c. Pengurangan Biaya Telepon 1.200.000

d. Pengurangan Biaya Transportasi 500.000

Total manfaat Berwujud 6.670.000

2. Manfaat tak berwujud

a. Peningkatan nama baik 500.000

Total Manfaat ( TM ) 7.170.000

Proceed ( Selisih TM dan TB ) 3.000.000 4.770.000

Berdasarkan dari rincian biaya dan manfaat dari tabel tersebut, maka dapat

dianalisis biaya manfaat sebagai berikut :

1. Metode Periode Pengembalian ( Pay Back Period )

Metode ini juga berfungsi untuk mengukur seberapa cepat investasi akan

kembali karena satuan yang dihasilkan bukan merupakan presentasi tetapi berupa

satuan waktu ( Bulan, tahun, hari, dan sebagainya ).

PBP = 1unproceedtah

tasibiayainves =

000.770.4

000.000.3 x 12 bulan

= 0,629 x 12 Bulan = 7 Bulan 16 Hari

Jadi Pay Back Period nya adalah 7 Bulan 16 Hari.

Page 11: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

2. Metode Pengembalian Investasi ( Return Of Investment )

Besarnya keuntungan yang bisa diperoleh ( dalam % ) selama periode waktu

yang telah ditentukan untuk menjalankan proyek. Jika ROI > 0 maka proyek dapat

diterima. Berdasarkan tabel di atas dapat dinilai total manfaat sebagai berikut :

Total Manfaat = 7.170.000

Total Biaya = 6.400.000

ROI = 000.400.6

000.400.6000.170.7 x 100 %

ROI = 12,03 %

3. Metode Nilai Sekarang Bersih ( Net Present Value atau NPV )

NPV ini merupakan metode yang memperhatikan nilai waktu dari uang.

Perhitungan NPV dengan tingkat suku bunga diskonto yang diperhitungkan sebesar 8,74

% per tahun dengan dasar suku bunga Bank Indonesia1 ( www.bi.go.id ) yang

dikeluarkan pada tanggal 18 Maret 2009 adalah sebagai berikut :

NPV = - 3.000.000 + 1%)74,81(

000.770.4

= - 3.000.000 + 0874,1

000.770.4

= - 3.000.000 + 4.386.610 = 1.386.610

Hasil perhitungan dengan tiga metode tersebut diatas tercantum dalam tabel berikut :

Tabel 3.10. Metode Biaya dan Manfaat

No Metode Nilai Syarat Keputusan

1. PBP 7 Bulan 16 Hari Maksimal 2 Tahun Layak

2. ROI 12,03 % Lebih dari 0 Layak

3. NPV 1.386.610 Lebih dari 0 Layak

1 http://www.bi.go.id

Page 12: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

3.5. Analisis Basis Data

3.5.1. Entity Relationship Diagram

Entity Relationship Diagram (ERD) adalah model konseptual yang

mendeskripsikan hubungan antar penyimpanan (dalam DFD). Karena itu, ERD berbeda

dengan DFD (DFD memodelkan fungsi sistem), atau dengan STD (state transition

diagram, yang memodelkan sistem dari segi ketergantungan terhadap waktu).

ERD digunakan untuk memodelkan struktur data dan hubungan antar data,

karena hal ini relative kompleks. Dengan ERD kita dapat menguji model dengan

mengabaikan proses yang harus dilakukan. Dan dengan ERD kita mencoba menjawab

pertanyaan seperti; data apa yang kita perlukan? Bagaimana data yang satu

berhubungan dengan data yang lain?.2

2 Sumber : Husni Iskandar P & Kusnassriyanto, Pengantar Perancangan Sistem, hal 37

Page 13: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

Modul urutan

aktif

status

publish

gambar

static_content

link

nama_modul

id_modul

link_seo

id_hubungi

Hubungi

tanggal nama

pesan

subjek

email

Shoutbox

aktif

jam tanggal

pesan

website

nama

id_shoutbox

Banner

gambar url

judul tgl_posting

id_banner

MainMenu

aktif link

nama_menu

id_main

Statistik

tanggal

hits online

ip

YM

username

nama

id

katajelek kata

ganti

id_jelek

memiliki

Gallery id_gallery

id_album

jdl_gallery

gallery_seo

keterangan

Album id_album

aktif

gbr_album

album_seo

jdl_album

memiliki

Komentar

aktif

Isi_komentar

tanggal

Jam_komentar

url

Nama_komenta

r

id_articles

id_komenta

r

id_articles

Username

judul_seo

tanggal

judul

isi_articles

hari

jam

Articles

gambar

input

jam

Arsip

tanggal

hari

isi_arsip

judul_seo

judul

username

id_arsip

gambar

Admin blokir

id_session

level no_telp

email

Nama_lengkap

username password

input

Gambar 3.1. Entity Relationship Diagram dengan

Primary Key

Page 14: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

3.5.2. Mapping Table

Komentar

id_komentar id_articles nama_komentar url isi_komentar tgl jam_komentar aktif

Admin

username password nama_lengkap e-mail no_telp

level

blokir

id_session

Album

id_album jdl_album album_seo gbr_album aktif

Arsip

id_arsip username judul judul_seo isi_arsip hari tanggal jam gambar

Articles

id_articles username judul judul_seo isi_articles hari tanggal jam gambar

Banner

id_banner judul url gambar tgl_posting

Hubungi

id_hubungi nama email subjek pesan tanggal

YM

id nama username

MainMenu

id_main nama_menu link aktif

Modul

id_modul* nama_modul link static_content gambar publish status aktif urutan link_seo

Shoutbox

id_shoutbox nama website pesan tanggal jam aktif

Statistik

ip tanggal hits online

Gallery

id_gallery id_album jdl_gallery gallery_seo keterangan

Gambar 3.2. Hubungan Antar Tabel

Page 15: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

3.6. Perancangan Sistem

Perancangan sistem di sini menggunakan beberapa tools yang digunakan

untuk membantu analisis, yaitu diagram konteks, data level diagram serta entity relational

diagram.

3.6.1. Flowchart System

Flowchart sistem merupakan bagan yang menunjukkan arus pekerjaan secara

keseluruhan dari sistem. Bagan ini menjelaskan urutan-urutan dari prosedur-prosedur

yang ada didalam sistem.

Page 16: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

Admin Articles

Tampilan

Articles

Arsip

Tampilan

Arsip

Album

Tampilan

Album

Banner

Tampilan

Banner

Hubungi

Tampilan

Hubungi

Gallery

i

Tampilan

Gallery

komenta

r

i Tampilan

komenta

r

MainMen

u i

Tampilan

MainMenu

YM

Tampilan

YM

Modul

Tampilan

Modul

Shoutbox

Tampilan

Shoutbox

Statistik

Tampilan

Statistik

Katajelek

Tampilan

Katajelek

Olah

Data

Admin

Data

Admin

Input

data

Admin

Input

data

Articles

Olah

Data

Articles

Data

Articles

Input

data

Arsip

Olah

Data

Arsip

Data

Arsip

Input

data

Album

Olah

Data

Album

Data

Album

Input

data

Banner

Olah

Data

Banner

Data

Banner

Input

data

Hubung

i

Olah

Data

Hubung

i

Data

Hubungi

Input

data

Gallery

Olah

Data

Gallery

Data

Gallery

Input

data

komenta

r

Olah

Data

komentar

Data

komentar

Input

data

MainMen

u

Olah

MainMen

u

Data

MainMen

u

Input

data YM

Olah

Data

YM

Data YM

Input

data

Modul

Olah

Modul

Data

Modul

Input

data

Shoutbo

x

Olah

Shoutbo

x

Data

Shoutbox

Input

data

Statistik

Olah

Statistik

Data

Statistik

Input

data

Katajelek

Olah

Katajelek

Data

Katajelek

Gambar 3.3. Flowchart System

Page 17: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

3.6.2. Data Flow Diagram

Rancangan model merupakan suatu gambaran yang menjelaskan salah satu

bentuk model, salah satunya adalah logical mode yang digambarkan dengan diagram

arus data (data flow digram). Model ini menjelaskan kepada user bagaimana nantinya

fungsi-fungsi di sistem informasi secara logika akan bekerja.

DFD merupakan alat pembuat model yang sering digunakan, khususnya bila

fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks daripada data

dimanipulasi oleh sistem. Dengan demikian DFD sebagai alat pembuat model yang

memberikan penekanan hanya pada fungsi sistem.

Gambar 3.4. DFD Level 0

Administrator User

Username & Password

Data Buku Tamu

Info Menu Home,

Profile, Articles, Our

Projects, Contact Us,

dan Why Us

Data Buku Tamu

1

Sistem Informasi

CV. Annisa Karya

Data Menu Home,

Profile, Articles, Our

Projects, Contact Us,

dan Why Us

Page 18: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

Gambar 3.5. DFD Level 1

Informasi

Data Katajelek

Informasi

Data Statistik

Informasi

Data Shoutbox

Informasi Data YM

Informasi

Data Mainmenu

Admin

Informasi

Data Komentar

User

Informasi Data Gallery

Informasi Data Hubungi

Informasi Data Banner

Informasi Data Album

Informasi Data Arsip

Informasi Data Articles

Data Admin 1

Data Admin

Informasi Data Admin

Data Admin Data Admin

Data Articles

Data Arsip

Data Album

2

Data Articles

Data Articles

15

Informasi

Data Articles

Data Articles

Informasi Data Articles

Data Articles

Informasi Data Articles

3

Data Arsip

Data Arsip Data Arsip

16

Informasi

Data Arsip

Informasi Data Arsip

Data Arsip

Informasi Data Arsip

Data Banner

Data Hubungi

Data Gallery 7

Data

Gallery

6

Data

Hubungi

5

Data

Banner

4

Data

Album

Data Album

Informasi Data Album

Data Album

17

Informasi

Data Album

Data Album

Informasi Data Album

Informasi Data Banner

DataBanner

18

Informasi

Data Banner

DataBanner

Informasi Data Banner

Data Banner

Informasi Data Hubungi

Data Hubungi

19

Informasi

Data Hubungi

Data Hubungi

Informasi Data Hubungi

Data Hubungi

Informasi Data Gallery

Data Gallery

20

Informasi

Data Gallery

Data Gallery

Informasi Data Gallery

Data Gallery

8

Data

Komentar

Data Komentar

21

Informasi

Data

Komentar

Data Komentar

Informasi Data Komentar

Data Komentar

Informasi Data Komentar

Data Komentar

DataMainmenu

Data YM

Data Modul

Data Shoutbox

Data Statistik

Data Katajelek

9

Data

Mainmenu

Data Mainmenu

22

Informasi

Data

Mainmenu

Data Mainmenu

Informasi Data Mainmenu

Data Mainmenu

Informasi Data Mainmenu

10

Data YM

Data YM

23

Informasi

Data YM

Data YM

Informasi Data YM

Data YM

Informasi Data YM

11

Data Modul

Data Komentar

24

Informasi

Data Modul

Data Modul

Informasi Data Modul

Data Modul

Informasi Data Modul

12

Data

Shoutbox

Data Shoutbox

25

Informasi

Data

Shoutbox

Data Shoutbox

Informasi Data Shoutbox

Data Shoutbox

Informasi Data Shoutbox

13

Data Statistik

Data Statistik

26

Informasi

Data Statistik

Data Statustuk

Informasi Data Statistik

Data Statistik

Informasi Data Statistik

14

Data

Katajelek

Data Katajelek

27

Informasi

Data

Katajelek

Data Katajelek

Informasi Data Katajelek

Data Katajelek

Informasi Data Katajelek

Page 19: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

3.7. Perancangan Interface

Design dialog merupakan tampilan menu utama dimana beriisikan sistem

informasi yang akan diinput dan hasil dari system atau output. Adapun design dialog

yang dirancang oleh penulis antara lain :

3.7.1. Struktur Halaman Utama

Gambar 3.6. Struktur Halaman Utama

Website

CV. Annisa Karya

Home Profile Articles Our Project Contact Us Why Us

Page 20: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

3.7.2. Struktur Halaman Admin

Input

Edit Input

Edit

Hapus Input

Edit

Hapus Input

Edit

Hapus

Home

Man.User

Man.Modul

Hubungi Kami

Profile

Articles

Banner

Komentar Edit

Hapus Input

Edit

Hapus

Hapus

Shoutbox

Edit

Hapus Input

Edit

Hapus Input

Edit

Hapus Input

Edit Input

Edit

Hapus

Kata Jelek

YM

MainUtama

Log Out

Arsip

Why Us

Gallery

Album

Input

Edit

Hapus Input

Edit Input

Edit

Hapus

ADMIN

Gambar 3.7. Struktur Halaman Admin

Page 21: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

4. Hasil Penelitian dan Pembahasan

4.1. Halaman Utama Situs

Halaman utama adalah isi dari file index.php merupakan halaman utama

ditampilakan oleh web browser ketika user atau pengunjung mengakses website kita.

4.2. Halaman Login Admin

Halaman ini menamplkan login admin.

Gambar 4.1. Tampilan Home

Gambar 4.2. Tampilan Halaman Login Admin

Page 22: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

4.3. Halaman Utama Admin

Halaman ini di sebelah kiri menampilkan menu-menu admin.

5. Penutup

5.1. Kesimpulan

Dari hasil penelitian yang dilakukan maka dapat diambil beberapa kesimpulan

antara lain:

1. Analisis yang digunakan pada pembuatan sistem informasi ini adalah analisis

PIECES yaitu Performance (kinerja), Information (Informasi), Economy

(Ekonomi), Eficiency (Efiseinsi), and Service (Pelayanan).

2. Analisis biaya dan manfaat pada pembuatan website ini menyimpulkan Metode

Period Pengembalian (MPP) selama 7 bulan 16 hari < 1 tahun, ROI (Return of

Invesment) sebesar 12,03 % > 0, dan NPV (Net Present Values) sebesar

1.386.610 > 0, dari hasi analisis biaya di atas maka proyek ini dikatakan layak

untuk dijalankan.

3. Analisis basis data dalam pembuatan website ini yaitu menggunakan Entity

sRelationship Diagram (ERD) yang digunakan untuk memodelkan struktur data

dan hubungan antar data dan menghasilkan 14 tabel.

4. Perancangan sistem pada pembuatan website ini menghasilkan dua tingkat level

DFD, yaitu : DFD level 0 dan DFD level 1.

Gambar 4.12. Tampilan Halaman Home Admin

Page 23: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …

5.1. Saran

Sebagai penutup dari tugas akhir ini, penulis berharap semoga penulisan ini

bermanfaat bagi penulis sendiri dan juga bagi siapa saja yang mempelajari web

khususnya web informasi dan penjualan, serta pertimbangan bagi pihak CV. Annisa

Karya dalam penyampaian informasi kepada pelanggan pada khususnya dan

masyarakat pada umumnya maka penulis memberikan saran sebagai berikut:

1. Agar di masa yang akan datang website ini dapat dikembangkan dan

penyampian informasinya lebih terperinci,misalnya alamat kantor dapat diberikan

peta agar mudah ditemukan.

2. Website CV. Annisa Karya ini diharapkan di masa yang akan datang dapat

menggunakan tampilan 3D untuk mengkonsepkan proyek yang telah dijalankan.

Penulis menyadari masih banyak kekurangan dan kelemahan pada web

informasi dan promosi ini, karena itu penulis akan menerima dengan lapang dada dan

berterima kasih kepada siapa saja yang berkenan memberikan saran serta kritik yang

dapat membantu pengembangan website ini dikemudian hari.

DAFTAR PUSTAKA

Kusrini, 2007, Strategi Perancangan dan Pengolahan Basis Data, Penerbit Andi :

Yogyakarta.

Sakur, Stendy. 2003, Aplikasi Web Database dengan Dreamweaver MX, Penerbit Andi :

Yogyakarta.

Sutarman, 2007, Membangun Aplikasi Web dengan PHP dan MySQL, Graha Ilmu :

Yogyakarta.

http://id.wikipedia.org/wiki/URL

http://www.g-excess.com/id/pengertian-dan-definisi-dari-url-atau-uniform-resource-

locator.html

http://blog.re.or.id/uniform-resource-locators-url.html

http://id.wikipedia.org/wiki/Protokol_%28komputer%29

http://frank-poe2t.blogspot.com/2008/01/pengertian-ip-address-dan-teknik.html

Page 24: PERANCANGAN SISTEM INFORMASI BEBASIS WEB CV. …