Sistem Informasi Berbasis Web Di Debbie Rumah Mode Medan

(1)

SISTEM INFORMASI BERBASIS WEB DI DEBBIE RUMAH

MODE MEDAN

TUGAS AKHIR

FRIESKA DEBBIE SINUHAJI

072406083

PROGRAM STUDI D3 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

SISTEM INFORMASI BERBASIS WEB DI DEBBIE RUMAH MODE

MEDAN

TUGAS AKHIR

Diajukan sebagai salah satu syarat dalam menyelesaikan Pendidikan Program Studi D3 Ilmu Komputer

FRIESKA DEBBIE SINUHAJI

072406083

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(3)

PERSETUJUAN

Judul : SISTEM INFORMASI BERBASIS WEB DI DEBBIE RUMAH MODE MEDAN

Kategori : TUGAS AKHIR

Nama : FRIESKA DEBBIE SINUHAJI

Nomor Induk Mahasiswa : 072406083

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM UNIVERSITAS SUMATERA UTARA Diluluskan di

Medan, Juni 2010

Komisi Pembimbing

Diketahui / Disetujui oleh

Departemen Matematika FMIPA USU Pembimbing Ketua,

(4)

PERNYATAAN

SISTEM INFORMASI BERBASIS WEB DI DEBBIE RUMAH

MODE MEDAN

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan namanya

Medan, Juni 2010

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus yang telah memberikan rahmat, kesehatan dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini sesuai dengan waktu yang telah ditentukan. Tugas akhir ini disusun guna memenuhi satu syarat kelulusan pada Program Studi D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Adapun judul dari Tugas Akhir ini adalah “SISTEM INFORMASI BERBASIS WEB di DEBBIE RUMAH MODE MEDAN”.

Dalam penyusunan dan penulisan Tugas Akhir ini, penulis banyak mendapatkan bimbingan, bantuan dan dukungan baik berupa mmaterial maupun moril yang sangat berharga, maka dalam kesempatan ini penulis ingin menyampaikan rasa terima kasih yang sebesar-besarnya kepada:

1. Bapak Prof. Dr. Eddy Marliyanto, MSc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Bapak Drs. Sutarman, MSc, selaku Pembantu Dekan 1 Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Drs. Saib Suwilo, MSc, selaku Ketua Departemen Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Drs. James Pieter Marbun, M.Kom, selaku pembimbing penulis yang telah membantu dan memberikan pengarahan dalam penulisan Tugas Akhir ini.

5. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara khususnya program studi D3 Ilmu Komputer yang telah banyak memberikan ilmu selama perkuliahan.

6. Kepada seluruh karyawan DEBBIE RUMAH MODE yang telah membantu saya mengumpulkan data-data yang diperlukan dalam penyelesaian Tugas Akhir ini.

7. Kepada kedua orang tua saya yang telah memberikan saya dukungan baik secara materi maupun moril sehingga saya dapat menyelesaiakan perkuliahan saya ini.

(6)

Akhirnya dengan kerendahan hati, penulis mempersembahkan tugas akhir ini bagi kita semua, terima kasih. Semoga Tuhan selalu melimpahkan berkat-Nya kepada kita semua. Amin.

Medan, Juni 2010 Penulis

(7)

ABSTRAK

Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat meningkatkan keefisienan dan keefektifitas dalam melakukan setiap pekerjaan. Komputer bukan hanya sekedar pengolah data dan gambar saja tetapi penggunaanya menjadi salah satu sarana kominikasi, media informasi dan edukasi. Perkembangannya teknologi tersebut sangat mempengaruhi setiap badan usaha maupun perusahaan mengenai masalah yang timbul dalam kegiatan operasionalnya. Demikian juga halnya dengan Debbie Rumah Mode Medan perlu menggunakan

website sebagai salah satu media promosi pada masyarakat. Untuk itu, penulis perlu

(8)

DAFTAR ISI

1.5 Metodologi Penelitian 4

1.6 Sistematika Penulisan 5

Bab 2 Landasan Teori 7

2.1 Pengertian Komputer 7

2.2 Pengertian Data, DFD, Fowchart, dan Informasi 8

2.2.1 Pengertian Data 8

2.8 Macromedia Dreamweaver 8 15

2.9 Xampp 16

Bab 3 Sekilas Tentang Debbie Rumah Mode Medan 17

3.1 Profil 17

3.2 Sejarah Debbie Rumah Mode 18

3.3 Visi dan Misi 19

Bab 4 Perancangan Sistem 20

4.1 Perancangan Sistem 20

4.2 Perancangan DFD 21

(9)

4.4 Mempersiapkan Database Server 29

4.5 Relasi Antartabel 32

4.6 Desain Interface 33

4.7 Membangun Halaman Situs 38

Bab 5 Implementasi Sistem 40

5.1 Pengertian Implementasi Sistem 40

5.2 Tujuan Implementasi Sistem 40

5.3 Komponen Sistem 41

5.3.1 Hardware 41

5.3.2 Software 41

5.3.3 Brainware 42

5.4 Demonstrasi Program 43

(10)

Tabel 2.1 Simbol-Simbol Data Flow Diagram 9

Tabel 2.2 Simbol-Simbol Flowchart 10

Tabel 4.1 Produk 30

Tabel 4.2 Member 30

Tabel 4.3 Pemesanan Produk 30

Tabel 4.4 Detil Pemesanan Produk 30

Tabel 4.5 Tabel Buku Tamu 31

(11)

Halaman

Gambar 4.1 Diagram Konteks 22

Gambar 4.2 Diagram Level 0 23

Gambar 4.3 Flowchart Halaman Utama (Home) 24

Gambar4.4 Flowchart Halaman Login Admin 25

Gambar 4.5 Flowchart Halaman Menu Administrator 26

Gambar 4.6 Flowchart Halaman Produk 27

Gambar 4.7 Flowchart HalamanBrowse Produk 28

Gambar 4.8 Flowchart Halaman Pemesanan Produk 29

Gambar 4.9 Relasi Antar Tabel 32

Gambar 4.10 Halaman Utama (Home) 33

Gambar 4.11 Halaman Menu Admin 34

Gambar 4.12 HalamanData Produk 35

Gambar 4.13 Halaman Member 35

Gambar 4.14 Halaman Pemesanan Produk 36

Gambar 4.15 Halaman Keranjang Belanja 36

Gambar 4.16 Halaman Buku Tamu 37

Gambar 4.17 Halaman Output Informasi Produk 37

Gambar 4.18 Halaman Output Informasi Member 38 Gambar 4.19 Halaman Output Pemesanan Produk 38

Gambar 5.1 index.php 43

Gambar 5.2 profil.php 44

Gambar 5.3 bukutamu.php 45

Gambar 5.4 contact.php 46

Gambar 5.5 sejarah.php 47

Gambar 5.6 produk.php 48

Gambar 5.7 member.php 49

Gambar 5.8 logmember.php 50

(12)

ABSTRAK

Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat meningkatkan keefisienan dan keefektifitas dalam melakukan setiap pekerjaan. Komputer bukan hanya sekedar pengolah data dan gambar saja tetapi penggunaanya menjadi salah satu sarana kominikasi, media informasi dan edukasi. Perkembangannya teknologi tersebut sangat mempengaruhi setiap badan usaha maupun perusahaan mengenai masalah yang timbul dalam kegiatan operasionalnya. Demikian juga halnya dengan Debbie Rumah Mode Medan perlu menggunakan

website sebagai salah satu media promosi pada masyarakat. Untuk itu, penulis perlu

(13)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Persaingan dalam dunia usaha merupakan suatu hal yang pasti dan tidak mungkin dihindari. Untuk menghadapi persaingan tersebut, pengusaha haruslah meningkatkan kualitas hasil usahanya. Selain kualitas hasil usaha, pegusaha juga harus mampu memanajemen usaha sehingga memperoleh hasil maksimal mungkin dengan modal seminim mungkin.

Untuk mencapai kesuksesan, selain peningkatan hasil usaha diperlukan juga promosi yang baik agar usaha tersebut dapat dikenal oleh masyarkat. Promosi yang dilakukan harus dapat dijangkau dan diminati oleh seluruh lapisan masyarakat. Selain itu, dibutuhkan juga media promosi yang tidak membutuhkan biaya yang besar dalam melakukan promosi. Salah satu media promosi yang diminati seluruh lapisan masyarakat dan cukup efisien adalah internet.

(14)

Informasi yang diperoleh pun bermacam-macam. Pengguna dapat mencari informasi sesuai dengan kebutuhannya. Salah satu informasi yang dapat diperoleh adalah informasi mengenai fashion. Banyak butik ataupun designer mempromosikan hasil kerjanya melalui internet.

Oleh karena itu, Debbie Rumah Mode yang merupakan salah satu butik, perlu melakukan peubahan dalam menghadapi persaingan. Salah satu usaha yang dilakukan adalah dengan merancang sebuah website yang digunakan sebagai salah satu media promosi kepada masyarakat.

Atas dasar inilah penulis ingin membuat Tugas Akhir dengan judul ”SISTEM INFORMASI BERBASIS WEB DI DEBBIE RUMAH MODE MEDAN ”.

Semoga dengan selesainya sistem informasi dengan judul diatas, nantinya bermanfaat untuk mempromosikan butik ini dengan cara yang lebih efisien dan efektif dan untuk jangka panjangnya mampu memanfaakan sumber daya komputer bagi siapa saja yang menggunakannya.

1.2Rumusan Masalah

(15)

1.3Batasan Masalah

Adapun batasan masalah dalam penyusunan tugas akhir ini adalah sebagai berikut: 1. Sistem informasi berbasis web ini hanya digunakan untuk kepentingan

penyampaian data informasi pada penggunanya.

2. Adapun yang disampaikan dalam sistem informasi berbasis web ini adalah: a. menampilkan informasi mengenai butik tersebut.

b. menampilkan hasil-hasil jasa dari butik tersebut.

1.4Maksud dan Tujuan

Tugas Akhir ini memiliki maksud dan tujuan sebagai berikut: 1. Maksud

Adapun maksud dari pembuatan Tugas Akhir ini adalah memberikan informasi dan penawaran yang dimiliki Debbie Rumah Mode Medan kepada masyarakat. 2. Tujuan

a. Memberikan suatu sistem informasi yang komputerisasi sehingga lebih efisien dan akurat.

b. Memberi kemudahan bagi pengguna untuk mengakses informasi. c. Merupakan media promosi yang efektif.

(16)

1.5Metodologi Penelitian

Metodologi dalam melaksanakan penelitian adalah: 1. Pengumpulan Data

Penulis mengumpulkan data sekunder yang dibutuhkan untuk perancangan website dengan mengobservasi terlebih dahulu. Kemudian penulis melakukan interview kepada pihak yang terkait.

2. Penganalisisan Data

Data yang telah diperoleh akan diolah untuk dianalisa, jika masih terdapat data yang kurang maka perlu pengambilan data kembali.

3. Perancangan Program

Perancangan akan dilakukan dengan menyelesaikan desain layout/ tampilan pada

website. Pendesainan dibangun dengan menggunakan Macromedia Dreamweaver

8.

4. Pengerjaan Program

Setelah desain tampilan selesai dirancang, penulis akan mengerjakan program dengan menggunakan bahasa pemrograman PHP, database MySQL, dan Apache sebagai web server.

5. Pengujian Program

Pengujian akan dilaksanakan jika program telah selesai dikerjakan. Bila saat pengujian terdapat kesalahan maka perlu adanya perbaikan terhadap program agar menghasilkan hasil yang maksimal.

6. Penyusunan Laporan Program

(17)

7. Penyerahan Program

Program akan diserahkan kepada pihak yang bersangkutan, jika seluruh kegiatan telah diselesaikan.

1.6Sistematika Penulisan

Untuk mempermudah penulisan Tugas Akhir ini, penulis membuat suatu sistematika penulisan yang terdiri dari:

BAB 1 PENDAHULUAN

Pada bab ini diuraikan secara ringkas pembahasan tentang latar belakang, rumusan masalah, batasan masalah, maksud dan tujuan, metode penelitian, dan sistematika penulisan.

BAB 2 LANDASAN TEORI

Bab ini berisikan tentang teoritis mengenai pengertian-pengertian,metode penyusunan data serta mengenai bahasa pemograman yang digunakan.

BAB 3 GAMBARAN SEKILAS DEBBIE RUMAH MODE MEDAN

(18)

BAB 4 PERANCANGAN SISTEM

Bab ini berisikan pembahasan mengenai sistem yang dirancang dan menggunakan Macromedia Dreamweaver 8 sebagai editor

perancangan website.

BAB 5 IMPLEMENTASI SISTEM

Bab ini terdiri dari implementasi sistem, tujuan implementasi sistem,spesifikasi sistem.

BAB 6 KESIMPULAN DAN SARAN

(19)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas tertentu yang dikontrol oleh sebuah intstruksi-instruksi perintah digital. Komputer berasal dari bahasa Inggris, to computer yang artinya menghitung. Jadi, komputer dapat diartikan sebagai alat untuk menghitung. Komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian prosesnya sesuai dengan program yang tersimpan di memorinya dan menghasilkan output berupa informasi.

Komputer pada awalnya merupakan alat hitung saja. Namun seiring dengan perkembangan teknologi, komputer tidak hanya sebagai alat hitung saja tapi dapat juga digunakan sebagai alat pengolahan data, permainan, pengontrol, membuat grafik, melakukan analisis, mendesain gambar, dan lainnya.

(20)

2.2 Pengertian Data, Data Flow Diagram, Flowchart, dan Informasi

2.2.1 Pengertian Data

Data menurut kamus bahasa Inggris-Indonesia, data diartikan sebagai istilah yang berasal dari “datum” yang berarti fakta atau bahan-bahan keterangan.. Pengertian lain juga mengatakan bahwa data merupakan deskripsi dari suatu kejadian yang kita hadapi. Data dapat didefinisikan sebagai bahan keterangan tentang kejadian nyata atau fakta-fakta yang dirumuskan dalam kelompok lambang tertentu yang tidak acak yang menunjukkan jumlah, tindakan, atau hal (Sutanta, 2004).

Data terbentuk dari karakter, dapat berupa abjad, angka maupun simbol khusus. Data disusun dan diolah dalam bentuk struktur data, struktur file dan basis data. Contoh data adalah catatan identitas pegawai, catatan transaksi pembelian, catatan transaksi penjualan, dan lain-lain.

2.2.2 Pengertian Data Flow Diagram

Data Flow Diagram (DFD) adalah suatu gambaran grafis dari suatu sistem yang dapat

(21)

DFD terdiri dari empat simbol yaitu:

Tabel 2.1 Simbol-Simbol DFD

No Simbol Keterangan

1. External Eternity ( Kesatuan Luar )

Yaitu kesatuan di lingkungan luar sistem lainnya

yang berada di lingkungan luarnya yang akan

memberikan input atau menerima output dari sistem.

2 Data Flow ( Arus Data )

Ini mengalir diantara proses, simpanan data, dan

kesatuan

3 Process ( Proses )

Yaitu kegiatan atau kerja yang dilakukan oleh mesin

atau komputer dari hasil suatu arus data yang masuk

ke dalam proses untuk dihasilkan arus data yang akan

keluar dari proses

4 Data Store ( Simpanan )

Yaitu simpanan dari data yang dapat berupa file atau

databse, arsip, tabel, acuan manual, agenda atau buku

2.2.3 Flowchart (Diagram Alir)

(22)

dari simbol-simbol yang mewakili fungsi-fungsi langkah program dan garis alir (flow

line) menunjukkan urutan dari simbol-simbol yang akan dikerjakan.

Tabel 2.2 Simbol-simbol flowchart

No. Simbol Fungsi

1. Simbol titik terminal digunakan untuk

menunjukkan awal dan akhir dari suatu proses

2. Simbol proses digunakan untuk mewakili suatu

proses atau untuk pengolahan aritmatika dan

pemindahan data

3. Simbol input-output digunakan untuk mewakili

data input/output dan menunjukkan hasil dari

suatu proses

4. Simbol Decision ( Keputusan ) digunakan

untuk suatu penyeleksian ( perbandingan logika

) kondisi di dalam program

5. Simbol Predefined ( persiapan ) digunakan

untuk memberi nilai awal suatu variable atau

(23)

Tabel 2.2 Lanjutan simbol-simbol flowchart

No. Simbol Keterangan

6 Simbol Connector ( Penghubung ) digunakan

menunjukkan hubungan arus proses yang

terputus masih dalam halaman yang sama

7. Simbol Off Page Connector digunakan sebagai

penunjuk hubungan arus proses yang terputus

masih dalam halaman yang berbeda

8. Simbol proses terdefenisi digunakan untuk

menunjukkan suatu operasi yang rinciannya

ditunjukkan di tempat lain

9. Simbol display digunakan untuk output yang

ditunjukkan/ditampilkan di monitor

10. Simbol dokumen yang digunakan sebagai

penunjuk suatu dokumen input atau output baik

untuk proses manual, mekanik atau komputer

11 Simbol garis alir yang digunakan untuk

menunjukkan arus dari suatu proses

12 Simbol Storage yang digunakan untuk

(24)

2.2.4 Pengertian Informasi

Informasi adalah hasil pengolahan data sehingga menjadi bentuk yang penting bagi penerimanya dan mempunyai kegiatan sebagai dasar dalam pengambilan keputusan yang dapat dirasakan akibatnya secara lansung saat itu juga atau secara tidak langsung pada saat mendatang (Sutanta,2004).

Informasi adalah sekumpulan data atau fakta yang berguna bagi masyarakat. Sekumpulan data inilah yang akan digunakan dalam pengambilan keputusan (Laudon, 2007).

Dari pengertian di atas dapat diambil kesimpulan bahwa informasi adalah sekumpulan data yang berguna bagi masyarakat yang diolah menjadi bentuk yang penting bagi penerimanya dan digunakan untuk mengambil keputusannya dan dapat dirasakan akibatnya baik secara langsung atau pun tidak langsung.

2.3 Sistem Informasi

Sistem informasi dapat didefenisikan sebagai sekumpulan alat atau komponen penyusun yang kemudian komponen tersebut melalukan kegiatan bersama-sama dalam memproses, menyimpan, dan mendistribusikan informasi yang dibutuhkan dalam suatu proses pengambilan sebuah keputusan bagi perusahaan tersebut (Laudon, 2007).

(25)

memproses dan menyimpan serta mendistribusikan informasi yang akan mendukung pembuatan keputusan dan melakukan kontrol (Sutedjo, 2003).

2.4 PHP

PHP singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa

script server-side dalam pengembangan web yang disisipkan pada dokumen HTML.

Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga maintenance situs web tersebut menjadi lebih mudah dan efisien. PHP merupakan software open

source yang disebarkan dan dilesensikan secara gratis. PHP ditulis dalam bahasa C.

PHP memiliki kelebihan yang tidak dimilki oleh script sejenis. PHP difokuskan pada pembuata script server side yang bisa melakukan apa saja yang dapat dilakukan oleh CGI seperti mengumpulkan data dari form, menghasilkan isi halaman

web dinamis, dan kemampuan mengirim serta menerima cookies. PHP dapat

digunakan pada semua sisitem operasi. PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file PDF, dan

movies Flash (Peranginangin, 2006).

Sintaks program PHP ditulis dengan apitan tanda khusus PHP. Ada empat macam tag PHP yang digunakan untuk menandai blok script PHP yaitu:

1. <?php...?>

2. <script language = ”PHP”> ... </script> 3. <? ... ?>

(26)

2.5 MySQL

MySQL merupakan salah satu database server yang paling cocok berpasangan dengan PHP. MySQL merupakan suatu format standart SQL bahasa data yang terkenal. Selain itu, MySQL dilepaskan dengan suatu lisensi open source dan tersedia secara cuma-cuma. MySQL bekerja pada berbagai sistem operasi dan banyak bahasa. MySQL bekerja dengan cepat dan baik dengan data yang besar. PHP menyediakan banyak fungsi unutk mendukung database MySQL (Peranginangin, 2006).

MySQL termasuk jenis RDBMS (Relational Database Management System). Sehingga istilah seperti tabel, baris, dan kolom tetap digunakan dalam MySQL. Pada MySQL sebuah database mengandung satu beberapa tabel, tabel terdiri dari sejumlah baris dan kolom. Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam tabel-tabel yang secara logika merupakan struktur dua dimensi yang terdiri atas baris-baris data (row atau record) yang berada dalam satu atau lebih kolom. Baris pada tabel sering disebut sebagai instance dari data sedangkan kolom sering disebut sebagai attributes atau field (Sutarman,2007).

2.6 Apache

Apache merupakan software yang dikeluarkan oleh Grup Apache. Grup Apache

terlibat dalam suatu proyek yang disebut Proyek Apache untuk menghubungkan suatu software implementasi di server HTTP yang handal, standar komersial, dan source

(27)

2.7 CSS ( Cascading Style Sheet )

CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan

layouting halaman web. Dengan mendefenisikan suatu style sekali saja itu akan dapat

digunakan berulang kali.

CSS telah didukung kebanyakan browser, terutama versi baru sehingga penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal berpengaruh terhadap ukuran file, dapat menampilkan konten utama terlebih dahulu sementara gambar dan yang lainnya dapat ditmpilkan sesudahnya.

2.8 Macromedia Dreamweaver 8

Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia

Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya. Fasilitas

terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS,

Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam

Macromedia Dreamweaver 8 membuat pekerjaan cepat selesai.

(28)

2.9 Xampp

Xampp merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan meng-install Xampp maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. Xampp akan menginstalasi dan mengkonfigurasinya secara otomatis untuk anda.

Versi Xampp yang beredar saat ini adalah versi 1.4.14. Versi ini dapat

di-download pada situs

1. Apache versi 2.0.54 2. MySQL versi 4.1.12 3. PHP versi 5.0.4

(29)

BAB 3

SEKILAS MENGENAI DEBBIE RUMAH MODE MEDAN

3.1 Profil

Berikut ini merupakan profil dari Debbie Rumah Mode Medan:

1. NO. SIUP : 255 / 02.13 / PM / X / 2004

2. NAMA USAHA : DEBBIE RUMAH MODE MEDAN

3. ALAMAT USAHA : JALAN JAMIN GINTING NO. 229 4. NAMA PEMILIK : F. SINUHAJI

5. ALAMAT PEMILIK : JALAN JAMIN GINTING NO. 229

6. NPWP : 09.849.834.8-121.000.

7. KEGIATAN USAHA : PERDAGANGAN BARANG DAN JASA 8. KELEMBAGAAN : PEDAGANG PENGECER ( RETAILER ) 9. JENIS BARANG DAN JASA : PAKAIAN JADI, TUKANG JAHIT

10. KELURAHAN : PADANG BULAN

11. KECAMATAN MEDAN : MEDAN BARU

12. KOTA : MEDAN

(30)

3.2 Sejarah Debbie Rumah Mode Medan

Pada tahun 1992, didirikan sebuah layanan jasa jahit-menjahit yang bernama Debbie di Jalan Jamin Ginting no. 229 P.Bulan – Medan oleh ibu R.br Ginting. Pada awalnya, Debbie tidak hanya menyediakan jasa jahit-menjahit saja, tapi juga merupakan salon kecantikan. Selain salon, Debbie juga menyediakan jasa merangkai bunga pengantin, bunga pelaminan, meronce melati, dan bunga papan. Banyaknya usaha yang dilakukan karena saat itu, Debbie belum memiliki banyak pelanggan. Selain berbagai jenis usaha, Debbie juga sempat mendirikan sekolah menjahit selama tiga tahun.

Pada tahun 1997, Indonesia mengalami krisis moneter, banyak usaha yang tutup dan mengalami kebangkrutan. Pada saat itu juga, usaha ini mengalami krisis. Beberapa karyawan diberhentikan,tidak adanya uang untuk belanja bahan baku dan ditutupnya sekolah menjahit tersebut.

Seiring berjalannya waktu, usaha inimengalami kemajuan kembali. Sekitar tahun 2001, usaha ini mulai bangkit kembali namun hanya dalam bidang jahit menjahit saja. Saat inilah usaha ini mengganti nama menjadi Rumah Mode DEBBIE. Usaha lainnya tidak diteruskan karena tidak memadainya modal yang tersedia.

(31)

3.3 Visi dan Misi

Debbie Rumah Mode memiliki visi dan misi sebagai berikut: 1. Visi

Debbie Rumah Mode mampu menghasilkan pakaian yang sesuai dan cocok bagi setiap konsumen.

2. Misi

(32)

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Dalam perancangan suatu situs banyak hal yang harus dilakukan diantaranya adalah persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs.

Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain: 1. Apa yang akan dibangun?

2. Siapa saja pengunjung yang diharapkan berkunjung ke situs itu? 3. Apa saja aktivitas yang dapat mereka lakukan di dalam situs tersebut? 4. Apa target yang ingin dicapai dari pembuatan situs tersebut?

Dengan menjawab pertanyaan di atas, akan semakin memperjelas dan mempermudah dalam membangun situs karena dari hal ini nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.

Berdasarkan pertanyaan di atas, maka jawaban untuk pertanyaan di atas adalah:

1. Situs yang akan dibangun adalah situs Debbie Rumah Mode Medan.

(33)

3. Aktivitas yang dapat dilakukan pengunjung dalam situs adalah mengetahui hasil karya dari Debbie Rumah Mode Medan dan memberikan saran untuk kemajuan usaha tersebut.

4. Target yang ingin dicapai adalah agar Debbie Rumah Mode Medan dapat semakin dikenal oleh masyarakat.

4.2 Perancangan DFD

(34)

Anggota Administrator

Pimpinan Website

0

- data produk

- verifikasi anggota baru - registrasi data anggota

- data pemesanan produk - data buku tamu

info harga produk

- info anggota

- info pemesanan produk

- laporan data member - info data produk

- info pemesanan produk pertanggal - info pemesanan produk perbulan

Adapun DFD yang penulis ajukan adalah:

(35)

Admin Administrator

Pimpinan Registrasi Anggota Baru

1.0

registrasi data anggota

F1 anggota data pemesanan produk

informasi buku tamu

F2 produk info harga produk

- Info data anggota - Info data produk

- info pemesanan produk pertanggal - info pemesanan produk perbulan

- info anggota

- info pemesanan produk

Verifikasi anggota baru

verifikasi buku tamu

F4 Detail_pemesanan_

produk

(36)

Start

Tampil halaman home

Baca link

Home

? Tampil halaman home

Profil

? Tampil halaman profil

Contact us

4.3 Flowchart Sistem

Flowchart merupakan bagan yang menunjunkkan alir di dalam program atau prosedur

sistem secara logika. Adapun flowchart yang digunakan penulis adalah:

(37)

Login

Tampil halaman login admin

Input

username,pass-word

Ketemu

? Pesan

y

n

Menu administrator

Admin

(38)

Admin

Pilihan 1 = data produk

Pilihan 2 = browse data produk

Pilihan 3 = browse data pemesanan produk Pilihan 4 = buku tamu

n _y

Lihat buku tamu

(39)

A

Tampilkan halaman produk

Input data produk

Kirim ?

Simpan data

Produk

Batal ?

Kosongkan form

Admin y

n

y n

(40)

B

(41)

C

Tampilkan halaman browse pemesanan produk

Hapus ?

Hapus data

Pemesanan produk

Admin y

n

Gambar 4.8 Flowchart Halaman Pemesanan Produk

4.4 Mempersiapkan Database Server

Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemograman, baik penambahan, pengeditan, penghapusan dan menampilkan isi database ke halaman

(42)

Adapun database yang dibuat adalah database rumah_mode dengan tabel sebagai berikut:

Tabel 4.1 Tabel Produk

Field Data Type Size Description

Tabel 4.2 Tabel Member

Kd_member Char 4 Kode member

Nm_member Varchar 50 Nama member

Almt Varchar 50 Alamat member

Kd_wil Char 4 Kode wilayah

Email Varchar 50 Email

Login Varchar 20 Login

Pass Char 10 Password

Tabel 4.3 Tabel Pemesanan Produk

No_pesan Integer 4 No. pemesanan produk

Tgl_pesan Date 12 Tgl. Pemesanan produk

Kd_member Char 4 Kode member

Tabel 4.4 Tabel Detil Pemesanan Produk

No_pesan Integer 4 No. pemesanan produk

Tgl_pesan Date 12 Tgl. Pemesanan produk

Kd_ prod Char 4 Kode produk

(43)

Tabel 4.5 . Tabel Buku Tamu

Field Data Type Size Description

Id_tamu Integer 4 Id. Tamu

Nama Varchar 50 Nama

Email Varchar 50 Email

(44)

Tabel Buku Tamu

4.5 Relasi Antartabel

Dalam membangun sebuah database, hal yang tidak kalah penting juga yang harus diperhatikan adalah relasi antartabel. Berikut ini adalah rancangan relasi antartabel yang terdapat dalam database rumah_mode:

(45)

4.6 Desain Interface

Berikut ini gambar desain interface dari website yang dirancang oleh penulis: 1. Desain Menu

Desain menu adalah gambar rancangan menu-menu yang digunakan oleh user dalam berinteraksi dengan website seperti penggunaan alat input seperti mouse dan

keyboard.

\

Gambar 4.10 Halaman Menu Utama (Home)

[ Home ] [ Profil ] [ Buku Tamu ] [ Contact Us] [Sejarah Kebaya]

- Member Baru - Login member - Login admin

WEB BANNER

(46)

\

Gambar 4.11 Halaman Menu Admin WEB BANNER

* Data Produk * Lihat Produk * Lihat Member

(47)

2. Desain Masukan (input)

Desain masukan adalah gambar rancangan halaman masukan (input) yang digunakan oleh user dan admin untuk memasukkan (input) data ke database server, seperti terlihat pada gambar-gambar di bawah ini.

Gambar 4.12 Halaman Data Produk

Gambar 4.13 Halaman Member Baru Data Produk

Kode Produk: Nama Produk: Harga Produk: Merek:

Gambar: [browse] [ Simpan ] [Batal ]

Member Baru

Nama Member: Alamat:

Email: Login: Password:

(48)

Gambar 4.14 Halaman Pemesanan Produk

Gambar 4.15 Halaman Keranjang Belanja Produk Nama Produk : xxxxxxxxxxxxx

Harga Produk : Rp.999999 Merek : xxxxxxxxxxx Jumlah : [ ]

[ Pesan ]

Gambar Detail Info Produk

No. Nama Produk

Harga Produk

Jumlah Sub Total Proses

99 xxxxxxxxxx Rp.999999 99 Hapus

Total Harga : Rp.999999

(49)

Gambar 4.16 Halaman Buku Tamu

3. Desain keluaran (Output)

Desain keluaran adalah gambar rancangan halaman keluaran (output) seperti terlihat pada gambar-gambar di bawah ini.

Gambar 4.17 Halaman Output Informasi Produk DEBBIE RUMAH MODE

Informasi Produk

Kode Nama Produk Merek Harga Gambar

xxxx xxxxxxx xxxxxxx Rp.999 xxxxxxx

Buku Tamu

Nama: Email: Komentar:

(50)

Gambar 4.18 Halaman Output Informasi Member

Gambar 4.19 Halaman Output Informasi Pemesanan Produk

4.7 Membangun Halaman Situs

Adapun halaman-halaman yang dibangun oleh penulis adalah:

1. Halaman index.php, merupakan halaman utama yang akan diakses pertama kali situs dibuka. Halaman ini berisi artikel dan berita singkat serta link menuju halaman berikut.

2. Halaman profil.php untuk memberikan informasi mengenai Debbie Rumah Mode Medan.

3. Halaman member.php merupakan halaman yang berfungsi sebagai media tempat mendaftar bagi user.

DEBBIE RUMAH MODE Informasi Member Kode

Member

Nama Member

Alamat Email Login Password

xxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx

DEBBIE RUMAH MODE Informasi Pemesanan Produk

No.Pesan Tgl.Pesan Nama

Member

Total Harga

xxxxxxx 99/99/99 xxxxxxxxxx Rp.999999

(51)

4. Halaman logmember.php berfungsi sebagai tempat untuk melakukan login bagi member

5. Halaman bukutamu.php digunakan sebagai sarana memberikan komentar serta saran dan kritik.

(52)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan diuji, menginstal dan memulai menggunakan sistem baru yang harus diperbaiki. Adapun langkah yang dibutuhkan adalah:

1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang

website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan

5.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem adalah sebagai berikut:

(53)

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.

3. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.

4. Memastikan bahwa sistem yang telah berjalan dengan lancar dengan mengontrol dan melakukan instalasi secara benar.

5.3 Komponen Sistem

Komponen-komponen sistem dibutuhkan dalam membangun aplikasi ini adalah:

5.3.1 Hardware

Hardware suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang

diusulkan. Dalam hal ini, penulis merinci spesifikasi komponen hardware yaitu: 1. PC dengan processor minimal Intel Pentium III 733 MHz.

2. Hard disk 20 GB. 3. Monitor Super VGA 4. Memory minimal 128 MB 5. Keyboard.

6. Mouse.

5.3.2 Software

Hardware tidak akan mampu memecahkan suatu masalah tanpa didukung oleh

(54)

1. Sistem Operasi Ms. Windows XP

2. Internet Explorer, Mozilla Firefox sebagai web browser.

3. Xampp yang merupakan Xampp tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan meng-install Xampp maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. Xampp akan mengkonfigurasi secara otomatis.

4. Macromedia Dreamweaver 8 merupakan software yang digunakan untuk mengatur tata letak halaman web.

5.3.3 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem

informasi, pemrosesan dan penanggungan keluaran sistem informasi. Brainware dalam sistem informasi terbagi atas:

1. Sistem Analis : orang yang menganalisa sistem dengan mempelajari masalah yang timbul dan menentukan kebutuhan pemakai dan mengidentifikasi pemcahan beralasan.

2. Programmer : orang yang membuat sistem dengan menggunakan salah satu bahasa pemograman yang dikuasaianya.

(55)

5.4 Demostrasi Program

Berikut ini adalah gambar dari website yang dirancang oleh penulis:

1. Halaman index adalah halaman yang pertama sekali dilihat oleh user.

(56)

2. Halaman profil merupakan halaman yang berisi profil Debbie Rumah Mode dan bagaimana sejarah terbentuknya

(57)

3. Halaman buku tamu merupakan halaman yang dapat digunakan user sebagai tempat menyampaikan komentar.

(58)

4. Halaman contact us merupakan halaman yang menyediakan informasi keberadaan Debbie Rumah Mode.

(59)

5. Halaman sejarah kebaya berisi uraian mengenai sejarah kebaya di Indonesia.

(60)

6. Halaman produk berisi cara melakukan pemesanan produk.

(61)

7. Halaman member merupakan halaman yang digunakan untuk meregistrasikan anggota baru.

(62)

8. Halaman login member merupakan halaman untuk melakukan login bagi member.

(63)

9. Halaman login admin merupakan halaman untuk melakukan login bagi admin.

(64)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan Sistem Informasi di Debbie Rumah Mode Medan. Kesimpulan yang diperoleh adalah:

1. Penggunaan dan pemanfaatan website ini dapat memberikan kemudahan bagi masyarakat untuk mengenal Debbie Rumah Mode.

2. Dengan adanya website ini, masyarakat dapat melihat langsung apa saja hasil karya Debbie Rumah Mode Medan.

3. Dengan adanya website ini, diharapkan dapat mengefisienkan dan mengefektifkan kegiatan promosi Debbie Rumah Mode Medan

6.2 Saran

1. Pihak administrator Debbie Rumah Mode harus senantiasa menjaga dan memperbaharui website agar pengunjung tidak merasa bosan dan mendapatkan informasi-informasi yang benar.

(65)

3. Isi situs web seharusnya di-update oleh admin secara berkala guna memberikan informasi yang aktual.

4. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah karena penggunaan

software-software yang banyak memakan sumber daya komputer seperti memori dan

(66)

DAFTAR PUSTAKA

Kurniawan, Budi S.Kom. 2008. Desain Web Praktis dengan CSS. Jakarta: Elex Media Komputindo.

Laudon, Laudon. 2007.Sistem Informasi Manajemen.Trans. Chriswan Sungkono dan Machmudin Eka P.. Jakarta: Salemba Empat.

Peranginangin, Kasiman.2006. Aplikasi We dengan PHP dan MySQL. Yogyakarta: Andi.

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

Sutanta, Edhy. 2004. Sistem Basis Data. Yogyakarta: Graha Ilmu.

Sutedjo, Dharma Oetomo. dan Budi, S.Kom, dkk. 2003. Terminologi Populer Sistem

(67)

LAMPIRAN Kode halaman Home:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<h1> <font face="curlz MT" color="#FFFF00"><marquee>debbie beatuy center and spa </marquee></font> </h1></div>

<br />

<br /> <a href="myprofile.html">MyProfile</a> <br />

<br /><a href="cantik1.html">Paket Perawatan</a> <br />

<br /><a href="MASKER.html">Membuat Masker Alami</a> <br />

<br /><a href="tips_langsing.html">Tips Langsing dan Sehat</a> <br />

<br /><a href="perut_rata.html">Tips Mendapat Perut Rata</a> <br />

<br /><a href="masker_rambut.html">Tips Perawatan Rambut</a> </h3>

</div>

(68)

<br />

Kini telah hadir debbie beauty center and spa. Kami hadir untuk menjawab semua masalah anda tentang kecantikan. Kami akan membantu anda dalam perawatan diri dan memanjakan diri. Kami juga menawarkan paket-paket perawatan hemat bagi anda dan juga bagi para calon pengantin yang ingin melakukan perawatan sebelum menuju hari H. <img src="picture/gerak_salon.gif" width="187" height="168" align="right" /><br />

<b>Penataan Rambut:</b> <ul>

<li>Cuci + Pangkas + Catok/Blow : Rp 35.000,00</li> </ul>

<br />Styling:

<ul>

<li> Keriting Sosis : Rp 25.000,00 - Rp 50.000,00</li>

<li> Catok : Rp 15.000,00 - Rp 35.000,00</li> </ul>

<li> Make Up Natural : Rp 50.000,00 - Rp 75.000,00</li>

<li> Make Up Glamour : Rp 60.000,00 - Rp 85.000,00</li> </ul>

<br />Pelurusan: <ul>

<li> Smoothing Rambut Asli : Rp 100.000,00 - Rp 300.000,00</li> </ul>

<li> Smoothing Rambut Warna : Rp 150.000,00 - Rp 450.000,00</li> </ul>

<ul>

(69)

<li> Rebonding Rambut Warna : Rp 150.000,00 - Rp 300.000,00</li> <li> Rebonding Rambut Kribo : Rp 200.000,00 - Rp 350.000,00</li> </ul>

<br /> Pewarnaan: <ul>

<li> Pewarnaan : Rp 80.000,00 - Rp 200.000,00 </li> <li> Bleaching : Rp 30.000,00 - Rp 50.000,00 </li>

</ul>

<li> Manicure :Rp 20.000,00</li> <li> Padicure :Rp 20.000,00</li>

<form action="coment.php"><font face="curlz MT" color="#000000"> Nama :

TTL :<input type="text" name="TTL" />

<br />Komentar:<textarea name="Komentar" cols="30" rows="5" id="Komentar"> </textarea>

<br />

</font></form> </div>

<div id="footer" align="right"><font face="curlz MT" color="#FF0033">Debbie Beauty Center and Spa<br />

(70)

</body> </html>

Kode halaman My Profile:

<h1> <font face="curlz MT" color="#FFFF00"><marquee> debbie beatuy center and spa </marquee></font> </h1></div>

<br />

<br /><a href="perut_rata.html">Tips Mendapat Perut Rata</a> </h3>

</div>

<div id="content" align="justify"><font face="Curlz MT" color="#FF0033"> <h1 align="center"> My Profile </h1></align>

(71)

<tr>

<td> Welcome to My Profile. Nama qu FRIESKA DEBBIE. Aq anak pertama dari dua bersaudara. Membuka salon adalah satu kebahagian bagiku karena pada dasarnya aku adalah orang yang cukup perduli akan kcantikan dan aqu juga sangat ingin membantu anda dan berbagi pengalaman dengan anda. Merawat diri adalah keharusan karena tubuh kita adalah salah satu bentuk investasi. Jangan ditunggu sampai rusak tapi rawatlah sedini mungkin. Oleh karena itu, kami hadir untuk membantu anda semua untuk mendapatkan kecantikan dan perawatan tubuh. Semoga perawatan yang kami berikan di salon kami ini dapat memuaskan anda...</td>

</tr> </table>

</font></div>

Jalan Jamin Ginting No. 229<br />P.Bulan-Medan<br />085361090177</font></div> </body>

</html>

Kode halaman Membuat Masker Alami:

<h1> <font face="curlz MT" color="#FFFF00"><marquee> debbie beatuy center and spa </marquee></font> </h1></div>

(72)

Kode halaman Tips Langsing dan Sehat:

<h1> <font face="curlz MT" color="#FFFF00"><marquee>debbie beatuy center and spa</marquee></font> </h1></div>

<br />

</div>

(73)

<p><font face="curlz MT" color="#FFFFCC"><b><br /> Kode halaman Tips Mendapat Perut Rata:

<h1> <font face="curlz MT" color="#FFFF00"><marquee>debbie beatuy center and spa</marquee> </font> </h1></div>

<br />

</div>

(74)