LKP : Rancang Bangun Aplikasi Pemesanan Paket Pernikahan Berbasis Web (Studi Kasus Pada CV. Dewi Sri Malang).

BERBASIS WEB STUDI KASUS PADA CV.DEWI SRI MALANG

Disusun oleh :

Nama : Ignatius Devit H

NIM : 06.41010.0280

Program : S1 (Strata Satu) Jurusan : Sistem Informasi

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA DAN TEKNIK KOMPUTER SURABAYA

2012

STIKOM

ii

LAPORAN KERJA PRAKTEK

RANCANG BANGUN APLIKASI PEMESANAN PAKET PERNIKAHAN BERBASIS WEB STUDI KASUS PADA CV. DEWI SRI MALANG

Diajukan sebagai salah satu syarat untuk menyelesaikan Program Sarjana Komputer

Disusun oleh :

Nama : Ignatius Devit H NIM : 06.41010.0280 Program : S1 (Strata Satu) Jurusan : Sistem Informasi

SEKOLAH TINGGI

MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER SURABAYA

2012

STIKOM

ix

ABSTRAK ... vi

KATA PENGANTAR ... vii

DAFTAR ISI ... ix

DAFTAR TABEL ... xii

DAFTAR GAMBAR ... xiii

DAFTAR LAMPIRAN ... xv

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Perumusan Masalah ... 3

1.3 Batasan Masalah ... 3

1.4 Tujuan ... 4

1.5 Manfaat ... 4

1.6 Metode Penelitian ... 4

1.7 Sistematika Penulisan ... 5

BAB II GAMBARAN UMUM PERUSAHAAN ... 7

2.1 Profil CV. Dewi Sri Wedding Organizer Malang ... 7

2.2 Visi dan Misi ... 8

2.2.1 Visi CV. Dewi Sri Wedding Organizer Malang ... 8

2.2.2 Misi CV. Dewi Sri Wedding Organizer Malang ... 8

2.3 Budaya Mutu ... 8

2.4 Tugas Pokok ... 9

2.5 Fungsi ... 9

STIKOM

x

2.6 Struktur Perusahaan ... 9

BAB III LANDASAN TEORI ... 11

3.1 Website ... 11

3.2 Hyper Text Markup Language (HTML) ... 11

3.3 Cascading Style Sheet (CSS) ... 13

3.4 PHP (Hypertext Prepoccesor) ... 13

3.5.1 Sintaks Program PHP ... 14

3.5.2 Variable Pada PHP ... 14

3.6 MySql ... 15

3.6.1 Keistimewaan MySQL ... 15

3.6.2 Bahasa Pemrograman ... 17

3.6.3 Penggunaan ... 17

3.7 Analisis dan Perancangan Sistem ... 17

3.7.1 Sistem Flow ... 18

3.7.2 Data Flow Diagram ... 19

3.7.3 Diagram Entity-Relationship (Diagram E-R) ... 21

BAB IV DISKRIPSI PEKERJAAN ... 22

4.1 Analisa Proses ... 22

4.2 Mendesain Sistem ... 22

4.2.1 Sistem Flow Pemesanan Paket Pernikahan CV. Dewi Sri ... 23

4.2.2 Diagram Aliran Data (DAD) ... 24

4.2.3 Entity Relationship Diagram (ERD) ... 27

4.2.4 Struktur Database ... 29

4.2.5 Desain Input atau Output ... 33

STIKOM

xi

4.3.2 Hasil Implementasi ... 39

4.4 Melakukan Pembahasan Terhadap Hasil Implementasi Sistem ... 40

4.4.1 Penjelasan Pemakaian ... 40

BAB V PENUTUP ... 53

5.1 Kesimpulan ... 53

5.2 Saran ... 53

LAMPIRAN ... 55

STIKOM

xii

DAFTAR TABEL

Halaman

Tabel 4.1 User ... 29

Tabel 4.2 kategori ... 30

Tabel 4.3 Order Detail ... 30

Tabel 4.4 Order ... 31

Tabel 4.5 Kota ... 32

Tabel 4.6 Order Temp ... 32

STIKOM

xiii

DAFTAR GAMBAR

Halaman

Gambar 4.1 Sistem Flow Rancang Bangun Aplikasi Wedding Organizer ... 24

Berbasis Web ... 24

Gambar 4.8 Menu Desain form Loggin ... 33

Gambar 4.9 Menu Desain Form Master Kategori ... 34

Gambar 4.10 Menu Desain Form Master Kategori ... 35

Gambar 4.11 Menu Desain Form Master Kategori ... 36

Gambar 4.12 Menu Transaksi Pemesanan ... 37

Gambar 4.13 Laporan Order ... 37

Gambar 4.14 Laporan Detail Order ... 38

Gambar 4.15 Menu Login Form Admin ... 40

Gambar 4.16 Main Menu Form Home Admin ... 41

Gambar 4.17 Form Ganti Password form Admin ... 41

Gambar 4.18 Menu Manajemen Modul Form Admin ... 42

Gambar 4.19 Menu Kategori Produk Form Admin ... 42

Gambar 4.20 Menu Order Form Admin Admin ... 43

Gambar 4.21 Menu Biaya Transport Form Admin ... 43

Gambar 4.22 Menu Profil ... 44

Gambar 4.23 Menu Cara Pemesanan ... 44

Gambar 4.24 Menu Logout ... 45

Gambar 4.25 Menu Home Form User ... 46

Gambar 4.26 Menu Tentang Form User ... 46

Gambar 4.27 Menu Galeri dan Ivent Form User ... 47

STIKOM

xiv

Gambar 4.28 Menu Home Pemesanan Form User ... 48

Gambar 4.29 Menu Kontak Form User ... 48

Gambar 4.30 Menu Cara Pemesanan Form User ... 49

Gambar 4.31 Menu Data Pesanan Form User ... 49

Gambar 4.32 Menu Proses Transaksi Selesai Form User ... 50

STIKOM

vi

CV. Dewi Sri wedding merupakan salah satu bentuk usaha mandiri yang melayani dalam bidang jasa paket pernikahan yang dimulai didirikan di desa tepatnya di JL. Umbuldawe No.43, Kaliasri Malang yang sudah berdiri Tahun + 1993 yang bangunan gedungnya yang masih belum permanen. Sekitar Tahun + 2000 CV. Dewi Sri membuka untuk kantor pusat di JL. Perum Citra Kepuh Raya A-22, Bandung Rejosari , Sukun Malang. Sistem saat ini yang berjalan di CV. Dewi Sri wedding, konsumen datang langsung ke tempat usaha, sekaligus secara langsung melihat apa saja yang dibutuhkan, selanjutnya melakukan transaksi yang disewa, kemudian tawar menawar harga sewa, maka terjadi promosi antara mulut ke mulut dengan melihat mana yang lebih baik dan murah menurut konsumen.

Pengelolaan sistem informasi CV. Dewi Sri wedding yang efektif akan memacu kinerja karyawan dan membuat customer lebih puas terhadap perlayan yang didapatkan. untuk menjadi lebih baik dari sebelumnya dan lebih transparan, seiring dengan perkembangan jaman saat ini yang kita ketahui semua tidak luput dengan menggunakan prasarana media-media System Informasi misalnya; melalui internet, majalah, tv, radio dan brosur.

Dengan menggunakan aplikasi berbasis web CV. Dewi Sri wedding ini diharapakan permasalahan tersebut dapat diatasi. Dengan demikian proses pelayanan dan pemesanan akan terlaksana dengan baik dan efisien

STIKOM

1

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah

Teknologi informasi saat ini berkembang dengan pesat dan dibutuhkan dalam segala bidang, terutama dibidang bisnis karena persaingan yang ketat sehingga memerlukan informasi yang cepat dan akurat. Oleh karena itu diperlukan sistem informasi yang dapat membantu memudahkan user dalam mengelola data yang diperlukan. Serta dengan adanya sistem informasi, maka pekerjaan yang ada dapat diselesaikan secara cepat, tepat dan akurat

Wedding Organizer adalah Event Organizer yang menawarkan berbagai macam paket pernikahan yang bisa dipilih diantaranya Catering service, Tata rias dan Busana, florist dan Dekorasi, Gedung, Photography, dan Video Shooting, MC dan Hiburan serta undangan dan Souvenir.

CV. Dewi Sri wedding merupakan salah satu bentuk usaha mandiri yang melayani dalam bidang jasa paket pernikahan di Malang. Sistem saat ini yang sudah berjalan di CV. Dewi Sri wedding, konsumen datang langsung ke tempat usaha, sekaligus secara langsung melihat apa saja yang dibutuhkan, selanjutnya melakukan transaksi yang disewa, kemudian tawar menawar harga sewa. Untuk pengembangan selanjutnya hanya melihat penampilan di lokasi untuk disesuaikan, maka dari situlah terjadi promosi antara mulut ke mulut dengan melihat mana yang lebih baik dan murah menurut konsumen.

STIKOM

Pemilik atau investor untuk melakukan pelayanan tersebut melakukan secara konvensional yaitu dengan bertemu langsung dengan konsumen. Pelayanan yang di lakukan secara konvensional itu membutuhkan waktu dan biaya yang tidak sedikit karena bersifat (manual) Coucurrent control. _{Menurut Winardi}

(2000:585) pelayanan dengan metode tersebut merupakan pelayanan yang tradisional. Sistem yang sedang digunakan juga kurang Pemilik atau investor untuk melakukan pelayanan tersebut melakukan secara konvensional yaitu dengan bertemu langsung dengan konsumen. Pelayanan yang di lakukan secara konvensional itu membutuhkan waktu dan biaya yang tidak sedikit karena bersifat (manual) Coucurrent control. _{Menurut Winardi (2000:585) pelayanan dengan}

metode tersebut merupakan pelayanan yang tradisional. Sistem yang sedang digunakan juga kurang dapat memberikan pengawasan yang baik dalam laporan transaksional, pemasukan, pengeluaran maupun aset-aset, di situ menjadikan sulit untuk berkembang.

Seiring dengan perkembangan jaman saat ini perlu kita ketahui semua tidak luput dengan menggunakan prasarana media-media System Informasi misalnya; bermula dari penelitian dan pengembangan secara kontinu diuji dan diperbaiki oleh sistem pakar. Dimulai dari penelitian bidang usaha menengah keatas dengan pengembangan secara berlanjut, permasalahan saat ini yang sering terjadi adalah kurangnya perhatian dari proses pemasaran, kelengkapan prasarana, pendukung struktur usaha ( manajemen Resmi dalam bentuk UM/ CV/PT Seijin resmi ), Kekualitasan SDM, dan Sponsor. dengan permasalahan seperti itu system informasi saat ini sangat perlu di terapkan.

STIKOM

3

Berdasarkan latar belakang tersebut maka CV. Dewi Sri wedding Malang memerlukan sistem aplikasi yang memberikan layanan yang bersifat online yang bisa di gunakan di mana saja tanpa dibatasi oleh ruang dan waktu. Aplikasi tersebut akan dibuat berbasis web sehingga pemilik dan investor dapat memantau laporan transaksional, pemasukan, pengeluaran dan pemesanan CV. Dewi Sri wedding secara realtime sehingga juga dalam memberikan pelayanan tidak harus bertemu langsung dengan konsumen untuk memberikan penawaran apa saja yang dibutuhkan oleh konsumen.

1.2 Perumusan Masalah

Berdasarkan dari latar belakang masalah di atas maka dapat dirumuskan permasalahan sebagai berikut:

1. Bagaimana menerapkan pemasaran modern Peket Wedding berbasis WEB?

2. Bagaimana merancang dan membangun aplikasi CV. Dewi Sri Wedding yang berbasis web sehingga memberikan laporan transaksional secara online?

1.3 Batasan Masalah

Adapun batasan kerja praktek yang akan kami buat adalah: 1. Sistem ini digunakan sistem informasi pemesanan on-line. 2. Tidak menangani masalah inventori.

3. Menyediakan laporan berupa laporan data transaksi.

4. Sistem ini digunakan untuk mengetahui rincian hasil dari biaya yang akan dikeluarkan di CV. Dewi Sri.

STIKOM

1.4 Tujuan

Berdasarkan perumusan masalah yang telah disampaikan sebelumnya, tujuan pembuatan Aplikasi wedding Orgnaizer Berbasis Web ini adalah sebagai berikut:

1. Terbentuknya aplikasi sistem pemesanan on-line.

2. Terbentuknya sistem yang dapat menyajikan laporan secara cepat dan akurat.

1.5 Manfaat

Website Wedding Organizer ini dapat mendatangkan manfaat bagi pengguna, yaitu:

1. Mempermudah dalam pemesanan paket pernikahan.

2. Mempersingkat waktu dalam melakukan pemesanan paket pernikahan dan dapat dilakukan kapanpun dimanapun.

1.6 Metode Penelitian

Metodologi penelitian yang dilakukan untuk menyelesaikan permasalahan desain Website, yaitu:

a. Observasi

Dalam pelaksanaan kerja praktek ini dilakukan pendekatan dengan survey untuk mengetahui masalah apa yang bisa dikerjakan sesuai dengan materi ilmu yang dimiliki. Survey ini dilakukan untuk mendapatkan informasi dan data yang berhubungan dengan penyelesaian masalah selain itu juga untuk

STIKOM

5

mengetahui langkah-langkah apa yang dilakukan dalam proses pelayanan paket pernikahan ke pelanggan.

b. Wawancara

Metodologi Wawancara adalah penelitian yang dilakukan selama melakukan kerja praktek di CV. Dewi Sri Wedding Organizer Malang. Dengan mencatat semua data-data yang kita butuhkan, kemudian diolah menjadi sebuah informasi yang lebih akurat demi suksesnya program yang dibuat. Dimana dalam mendapatkan data-data diperoleh dari narasumber.

1.7 Sistematika Penulisan

Di dalam penyusunan laporan ini secara sistematis diatur dan disusun dalam lima bab, yang masing-masing terdiri dari beberapa sub. Adapun urutan dari bab pertama sampai bab terakhir adalah sebagai berikut:

BAB I : PENDAHULUAN

Bab ini membahas tentang latar belakang masalah, perumusan masalah, batasan masalah, tujuan pembuatan sistem, manfaat bagi penggunanya, metodologi penelitian, serta sistematika penulisan laporan.

BAB II : GAMBARAN UMUM PERUSAHAAN

Bab ini membahas tentang gambaran umum CV. Dewi Sri

Wedding Organizer Malang, visi dan misi, tata kelola perusahaan, dan struktur perusahaan.

BAB III : LANDASAN TEORI

STIKOM

Bab ini membahas mengenai berbagai macam teori yang mendukung dalam Rancang Bangun Aplikasi Wedding Organizer Berbasis Web. Yaitu teori tentang apa itu website, HTML, PHP, CSS, MySql, analisa dan perancangan sistem.

BAB IV : DESKRIPSI KERJA PRAKTEK

Bab ini akan membahas permasalahan dengan jelas, lengkap dan mudah di pahami sesuai dengan batasan masalah dan solusi yang dapat menjawab permasalahan yang di hadapi.

BAB V : PENUTUP

Bab ini membahas tentang kesimpulan yang diperoleh dari pembuatan sistem ini serta saran yang bertujuan untuk pengembangan sistem ini dimasa yang akan datang.

STIKOM

7 BAB II

GAMBARAN UMUM PERUSAHAAN

2.1 Profil CV. Dewi Sri Wedding Organizer Malang

CV. Dewi Sri Wedding Organizer dimulai di desa tepatnya di JL Umbuldawe No.43, Kaliasri Malang yang sudah berdiri Tahun + 1993. Pada saat itu bangunan gedungnya yang masih belum permanen. Tujuan dan fungsi CV. Dewi Sri melayani paket pernikahan. Sekitar Tahun + 2000 CV. Dewi Sri membuka untuk kantor pusat di JL. Perum Citra Kepuh Raya A-22, Bandung Rejosari Sukun Malang. Tujuan didirikan kantor pusat agar jangkauan pelayanan paket pernikahan lebih meluas serta tempat pelayanan yang lebih memadai.

Sistem saat ini yang sudah berjalan di CV. Dewi Sri wedding, konsumen datang langsung ke tempat usaha, sekaligus secara langsung melihat apa saja yang dibutuhkan, selanjutnya melakukan transaksi yang disewa, kemudian tawar menawar harga sewa. Untuk pengembangan selanjutnya hanya melihat penampilan di lokasi untuk disesuaikan, maka dari situlah terjadi promosi antara mulut ke mulut dengan melihat mana yang lebih baik dan murah menurut konsumen.

Nama Pengurus CV. Dewi Sri Wedding Organizer sebagai berikut:

1. Dra Cicilia Ika Rahayunita menjabat sebagai Direktur Tahun 2002 sampai sekarang.

2. Drs Matius Hariadi sebagai Direktur dari Tahun 1993 s/d tahun 2002, dan sekarang sebagai Investor.

STIKOM

3. Yohanes Pungky Hariadi Tahun 2002 sampai sekarang, sebagai Sekertaris sekaligus Bendahara.

4. Martina Efenti sebagai kepala perias dari Tahun 1993 sampai sekarang.

2.2 Visi dan Misi

2.2.1 Visi CV. Dewi Sri Wedding Organizer Malang

Visi dari CV. Dewi Sri Wedding Organizer Malang, yaitu:

CV Dewi Sri bisa melanyani paket pernikahan hingga meluas seluruh Jawa Timur.

2.2.2 Misi CV. Dewi Sri Wedding Organizer Malang

Misi dari CV. Dewi Sri Wedding Organizer Malang, yaitu:

1. Menyediakan layanan TIME yang berkualitas tinggi dengan harga yang kompetitif.

2. Menjaga model pengelolaan korporasi yang terbaik di Jawa Timur.

2.3 Budaya Mutu

Budaya Mutu dari CV. Dewi Sri Wedding Organizer Malang, yaitu:

1. Kreatifitas dan keterbukaan didukung tidak saling menyalahkan, Kekeliruan, Kegagalan dan Kinerja yang belum Optimal dilaporkan serta dikaji untuk melakukan peningkatan tanpa rasa takut untuk disalahkan, dan mendorong kepada penilaian terbuka terhadap kesalahan dan kegagalan. 2. Penghargaan terhadap Staf.

3. Siap menerima perbedaan pendapat.

STIKOM

9

2.4 Tugas Pokok

Tugas pokok dari CV. Dewi Sri Wedding Organizer Malang, adalah memberikan pelayanan, solusi, serta penjaminan kualitas yang diberikan, yang dilaksanakan secara serasi, terpadu dengan upaya peningkatan kerpercayaan serta pencegahan dan melaksanakan upaya adanya penipuan.

2.5 Fungsi

Fungsi dari CV. Dewi Sri Wedding Organizer Malang, yaitu: 1. Menyelenggarakan pelayanan on-line & tidak on-line.

2. Menyelenggarakan pelayanan penunjang dalam pemilihan kebutuhan yang diperlukan baik custom atau paket.

3. Menyelenggarakan laporan transaksi dan pemesanan.

2.6 Struktur Perusahaan

Struktur Organisasi dari CV. Dewi Sri Wedding Organizer Malang, Sebagai berikut:

STIKOM

- - -

Gambar 2.1 Struktur Organisasi CV. Dewi Sri SUPERVISOR

Pungky Hariadi ST, SH

DOKUMENTASI Widi

CATERING Fiva PERIAS

Martina Eventi

STORE KEEPER Abdu Hermadi Humas Bag Umum & Kepegawean

BENDAHARA Eka Kurnia Lestari, SE DIREKTUR

Cicil Ika Rahayunita, MPD INVESTOR Drs. M.A Hariadi MPD Dra. H. Fifa Andriani MANAGER

Drs. M.A Hariyadi, MPD

STIKOM

11 BAB III LANDASAN TEORI

3.1 Website

Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.

Beberapa website membutuhkan subskripsi (data masukan) agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa situs-situs bisnis, situs-situs e-mail gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut.

3.2 Hyper Text Markup Language (HTML)

Hyper Text Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat halaman situs web agar dapat ditampilkan dibrowser. HTML diatur standarisasi dan penggunaannya oleh World Wide Web Consortium (W3C). Versi terbaru HTML adalah versi 5 (draft) dan saat ini sudah ada XHTML

STIKOM

yang merupakan pengembangan lebih lanjut dari HTML. File HTML mempunyai ekstensi .html atau .htm. Karena bahasa ini merupakan jenis bahasa markup, maka HTML mempunyai pasangan tag untuk menandai block script HTML, yaitu <HTML> … </HTML>. Di HTML terdapat beberapa macam markup yang dapat dikelompokkan menjadi 4 jenis:

a. Structural

Markup ini merupakan tanda yang menentukan level atau tingkatan dari sebuah teks. Contoh: <h1>Petra</h1> yang artinya memerintahkan browser agar mencetak teks “Petra” dengan ukuran/format Heading 1.

b. Presentational

Markup ini merupakan tanda yang menentukan tampilan teks. Contoh: <i>Stikom</i> yang artinya memerintahkan browser agar mencetak teks “Stikom” dengan tampilan miring. Untuk saat ini peran presentational markup sudah banyak digantikan oleh CSS.

c. Hypertext

Markup ini merupakan tanda yang menunjukkan sebuah link ke situs web atau dokumen tertentu. Contoh: <a href=”http://www.stikom.edu/”> Stikom </a> yang berarti memerintahkan browser untuk menampilkan teks “Stikom” dengan fitur link ke situs http://www.petra.ac.id/ jika teks tersebut diklik.

d. Widget Element

Markup ini merupakan tanda yang digunakan untuk membuat suatu objek tertentu. Contoh: <button> yang berarti memerintahkan browser untuk membuat objek tombol.

STIKOM

13

3.3 Cascading Style Sheet (CSS)

Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat web, akan tetapi penggunaan style sheets merupakan kelebihan tersendiri.

Suatu style sheet merupakan tempat dimana anda mengontrol dan memanage style-style yang ada. Style sheet mendeskripsikan bagaiman tampilan document HTML di layar. Anda juga bias menyebutnya sebagai template dari documents HTML yang menggunakanya.

Anda juga bisa membuat efek-efek sepesial di web anda dengan menggunakan style sheet. Sebagai contoh anda bisa membuat style sheet yang mendefinisikan style untuk <H1> dengan style bold dan italic dan berwarna biru. Atau pada tag <P> yang akan di tampilkan dengan warna kuning dan menggunakan font verdana dan masih banyak lagi yang bisa anda lakukan dengan style sheet. Secara teoritis anda bisa menggunakan style sheet technology dengan HTML. Akan tetapi pada prakteknya hanya Cascading Style Sheet (CSS) technology yang support pada hampir semua web Browser. Karena CSS telah di setandartkan oleh World Wide Web Consortium (W3C) untuk di gunakan di web browser.

3.4 PHP (Hypertext Prepoccesor)

PHP adalah salah satu bahasa pemrograman skrip yang dirancang untuk membangun aplikasi web. Ketika dipanggil dari web browser, program yang ditulis dengan PHP akan di-parsing di dalam web server oleh interpreter PHP dan diterjemahkan ke dalam dokumen HTML, yang selanjutnya akan ditampilkan kembali ke web browser. Karena pemrosesan program PHP dilakukan di lingkungan web server, PHP dikatakan sebagai bahasa sisi server (server-side). Oleh sebab itu, kode PHP tidak akan terlihat pada saat user memilih perintah ”View Source” pada web browser yang mereka gunakan.

STIKOM

3.5.1 Sintaks Program PHP

PHP adalah bahasa yang dirancang untuk mudah diletakkan di dalam kode HTML. Banyak dijumpai kode PHP yang menyatu denan kode HTML. Kode PHP diawali dengan tag <?php dan diakhiri dengan tag ?>.

Berikut ini contoh kode PHP yang sederhana.

<?php

Echo ”hello world”

?>

Perintah echo di dalam PHP berguan untuk mencetak nilai, baik teks maupun numerik ke layar web browser. Selain echo, kita juga dapat menggunakan perintah print yang mempunyai fungsi sama dengan echo.

3.5.2 Variable Pada PHP

Variabel digunakan untuk menyimpan suatu nilai, seperti text, angka atau array. Ketika sebuah variabel dibuat, variabel tersebut dapat dipakai berulang-ulang. Pada PHP semua variabel harus dimulai dengan karakter '$'. Variabel PHP tidak perlu dideklarasikan dan ditetapkan jenis datanya sebelum kita menggunakan variabel tersebut. Hal itu berarti pula bahwa tipe data dari variabel dapat berubah sesuai dengan perubahan konteks yang dilakukan oleh user. Secara tipikal, variabel PHP cukup diinisialisasikan dengan memberikan nilai kepada variabel tersebut.

Contoh berikut akan mencetak "PHP" : $text = "PHP";

print "$text";

Identifier dalam PHP adalah case-sensitive, sehingga $text dengan $Text merupakan variabel yang berbeda. Built-in function dan structure tidak case-sensitive, sehingga echo dengan ECHO akan mengerjakan perintah yang sama.

STIKOM

15

Identifier dapat berupa sejumlah huruf, digit/angka, underscore, atau tanda dollar tetapi identifier tidak dapat dimulai dengan digit/angka. Adapun aturan penamaan variabel :

1.Nama variabel harus diawali dengan sebuah huruf atau garis bawah (underscore) “_”

2.Nama variabel hanya boleh mengandung karakter alpha-numeric dan underscore (a-Z, 0-9, dan _ )

3.Nama variabel tidak boleh mengandung spasi.

3.6 MySql

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

3.6.1 Keistimewaan MySQL

MySQL memiliki beberapa keistimewaan, antara lain :

1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.

2. Perangkat lunak sumber terbuka. MySQL didistribusikan sebagai perangkat lunak sumber terbuka, dibawah lisensi GPL sehingga dapat digunakan secara gratis.

3. Multi-user. MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.

STIKOM

4. 'Performance tuning', MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan waktu.

5. Ragam tipe data. MySQL memiliki ragam tipe data yang sangat kaya, seperti signed / unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah (query).

7. Keamanan. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.

8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.

9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP, Unix soket (UNIX), atau Named Pipes (NT).

10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.

11. Antar Muka. MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API (Application Programming Interface).

12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan (tool)yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.

13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL ataupun Oracle.

STIKOM

17

3.6.2 Bahasa Pemrograman

Terdapat beberapa API (Application Programming Interface) tersedia yang memungkinkan aplikasi-aplikasi komputer yang ditulis dalam berbagai bahasa pemrograman untuk dapat mengakses basis data MySQL antara lain: bahasa pemrograman C, C++, C#, bahasa pemrograman Eiffel, bahasa pemrograman Smalltalk, bahasa pemrograman Java, bahasa pemrograman Lisp, Perl, PHP, bahasa pemrograman Python, Ruby, REALbasic dan Tcl. Sebuah antarmuka ODBC memanggil MyODBC yang memungkinkan setiap bahasa pemrograman yang mendukung ODBC untuk berkomunikasi dengan basis data MySQL. Kebanyakan kode sumber MySQL dalam ANSI C.

3.6.3 Penggunaan

MySQL sangat populer dalam aplikasi web seperti MediaWiki (perangkat lunak yang dipakai Wikipedia dan proyek-proyek sejenis) dan PHP-Nuke dan berfungsi sebagai komponen basis data dalam LAMP. Popularitas sebagai aplikasi web dikarenakan kedekatannya dengan popularitas PHP, sehingga seringkali disebut sebagai Dynamic Duo.

3.7 Analisis dan Perancangan Sistem

Analisis sistem merupakan penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.

STIKOM

Analisis sistem dilakukan setelah tahap perencanaan sistem dan sebelum tahap peracangan sistem. Setelah analisa sistem dilakukan, tahap selanjutnya adalah perancangan sistem. Perancangan sistem mempunyai dua tujuan utama, yaitu memenuhi kebutuhan kepada pemakai dan untuk memberikan gambaran yang jelas dan rancang bangun yang lengkap kepada pemrogram dan ahli teknik lainnya yang terlibat.

3.7.1 Sistem Flow

System flow atau bagan alir sistem merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem. System flow menunjukkan urutan-urutan dari prosedur yang ada di dalam sistem dan menunjukkan apa yang dikerjakan sistem. Simbol-simbol yang digunakan dalam system flow seperti yang terlihat pada gambar 3.1

Gambar 3.1. Simbol-simbol pada System Flow

Keterangan gambar simbol-simbol pada Gambar 3.1 sebagai berikut:

1. Simbol D okum en

2. Simbol K egiatan M anual

3. Simbol Sim panan Offline

4. Simbol Proses

5. Sim bol D atabase

6. Sim bol G aris A lir

7. Sim bol Penghubung ke Halam an yang Sam a

8. Sim bol Penghubung ke Halam an Lain

STIKOM

19

1. Simbol dokumen

Menunjukkan dokumen input dan output baik untuk proses manual atau komputer.

2. Simbol kegiatan manual

Menunjukkan pekerjaan manual. 3. Simbol simpanan offline

Menunjukkan file non-komputer yang diarsip. 4. Simbol proses

Menunjukkan kegiatan proses dari operasi program komputer. 5. Simbol database

Menunjukkan tempat untuk menyimpan data hasil operasi komputer. 6. Simbol garis alir

Menunjukkan arus dari proses. 7. Simbol penghubung

Menunjukkan penghubung ke halaman yang masih sama atau ke halaman lain.

3.7.2 Data Flow Diagram

Data Flow Diagram adalah diagram yang mengngunakan suatu notasi untuk menggambarkan arus dari data sistem, DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan di kembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana data tersebut akan di simpan. Menurut Hartono, DFD merupakan alat yang digunakan pada metodologi

STIKOM

pengembangan sistem yang terstruktur (Structured analysis and design) yang mempunyai simbol-simbol seperti yang terlihat pada gambar 3.2.

External entity

Data Flow

Proces (proses)

Data storage

Gambar 3.2 simbol pada DFD

External entity merupakan di luar lingkungan sistem yang dapat berupa orang, organisasi yang akan memberikan input atau output dari sistem. Proses adalah kegiatan yang dilakukan oleh orang, mesin atau komputer dari hasil suatu arus data yang masuk ke dalam proses untuk menghasilkan arus data yang akan keluar dari sistem. Data store berfungsi sebagai tempat penyimpanan data hasil proses dari suatu sistem yang nantinya akan menjadi salah stu tabel dalam data base. Data flow merupakan arus data dalam data flow diagram digambarkan dengan simbol anak panah. Arus data mengalir diantara proses, penyimpanan data dan external entity. Arus data ini menunjukan arus data yang berupa masukan masukan untuk sistem atau hasi dari proses sistem.

STIKOM

21

3.7.3 Diagram Entity-Relationship (Diagram E-R)

Merupakan Fathsyah, model Entity – Relationship yang berisi komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang mempresentasikan seluruh fakta dari ”dunia nyata” yang kita tinjau, dapat di gambarkan dengan lebih sistematis dengan menggunakan Diagram Entity-Relationship (DiagramE-R).

Diagram E-R dapat di katagorikan menjadi beberapa bagian, yaitu :

1. One-to-one relationship, merupakan jenis hubungan antara tabel yang menggunakan bersama sebuah kolom primary key. Jenis hubungan ini tergolong jarang digunakan, kecuali untuk alasan keamanan atau kecepatan akses data.

2. One-to-many relationship, merupakan jenis hubungan antara tabel dimana satu record pada suatu tabel terhubung dengan beberapa record pada tabel lain.

3. Many-to-many relationship, merupakan jenis hubungan antar tabel dimana record pada satu tabel terhubung dengan beberapa record pada tabel lain.

STIKOM

22 BAB IV

DISKRIPSI PEKERJAAN

4.1 Analisa Proses

Menganalisa Proses merupakan langkah awal untuk membuat suatu Alur pekerjan. Langkah pertama adalah melakukan wawancara. Wawancara dilakukan terhadap bagian yang berkaitan langsung dengan proses, yaitu: bagian Supervisor. Pengamatan dilakukan dengan cara observasi langsung ke lapangan untuk melihat proses yang ada, dengan mengetahui proses yang ada diharapkan dapat membangun system aplikasi yang sesuai dengan kebutuhan. Hasil dari wawancara yang dilakukan terhadap bagian-bagian yang berkaitan langsung dengan proses, sehingga bisa mengetahui proses yang sedang digunakan atau sedang berjalan.

4.2 Mendesain Sistem

Desain sistem merupakan tahap pengembangan setelah analisis sistem dilakukan, meliputi dari Sistem Flow, Contex Diagram, Data Flow Diagram (DFD), Entity Relational Diagram (ERD), struktur table dan mendesain input output untuk dibuat aplikasi selanjutnya

Sistem flow dibuat dengan mengembangkan dokumen flow lama. Dua orang mendiskusikan proses komputerisasi yang harus terjadi di dalam alur sistem yang baru. Proses tersebut juga membutuhkan database yang tepat untuk penyimpanan data. Database yang dibutuhkan antara lain, User, Pegawai, Transaksi Pemesanan, Produk, dan Supplier

STIKOM

23

Dua pendesain sistem selanjutnya membuat Context Diagram, external entity dan proses-proses yang terjadi pada Context Diagram didapat dari sistem flow yang telah dibuat. Pendesain kemudian menyusun secara lengkap masing-masing proses beserta file-file yang dibutuhkan pada DFD, context diagram yang telah dibuat, file yang terdapat pada DFD digunakan sebagai acuan membuat ERD dan struktur tabel.

Satu pendesain input output, menyempurnakan item-item yang ada. Salah satunya adalah item Pendaftaran user. Pendesain membuat input tanggal pendaftaran, Identitas user, kode user, dan Pemesanan.

4.2.1 Sistem Flow Pemesanan Paket Pernikahan CV. Dewi Sri

Proses dalam sistem ini pertama kali calon Pelanggan bisa melakukan pendaftaran secara on-line melalui web dan bisa secara lansung dikantor dengan pembimbing konsultasi, pertama mengisi form biodata customer kemudian secara otomatis masuk ke dalam data base sistem. Kemudian Proses pemesanan ini pertama kali memilih paket-paket apa saja yang akan di perlukan, dari pemilihan kuade, pemilihan busana adat, pemilihan cattering, pemilihan produk make up, pemilihan gedung, dan pemilihan flowrist. Kemudian dari semua inputan dari Calon Pelanggan diproses Proses secara otomatis dan dijadikan suatu Laporan.

Laporan terdiri dari laporan transaksional, pemasukan, dan pemesanan.

Dibawah ini Sistem Flow dari aplikasi pemesanan paket CV. Dewi Sri wedding organizer berbasis web, adalah sebagai berikut:

STIKOM

Gambar 4.1 Sistem Flow Rancang Bangun Aplikasi Wedding Organizer Berbasis Web

4.2.2 Diagram Aliran Data (DAD)

Diagram Aliran Data (DAD) digunakan untuk menggambarkan arus data didalam sistem secara terstruktur dan jelas, menggambarkan arus data dari suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika, tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana data tersebut akan disimpan. DAD juga dapat merupakan

STIKOM

25

dokumentasi dari sistem yang baik. Dengan adanya Data Flow Diagram akan mempermudah dalam melakukan analisa sistem, sehingga pada akhirnya hasil dari pengembangan software dapat dilihat apakah sudah sesuai dengan yang diharapkan atau belum. DAD terdiri atas beberapa level yaitu konteks diagram, level 0, level 1, dan level detail.

A. Contex Diagram Pemesanan Paket Pernikahan CV.DEWI SRI

Pada level paling awal DFD ini,terdapat 5 eksternal entitas yaitu Direktur, Pegawai, Investor, Supllier, User

Data Pelanggan

Laporan Pemesanan

Data Kota

Data Produk Data Kategori

Data Tempat Pelaksanaan Data Waktu Pelakasanaan

Laporan Rincian Pilihan Paket

Data Pilihan Paket

0

Sistem Rancang Bangun Aplikasi Pemesanan Paket

Pernikahan CV Dewi Sri

+

Pelanggan

Admin

Gambar 4.2 Contex Diagram Aplikasi Pemesanan Paket Pernikahan CV. Dewi Sri

STIKOM

B. DFD Level 0 Pemesanan Paket Pernikahan CV.Dewi Sri

Pada level ini merupakan penjabaran dari level konteks prosesnya menjadi 3 proses, yaitu: transaksi pemasanan, Maintenance dan mebuat laporan

Data Pelanggan

Data Pilihan Kota

Laporan Pemesanan Data Pilihan Produk

Data Kota Data Kategori Data Produk Data Kota Data Kategori Data Produk Data_Pemesanan Data Transaksi Data Order Laporan Pemesanan

Laporan Rincian Pilihan Paket

Data Waktu Pelakasanaan Data Pilihan Paket

Data Tempat Pelaksanaan PelangganPelangganPelanggan

PelangganPelanggan 1 Transaksi Pemesanan + 3 Membuat Laporan + 1 Orders_Detail 2 Order

3 Data Laporan 2

Maintenance

+

AdminAdminAdminAdmin 4 Produk

5 Kategori

6 Kota

Pelanggan

Gambar 4.3 DFD level 0 Pemesanan Paket Pernikahan CV.Dewi Sri

C. Level 1 Transaksi Pemesanan Paket Pernikahan CV.Dewi Sri

Pada Level 1 sub proses transaksi pemesanan ini ada 2 entitas yaitu: User dan Supervisor, pada entitas user melakukan proses pemilihan paket dan pada

STIKOM

27

supervisor memasukan data paket, keduanya proses ini untuk membuat master data transaksi.

Data Pelanggan

Data Pilihan Kota

Data_Pemesanan

Data Pilihan Produk Pemesanan

Data Waktu Pelakasanaan Data Tempat Pelaksanaan

Data Pilihan Paket Pelanggan Pelanggan Pelanggan 1 Orders_Detail 1 Pemesanan Pelanggan 2 Order 4 Produk 6 Kota Pelanggan

Gambar 4.4 DFD Level 1 Sub Proses Transaksi Pemesanan

D. Level 1 Laporan Pemesanan Paket Pernikahan CV Dewi Sri

Pada Level 1 sub proses laporan ini merupakan proses membuat laporan yang memiliki dua entitas yaitu: Pelanggan dan Admin dimana data transaksi dan data pemesanan akan diolah menjadi laporan data laporan.

Laporan Pemesanan Laporan

Data Transaksi Data Order Laporan Rincian Pilihan Paket

Pelanggan

3 Data Laporan 2 Order 1 Orders_Detail 1

Cetak Laporan

Admin

Gambar 4.5 DFD level 1 Sub Proses Laporan

4.2.3 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD), digunakan untuk menggambarkan hubungan data yang digunakan dalam sistem dan menunjukkan struktur keseluruhan kebutuhan data yang diperlukan, dalam ERD data tersebut

STIKOM

digambarkan menggunakan simbol entity. Pada ERD Conceptual Data Model (CDM), dapat dijelaskan hubungan kardinalisasi yang terjadi antar tabel.

a. Conceptual Data Model (CDM)

Memiliki Memiliki Memiliki Memiliki Memiliki Orders id_orders nama_kustomer alamat telpon email status _order tgl_order jam_order Produk id_produk nama_produk produk_seo deskripsi harga stok tgl_masuk gambar Orders_detail juml ah Orders Temp id_order_temp id_sess ion jumlah tgl_order_temp jam_order_temp stok_temp Kota id_kota nama_kota ongkos_kirim Kategori id_kategori nama_kategori kategori_seo

Gambar 4.6 Conceptual Data Model

b. Physical Data Model (PDM)

ID_O RDERS = ID_O RDERS

ID_KOTA = ID_K OTA ID_PRODUK = ID_PRO DUK

ID_PRODUK = ID_PRO DUK

ID_KA TEG O RI = ID_KAT EG ORI

OR DER S ID_ORDERS integ er ID_KOTA integ er NAMA_KUSTOM ER varc har(100) ALAMAT long varchar TELPON varc har(20) EMAIL varc har(50) STATUS_ORD ER varc har(50) TGL_ORDER date JAM_OR DER time PRODUK

ID_PROD UK integ er ID_KATEGORI integ er NAMA_PRODU K varc har(100) PRODUK_SEO1 varc har(100) DESKRIPSI long varchar HARGA integ er STOK1 integ er TGL_M ASUK1 date GAMBAR varc har(100)

ORDERS_DETAIL ID_PROD UK integ er ID_ORDERS integ er JUM LAH integ er

ORDERS_TEM P ID_ORDER_TEMP integ er ID_PRODUK integ er ID_SESSION varc har(100) JUM LAH integ er TGL_ORDER_TEMP date JAM_ORD ER _TEM P time STOK_TEMP integ er

KOTA ID_KOTA integ er NAMA_KOTA varc har(100) ONGKOS_KIRIM integ er KATEGORI

ID_KATEGORI integ er NAMA_KATEGORI varchar(100) KATEGORI_SEO varchar(100)

Gambar 4.7 Physical Data Model

STIKOM

29

4.2.4 Struktur Database

Struktur basis data yang diperlukan dalam pembuatan aplikasi aplikasi pemesanan paket pernikahan CV. Dewi Sri Wedding Organizer berbasis web adalah sebagai berikut :

a. Nama Tabel : Produk

Primary Key : id_Produk Foreign Key : id_kategori

Fungsi : Untuk menyimpan data User yang memiliki field Nama, Pass dan Alamat. Nama merupakan Primary Key (PK) pada tabel User

Tabel 4.1 User

No. Field Type Length Key

1 Id_produk Integer - PK id_produk

2 Id_kategori Integer - FK id_kategori

3 Nama_produk Varchar 100 Nama

4 Produk_Soe Varchar 100 Produk

5 Deskripsi Varchar Long Varchar Deskripsi

6 Harga Integer - Harga

7 Stok Integer - Stok

8 TGL_masuk Date - Tgl

9 Gambar Varchar 100 Gambar

b. Nama Tabel :Kategori

Primary Key : Id_kategori Foreign Key : -

STIKOM

Fungsi : Untuk menyimpan data kategori yang memiliki Field Id_Kategori, Nama_kategori, kategori_seo.

Tabel 4.2 kategori

No. Field Type Length Key

1 Id_kategori integer - PK Id kategori

2 Nama_kategori Varchar 100 Nama kategori

3 Kategori_SEO Varchar 100 Kategori SEO

c. Nama Tabel : Order Detail

Primary Key : - Foreign Key : -

Fungsi : Untuk menyimpan data order detail dan memeliki field Id_produk, Id_order, Jumlah

Tabel 4.3 Order Detail

No. Field Type Length Key

1 Id_produk Integer - Kode produk

2 Id_order Integer - Kode order

3 Jumlah Integer - Jumlah

d. Nama Tabel : Order

Primary Key : Id_Order Foreign Key : Id_Kota

STIKOM

31

Fungsi : Untuk menyimpan data hasil transaksi yang terjadi yang akan digunakan untuk pembuatan Laporan Transaksi Order dan memeliki field Id_Order, Id_Kota, Nama_Kustomer, Alamat, Telpon, Email, Status_Order, TGL_Order, JAM_Order

Tabel 4.4 Order

No. Field Type Length Key

1 Id_order Integer - Kode Order

2 Id_kota Integer - Kode Kota

3 Nama_kustomer Varchar 100 Nama Pelanggan

4 Alamat Long varchar - Alamat Pelanggan

5 Telpon Varchar 20 No Telpn Pelanggan

6 Email Varchar 50 Alamat Email Pelanggan

7 Status_Order Varchar 50 Status Pemesanan

8 TGL_Order Date - TGL Pemesanan

9 Jam_Order Time - Jam Pemesanan

e. Nama Tabel : KOTA

Primary Key : Id_Kota Foreign Key : -

Fungsi : Untuk menyimpan data hasil transaksi yang terjadi yang akan di gunakan untuk pembuatan Laporan Kota dan memiliki field Id_Kota, Nama_Kota, Ongkos_Kirim

STIKOM

Tabel 4.5 Kota

No. Field Type Length Key

1 Id_Kota Integer - Kode Kota

2 Nama_Kota Varchar 100 Nama Pilihan Kota

3 Ongkos Kirim Integer - Biaya Transport

f. Nama Tabel : Order Temp Primary Key : Id_Order_Temp Foreign Key : Id_Produk

Fungsi : Untuk menyimpan data hasil transaksi yang terjadi yang akan di gunakan untuk pembuatan Laporan Order Temp dan memeliki field Id_Order, Id_Order, Jumlah, TGL_Order_Temp, Jam_Order_Temp, Stok_Temp

Tabel 4.6 Order Temp

No. Field Type Length Key

1 Id_Order_Temp Integer - Kode Order Temp

2 Id_Produk Integer - Kode Produk

3 Jumlah Integer - Jumlah

4 TGL_Order_Temp Date - Tgl Order

5 Jam_Order_Temp Time - Jam Order

6 Stok_Temp Integer - Stok Temp

STIKOM

33

4.2.5 Desain Input atau Output

Desain input adalah desain interface dari program yang akan dibuat. Pada sistem informasi CV. Dewi Sri Wedding Malang dibuat beberapa desain input sebagai interface. Desain input tersebut antara lain sebagai berikut adalah :

1. Menu Loggin

Loggin, digunakan untuk memasukan data admin melalui sistem. Gambar adalah desain input loggin dari sistem informasi CV. Dewi Sri Wedding Malang. Rancangan untuk form Loggin ini terdiri dari:

1. TextBox terdiri dari User name dan Password

2. Button terdiri Loggin sebagai proses masuk ke halaman admin setelah

diinputkan data admin

3. Label terdiri dari Username, dan Password

Gambar 4.8 Menu Desain form Loggin 2. Menu Master Kategori

Master Kategori, digunakan untuk memasukan data Kategori produk melalui sistem. Gambar adalah desain input kategori dari sistem informasi CV. Dewi Sri Wedding Malang. Rancangan untuk form Master Kategori ini terdiri dari:

STIKOM

1. TextBox terdiri dari Id Kategori dan Nama Kategori

2. Button terdiri dari Button Tambah Kategori sebagai proses menambah

kategori produk, Button Edit sebagai proses untuk mengedit data kategori produk dan Button Hapus sebagai proses untuk menghapus data kategori produk

3. Label terdiri dari Id Kategori, dan Nama Kategori

Gambar 4.9 Menu Desain Form Master Kategori 3. Master Produk

Master produk, digunakan untuk memasukan data Produk melalui sistem. Gambar adalah desain input produk dari sistem informasi CV. Dewi Sri Wedding Malang. Rancangan untuk form Master produk ini terdiri dari: 1. TextBox terdiri dari Id Produk, Nama Produk, Deskripsi, Harga, Stock,

dan TGL Masuk

2. Button terdiri dari Button Tambah Produk sebagai proses menambah

Produk, Button Edit sebagai proses untuk mengedit data produk dan Button Hapus sebagai proses untuk menghapus data produk

STIKOM

35

3. Label terdiri dari Id Produk, Nama Produk, Deskripsi, Harga, Stock,

dan TGL Masuk

Gambar 4.10 Menu Desain Form Master Kategori

4. Master Kota

Master Kota, digunakan untuk memasukan data Kota melalui sistem. Gambar adalah desain input k Kota dari sistem informasi CV. Dewi Sri Wedding Malang. Rancangan untuk form Master Kota ini terdiri dari: 1. TextBox terdiri dari Id Kota, Nama Kota, dan Ongkos

2. Button terdiri dari Button Tambah Ongkos Kirim sebagai proses

menambah Kota dan Biaya transport, Button Edit sebagai proses untuk mengedit data Kota dan Button Hapus sebagai proses untuk menghapus data Kota

STIKOM

3. Label terdiri dari Id Kota, Nama Kota, Ongkos dan Kirim

Gambar 4.11 Menu Desain Form Master Kategori

5. Transaksi Pemesanan

Master Pemesanan, digunakan untuk memasukan data Pemesanan melalui sistem. Gambar adalah desain input k Pemesanan dari sistem informasi CV. Dewi Sri Wedding Malang. Rancangan untuk form Pemesanan ini terdiri dari:

1. TextBox terdiri dari Id Order, Nama Kstomer, Alamat, Telpon dan

Email

2. Combo Box terdiri dari Kota

3. Button terdiri dari Button Simpan sebagai proses menambah

menyimpan data pemesana dan Button Batal sebagai proses untuk membatalkan Pemesanan

4. Label terdiri dari Id Order, Nama Kstomer, Alamat, Telpon, Email dan

Kota

STIKOM

37

Gambar 4.12 Menu Transaksi Pemesanan

6. Laporan Order

Laporan Order, digunakan untuk mengecek data Order melalui sistem. Gambar adalah desain Output Pemesanan dari sistem informasi CV. Dewi

Sri Wedding Malang. Rancangan untuk form Order ini terdiri dari:

1. Data Grid View terdiri dari No Order, Nama Konsumen, TGL Order, Jam, Status dan Aksi

2. Button terdiri dari Detail

Gambar 4.13 Laporan Order

No Order Nama Konsumen TGL Order JAM STATUS AKSI Detail Detail Detail

STIKOM

7. Laporan Detail Order

Laporan Detail Order, digunakan untuk melihat detail laporan order melalui sistem. Gambar adalah desain input Pemesanan dari sistem informasi CV. Dewi Sri Wedding Malang. Rancangan untuk form Laporan Detail Order ini terdiri dari:

1. Data Grid View terdiri dari No Order,TGL & Jam Order,Status Order,

Nama Produk, Berat, Jumlah, Harga satuan, Sub Total, Total, Ongkos Kiirim, Nama Pemesan, Alamat Pngiriman, No Telpon/ Hp dan Email No Order

TGL & Jam Order Status Order

Nama Produk Berat (Kg) Jumlah Harga Satuan Sub TOTAL

0 Rp Rp

Total Rp

Ongkos Kirim Rp

Total Berat Kg

Total Ongkos Kirim Rp

Grand Total Rp DATA KUSTOMER

Nama pemesan Alamat Pengiriman

No. Telpon / HP

Email

Gambar 4.14 Laporan Detail Order

STIKOM

39

4.3 Mengimplementasikan Sistem

Mengimplementasikan sistem merupakan tahap pengujian dimana desain sistem dapat berjalan dengan baik. Implementasi dilakukan oleh satu orang yang mempunyai tugas, yaitu penganalisa sistem dan pendesain input output. Desain Web yang telah dibuat oleh pendesain input output cukup sesuai untuk mengimplementasikan sistem, sehingga tidak membutuhkan banyak perubahan.

4.3.1 Kebutuhan Sistem

Pada tahap ini, dijelaskan mengenai implementasi dari perangkat lunak yang harus dipersiapkan oleh pengguna.

Adapun perangkat lunak yang digunakan, yaitu: 1. Mozilla Firefox 6.0

2. Xampp 1.7.3

3. Adobe Dreamweaver CS5 4. Windows 7.

Untuk perangkat keras, dalm hal ini user menggunakan spesifikasi sebagai berikut:

1. Processor Core 2 Duo 2.20 Ghz

2. Memory dengan RAM 4 GB

3. VGA Ati Radeon HD-4330 512 Mhz 4. Monitor VGA (1366x768)

5. Keyboard + mouse

4.3.2 Hasil Implementasi

Implementasi yang dilakukan oleh penganalisa sistem dengan pendesain input output menghasilkan desain program.

STIKOM

4.4 Melakukan Pembahasan Terhadap Hasil Implementasi Sistem

Setelah melakukan perancangan sistem dan melakukan desain sistem maka tahapan selanjutnya adalah melakukan implementasi yang menghasilkan suatu program aplikasi dan mendapatkan hasil dari implementasi, dalam sub bab ini akan menjelaskan tentang hasil dari implementasi sistem.

4.4.1 Penjelasan Pemakaian

Tahap ini merupakan langkah-langkah dari pemakaian aplikasi “Rancang Bangun Aplikasi Pemesanan Paket Pernikahan CV. Dewi Sri Berbasis Web”. Berikut sub-sub pembahasan pemakaian:

1. Menu Login Form Admin

“Menu Login Form Admin” merupakan menu identifikasi pengguna dari program pada saat itu. Form login ini terdapat hanya satu user, yaitu maintenance sebagai admin. Menu Login dapat dilihat pada Gambar 4.15.

Gambar 4.15 Menu Login Form Admin 2. Main Menu Home Form Admin

“Main Menu Home Form Admin” terdiri dari beberapa menu, diantaranya adalah menu Home, Ganti Password, Manajemen Modul, Kategori Produk,

STIKOM

41

Produk, Biaya Transportasi, Profil, Cara Pemesanan dan Logout. Menu Home dapat dilihat pada Gambar 4.16.

Gambar 4.16 Main Menu Form Home Admin 3. Menu Ganti Password Form Admin

Menu “Ganti Password Form Admin” ini digunakan untuk mengganti password Admin untuk loggin. Menu “Ganti Password” dapat dilihat pada Gambar 4.17.

Gambar 4.17 Form Ganti Password form Admin

STIKOM

4. Menu Manajemen Modul form Admin

Menu “Manajemen Modul Form Admin” ini digunakan untuk mengkoneksikan modul-modul. Menu “Manajemen Modul” dapat dilihat pada Gambar 4.18.

Gambar 4.18 Menu Manajemen Modul Form Admin 5. Menu Kategori Produk Form Admin

Menu “Kategori Produk Form Admin” digunakan untuk menambah Kategori Produk. Menu “Kategori Produk” dapat dilihat pada Gambar 4.19.

Gambar 4.19 Menu Kategori Produk Form Admin

STIKOM

43

6. Menu Order Form Admin

Menu “Order Form Admin” digunakan untuk melihat siapa saja yang sdah melakukan order. Menu “Order Form Admin” dapat dilihat pada Gambar 4.20.

Gambar 4.20 Menu Order Form Admin Admin 7. Menu Biaya Transport Form Admin

Menu “Biaya Tranport” digunakan untuk menambah biaya transport kota tujuan. Menu. Menu “Biaya Transport Form Admin” dapat dilihat pada Gambar 4.21.

Gambar 4.21 Menu Biaya Transport Form Admin

STIKOM

8. Menu Profil Form Admin

Menu “Profil Form Admin” digunakan untuk meng update data isi Profil. Sebagaimana yang terlihat pada Gambar 4.22

Gambar 4.22 Menu Profil 9. Menu Cara Pemesanan

Menu “Cara Pemesanan” digunakan untuk mengganti cara langkah user dalam melakukan pemesanan. Sebagaimana yang terlihat pada Gambar 4.23

Gambar 4.23 Menu Cara Pemesanan

STIKOM

45

10. Menu Logout

Menu “Logout” digunakan untuk mengganti Password user. Sebagaimana yang terlihat pada Gambar 4.24

Gambar 4.24 Menu Logout 11. Menu Home Form User

Menu “Home” digunakan untuk user melihat tentang profil CV. Dewi Sri, Galeri, Kontak dan melakukan Pemesanan. Sebagaimana yang terlihat pada Gambar 4.25

STIKOM

Gambar 4.25 Menu Home Form User 12. Menu Tentang Form User

Menu “Tentang” digunakan untuk melihat latar belakang dari CV. Dewi Sri. Sebagaimana yang terlihat pada Gambar 4.26

Gambar 4.26 Menu Tentang Form User

STIKOM

47

13. Menu Galeri dan Ivent Form User

Menu “Galeri dan Ivent” digunakan untuk melihat galeri kebaya, dan Ivent. Sebagaimana yang terlihat pada Gambar 4.27

Gambar 4.27 Menu Galeri dan Ivent Form User 14. Menu Home Pemesanan Form User

Menu “Home Pemesanan User” digunakan untuk melihat cara pemesanan, dan melakukan pemesanan sesuai yang diinginkan oleh User. Sebagaimana yang terlihat pada Gambar 4.28

STIKOM

Gambar 4.28 Menu Home Pemesanan Form User 15. Menu Kontak Form User

Menu “Kontak” digunakan untuk melihat alamat, nomor telepon dari CV. Dewi Sri. Sebagaimana yang terlihat pada Gambar 4.29

Gambar 4.29 Menu Kontak Form User

STIKOM

49

16. Menu Cara Pemesanan Form User

Menu “Cara Pemesanan” digunakan untuk melihat bagaimana langkah cara User dalam melakukan pemesanan. Sebagaimana yang terlihat pada Gambar 4.30

Gambar 4.30 Menu Cara Pemesanan Form User 17. Menu Data Pesanan Form User

Menu “Data Pesanan” digunakan untuk mengisikan data User. Sebagaimana yang terlihat pada Gambar 4.31

Gambar 4.31 Menu Data Pesanan Form User

STIKOM

18. Menu Proses Transaksi Selesai Form User

Menu “Proses Transaksi Selesai Form User” digunakan untuk User melihat bahwa proses transaksi selesai. Sebagaimana yang terlihat pada Gambar 4.32

Gambar 4.32 Menu Proses Transaksi Selesai Form User

STIKOM

53

BAB V PENUTUP

5.1 Kesimpulan

Dari hasil proyek akhir di CV. Dewi Sri Malang, dapat diambil kesimpulan sebagai berikut:

1. Dengan adanya rancang bangun aplikasi pemesanan paket pernikahan berbasis web, maka memudahkan dalam memberi informasi yang lebih cepat, akurat dan informatif.

2. Dengan diimplementasikannya sistem ini, diharapkan CV. Dewi Sri akan mudah dalam memberikan layanan paket pernikahan.

3. Dengan adanya sistem ini diharapkan bisa mengurangi biaya dan waktu pelanggan dalam melakukan pencarian paket pernikahan di CV.Dewi Sri Malang.

5.2 Saran

Adapun saran yang dapat diberikan oleh penulis adalah sebagai berikut: 1. Pengembangan Web ini diharapkan agar konten atau gambar diusahakan

diperkecil ukurannya agar tetap cepat jika diakses melalui koneksi internet yang lambat.

2. Pengembangan sistem ini diharapkan lebih kompleks dan bisa lebih rinci agar Pelanggan dan karyawan mudah dalam memahami web dan mengimplementasikannya.

STIKOM

DAFTAR PUSTAKA

Agung, Gregorius. 2000. Membuat Homepage Interaktif Dengan CGI/Perl. Jakarta: PT. Elex Media Koputindo.

Haryanto, S. 2002. .Dasar Pemrograman web dinamis menggunakan PHP. Yogyakarta: Andy Offset.

Hartono, Jogiyanto. 1999. Analisis dan Disain Sistem Informasi: Pendekatan

Terstrutur Teori dan Praktek Aplikasi Bisnis Edisi 2. Yogyakarta: Andi.

Kadir, A. 2004a. PHP kumpulan Resep Pemrograman. Jakarta: Dian Rakyat. Sampurna. 1996. Belajar Sendiri Membuat Homepage Dengan HTML. Jakarta:

PT. Elex Media Koputindo.

Sidik, Betha, Ir. 2004. Pemrograman Web Dengan PHP, Bandung: Informatika. Utdirartatmo, Firrar. 2002. Mengelola Database Server MySQL di Linux dan

Windows. Yogyakarta: Andi.

Wikipedia_b. 2011. Cascading Style Sheet, Alamat URL (http://id.wikipedia.org/wiki/Cascading_Style_Sheets), diakses 14 September 2011

STIKOM

13. Menu Galeri dan Ivent Form User

Menu “Galeri dan Ivent” digunakan untuk melihat galeri kebaya, dan Ivent. Sebagaimana yang terlihat pada Gambar 4.27

Gambar 4.27 Menu Galeri dan Ivent Form User 14. Menu Home Pemesanan Form User

Menu “Home Pemesanan User” digunakan untuk melihat cara pemesanan, dan melakukan pemesanan sesuai yang diinginkan oleh User. Sebagaimana yang terlihat pada Gambar 4.28

STIKOM

48

Gambar 4.28 Menu Home Pemesanan Form User 15. Menu Kontak Form User

Menu “Kontak” digunakan untuk melihat alamat, nomor telepon dari CV. Dewi Sri. Sebagaimana yang terlihat pada Gambar 4.29

Gambar 4.29 Menu Kontak Form User

STIKOM

16. Menu Cara Pemesanan Form User

Menu “Cara Pemesanan” digunakan untuk melihat bagaimana langkah cara User dalam melakukan pemesanan. Sebagaimana yang terlihat pada Gambar 4.30

Gambar 4.30 Menu Cara Pemesanan Form User 17. Menu Data Pesanan Form User

Menu “Data Pesanan” digunakan untuk mengisikan data User. Sebagaimana yang terlihat pada Gambar 4.31

Gambar 4.31 Menu Data Pesanan Form User

STIKOM

50

18. Menu Proses Transaksi Selesai Form User

Menu “Proses Transaksi Selesai Form User” digunakan untuk User melihat bahwa proses transaksi selesai. Sebagaimana yang terlihat pada Gambar 4.32

Gambar 4.32 Menu Proses Transaksi Selesai Form User

STIKOM

53

BAB V PENUTUP

5.1 Kesimpulan

Dari hasil proyek akhir di CV. Dewi Sri Malang, dapat diambil kesimpulan sebagai berikut:

1. Dengan adanya rancang bangun aplikasi pemesanan paket pernikahan berbasis web, maka memudahkan dalam memberi informasi yang lebih cepat, akurat dan informatif.

2. Dengan diimplementasikannya sistem ini, diharapkan CV. Dewi Sri akan mudah dalam memberikan layanan paket pernikahan.

3. Dengan adanya sistem ini diharapkan bisa mengurangi biaya dan waktu pelanggan dalam melakukan pencarian paket pernikahan di CV.Dewi Sri Malang.

5.2 Saran

Adapun saran yang dapat diberikan oleh penulis adalah sebagai berikut: 1. Pengembangan Web ini diharapkan agar konten atau gambar diusahakan

diperkecil ukurannya agar tetap cepat jika diakses melalui koneksi internet yang lambat.

2. Pengembangan sistem ini diharapkan lebih kompleks dan bisa lebih rinci agar Pelanggan dan karyawan mudah dalam memahami web dan mengimplementasikannya.

STIKOM

54

DAFTAR PUSTAKA

Agung, Gregorius. 2000. Membuat Homepage Interaktif Dengan CGI/Perl. Jakarta: PT. Elex Media Koputindo.

Haryanto, S. 2002. .Dasar Pemrograman web dinamis menggunakan PHP. Yogyakarta: Andy Offset.

Hartono, Jogiyanto. 1999. Analisis dan Disain Sistem Informasi: Pendekatan Terstrutur Teori dan Praktek Aplikasi Bisnis Edisi 2. Yogyakarta: Andi. Kadir, A. 2004a. PHP kumpulan Resep Pemrograman. Jakarta: Dian Rakyat. Sampurna. 1996. Belajar Sendiri Membuat Homepage Dengan HTML. Jakarta:

PT. Elex Media Koputindo.

Sidik, Betha, Ir. 2004. Pemrograman Web Dengan PHP, Bandung: Informatika. Utdirartatmo, Firrar. 2002. Mengelola Database Server MySQL di Linux dan

Windows. Yogyakarta: Andi.

Wikipedia_b. 2011. Cascading Style Sheet, Alamat URL (http://id.wikipedia.org/wiki/Cascading_Style_Sheets), diakses 14 September 2011

STIKOM