• Tidak ada hasil yang ditemukan

Perancangan Aplikasi Wedding Organizer Berbasis Web Chapter III V

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perancangan Aplikasi Wedding Organizer Berbasis Web Chapter III V"

Copied!
40
0
0

Teks penuh

(1)

BAB 3

ANALISA PERANCANGAN SISTEM

3.1 Analisa Sistem

Aplikasi umum yang biasa berjalan pada internet adalah sebuah halaman web yang terletak pada sebuah situs, dimana halaman atau dokumen web tersebut dibuat dengan menggunakan tag-tag html. Sebuah halaman web yang hanya menggunakan tag-tag html standar yang ada akan merupakan halaman web yang statis. Untuk menjadikan halaman web tersebut menjadi halaman web yang dinamis, interaktif, atau untuk menjadi sebuah aplikasi diperlukan adanya tambahan pada halaman web tersebut disamping tag yang digunakan. Pada perancangan aplikasi akan dibuat aplikasi berbasiskan PHP. Saat ini teknologi PHP dapat dikatakan telah mendominasi teknologi enterprise karena teknologi ini terbukti tangguh dan stabil dalam aplikasi enterprise. Teknologi enterprise seringkali memanfaatkan interface web sehingga teknologi PHP menjadi sangat penting.

3.2 Perancangan Sistem

(2)

mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan.

3.2.1 Diagram Konteks

Agar suatu sistem terstruktur, dapat dibuat suatu proses modeling dimana hasil dari proses modeling tersebut berupa diagram konteks.Dari website tersebut akhirnya dirancang sebuah antar muka profil dan formulir pendaftaran untuk dapat dilihat dan diisi oleh pihak pendaftar. Untuk lebih jelasnya dapat dilihat pada gambar 3.1 diagram konteks berikut ini :

0.0

Sistem Perancangan Wedding Organizer

Pengunjung

Administrator

Registrasi Pilih Paket

Data Pemesnanan Data Pengunjung

Data Paket Informasi Paket

(3)

3.2.2 Data Flow Diagram Level 0 Wedding Organizer

(4)

Administrator

True / False Login

Administrator Emai & Password Member

True / False Login

Input Email & Password Halaman Pengunjung

Gambar 3.2.2 Data Flow Diagram Level 0

(5)

Data Flow Diagram level 1 adalah merupakan dekomposisi dari diagram level zero.Untuk lebih jelasnya dapat dilihat pada gambar 3.2.3 data flow diagram level 1 berikut ini:

2.1

Input Data Paket D2

2.2

Daftar Paket

Data Paket Data Paket

Data Paket

Pengunjung Data Paket

Data Paket

Administrator

Tabel Paket

(6)

3.3Entity Relationship Diagram(ERD)

(7)

Admin

(8)

Perancangan database adalah perancangan yang dilakukan untuk menentukan file database seperti field dan tipe data. Dalam hal merancang sebuah sistem yang berbasis database, perancangan database merupakan hal yang perlu mendapat perhatian khusus. Karena database berperan penting untuk memanipulasi data user dari aplikasi yang dibuat. Kesulitan utama dalam perancangan database adalah mengelompokkan field-field secara terstruktur ke dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya. Berikut adalah rancangan tabel yang digunakan dalam membangun database :

Tabel 3.3 Tabel Admin

Tabel 3.4 Tabel Galeri

(9)

Tabel 3.5 Tabel Gambar

Tabel 3.6 Tabel Member

No Field Nama Data Tipe Size Keterangan

Tabel 3.7 Tabel Paket

(10)

Tabel 3.8 Tabel Paket Jenis

Id paket jenis Kode paket Kode produk Produk Harga Keterangan Tabel 3.9 Tabel Pengaturan

No Field Nama Data Tipe Size Keterangan

Tabel 3.10 Tabel Pesan

(11)

5

Tabel 3.11 Tabel Slider

No Field Nama Data Tipe Size Keterangan

Tabel 3.12 Tabel Testimonial

No Field Nama Data Tipe Size Keterangan

(12)

flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan di suatu algoritma. Di dalam web ada beberapa flowchart, yaitu flowchart menu utama, flowchart administrator, dan lain-lain. Berikut ini merupakan penjelasan logika program Perancangan Wedding Organizer berbasis web berikut ini.

3.4.1 Flowchart Menu Utama

Flowchart menu utama menjelaskan bagan dari halaman menu utama website. Di dalam tampilan halaman utama tersebut ada beberapa halaman yang telah disajikan oleh admin agar dapat dilihat oleh user tanpa harus melakukan proses login terlebih dahulu. Dimulai dari start masuk ke halaman pertama yaitu home.

(13)

Mulai

Paket

Jenis Paket

Pemesanan

Slider

Testimonial Galeri Member Pengaturan

Form Paket

Form jenis Paket

Form Pemesaan

Form Slider Form Geleri Form Member

Form

Gambar 3.4.1 Flowchart Menu Utama

3.4.2 Flowchart Menu Administrator

(14)

Mulai

Masukkan Username

dan Password

Login=True

Msg Login

Error

N

Selesai Y

Gambar 3.4.2 Flowchart Menu Administrator

3.4.3 Flowchart Tambah Paket

(15)

A1

Kode Paket Paket Jenis Paket Tambah Paket

Simpan Data Record Duplikat

tblpaket

Tampil Record Update Record N

Gambar 3.4.3 Flowchart Tambah Paket

3.4.4 Flowchart Pemesanan

(16)

A1

Kode Order Pemesanan

Simpan Data Record Duplikat

tblpesan

Tampil Record Update Record N

Gambar 3.4.4 Flowchart Pemesanan

3.5 Rancangan Desain Interface Aplikasi

Merancang Interface (antar muka) aplikasi merupakan bagian yang menentukan apakah aplikasi yang dibuat benar-benar user friendly atau tidak. Sebab itu, maka penulis membuat desain interface aplikasi sesederhana mungkin. Berikut adalah sketsa interface aplikasi yang dibuat : Alur program ini menggambarkan bagaimana sistem pendaftaran online bekerja secara tahap demi tahap proses. Antarmuka dengan user yang digunakan adalah halaman web berupa form-form pada web browser. Alur Sistem Informasi ini dibuat agar tidak terjadinya „salah jalur‟ data yang akan diolah.

(17)

Aplikasi Wedding Organizer digambarkan pertahap berikut ini :

1. Pertama, user akan dihadapkan pada sebuah halaman web utama pendaftaran online .

2. Pada home terdapat wedding organizer,cara bayar,hubungi kami, event organizer,testimoni,galeri,registrasi dan menu login admin. 3. Pada Registrasi terdapat form formulir pendaftaran

4. Pada Wedding organizer terdapat paket dan jenis paket 5. Pada Galeri terdapat foto

6. Pada kontak terdapat form untuk hubungi kami

(18)

Gambar 3.5.1 Struktur Program Perancangan Wedding Organizer

1. Tampilan Menu Beranda

Pada form ini user membuka web sekolah maka tampilan utama sebagai berikut. Untuk lebih jelasnya dapat dilihat pada gambar 3.5.2 tampilan menu beranda berikut ini.

Wedding organizer

Event Organizer

Testimonia Registrasi Galeri Login

(19)

Gambar 3.5.2 Tampilan Menu Beranda

2. Tampilan Wedding Organizer

(20)

Gambar 3.5.3 Tampilan Wedding Organizer

3. Tampilan Event Organizer

(21)

Gambar 3.5.3 Event Organizer

4.Tampilan Testimonial

(22)

Gambar 3.5.4 Tampilan Testimonial

4. Tampilan Registrasi

(23)

Gambar 3.5.5 Tampilan Registrasi

5. Tampilan Menu Galeri

(24)

Gambar 3.5.6 Tampilan Menu Galeri

6. Tampilan Menu Login

(25)

Gambar 3.5.7 Tampilan Menu Login

6.Tampilan Menu Cara Bayar

(26)

Gambar 3.5.8 Tampilan Menu Cara Bayar

7. Tampilan Menu Hubungi Kami

(27)
(28)

BAB 4

IMPLEMENTASI SISTEM

5.1 Definisi Implementasi Sistem

Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji, menginstal dan menggunakan sistem baru yang telah diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem 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 implementasi sistem adalah sebagai berikut:

1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.

(29)

3. Memastikan pengujung dapat mengoprasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.

4. Memastikan bahwa yang telah berjalan dengan lancer dan melakukan instalasi secara benar .

5.3 Komponen Sistem

Komponen-komponen system yang dibutuhkan dalam membangun aplikasi ini diantaranya adalah:

a. Hardware

Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware

yaitu:

1. Sistem Operasi menggunakan windows 7

2. PC dengan processor intel inside

3. RAM dengan kapasitas 2.00 GB.

4. Flash disk 16 GB

5. Monitor super VGA.

6. Memory minimal 128MB.

7. Keyboard.

8. Mouse.

(30)

Hardware tidak akan pernah memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan website ini adalah : 1. Sistem Opersai Ms. Windows .

2. Internet explorer, Mozila firefox, Google Chrome sebagai browser. 3. Xampp versi 3.1.0

4. Apache 2.2.18 5. PHP versi 5.3.5 6. MySQL 5.0.20

c. Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem informasi, pemrosesan, dan penggunaan keluaran sistem informasi. Brainware dalam sistem informasi terbagi 3 yaitu:

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

2. Programmer : orang yang membuat system dengan menggunakan salah satu bahasa pemrograman yang dikuasai.

3. Operator : orang yang memakai sistem.

(31)

dijalankan.Adapun prosedur penggunaan system secara manual dapat diuraikan sebagai berikut:

1. Aktifkan software Apache, PHP, dan MySQL yang telah diinstal pada computer dengan cara mengklik start.

2. Kemudian buka salah satu aplikasi web browser yang ada pada komputer anda seperti Mozila firefox.

3. Lalu ketikan pada alamat website sesuai dengan nama folder dimana disimpan, contoh : http://locaslhost/wo dalam address bar untuk menu utama, kemudaian tekan enter.

4. Setelah halaman menu utama terbuka, ada terdapat beberapa pilihan halaman link yang disajikan untuk user. Pilih salah satu link tersebut.

5. Link Registrasi berisikan suatu form yang harus diisi oleh user pada waktu mendaftar.

5.4 Tampilan Menu Utama

(32)

Gambar 5.4.1 Tampilan Menu Beranda Registrasi

(33)

Gambar 5.4.3 Tampilan Menu Login

(34)

Gambar 5.4.4 Tampilan Menu Testimonial

(35)

Gambar 5.4.5 Tampilan Menu Wedding Organizer

(36)

Gambar 5.4.6 Tampilan Menu Event Organizer

(37)

Gambar 5.4.7 Tampilan Menu Galeri

(38)

Gambar 5.4.8 Tampilan Menu Cara Bayar

(39)
(40)

BAB 5

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dari hasil pembahasan tentang perancangan aplikasi wedding organizer berbasis web, maka dapat mengambil beberapa kesimpulan diantaranya adalah sebagai berikut : 1. Dengan adanya aplikasi Wedding Organizer ini, mempermudah user dalam hal

pemesanan dan mengefisienkan waktu.

2. Dengan adanya aplikasi Wedding Organizer ini, maka dapat menghemat biaya user dalam hal mencari wedding organizer.

3. Fleksibel dengan Budget,Hal ini berkaitan erat dengan kreativitas sebuah Wedding Organizer dalam meramu sebuah konsep.

4. Pembuatan program dengan menggunakan PHP & MYSQL lebih mudah dalam hal perancangan maupun untuk hasil akhirnya (output).

6.2 Saran

Dari hasil pembahasan tentang perancangan Aplikasi Wedding Organizer Berbasis Web ini, maka ada beberapa saran yaitu sebagai berikut :

1. Sebaiknya dilakukan perawatan dan pengembangan aplikasi oleh pihak tertentu untuk lebih mengoptimalkan sitem yang telah dirancang.

Gambar

Gambar 3.2.1  Diagram Konteks
Tabel admin
Gambar 3.2.3 Data Flow Diagram Level 1
Gambar 3.2.4 Entity Relationship Diagram Wedding Organizer
+7

Referensi

Dokumen terkait

Oleh karena itu dibutuhkan suatu sistem informasi yang dapat mempermudah serta menghemat waktu dalam proses pencarian jasa/produk pernikahan, yaitu Aplikasi Wedding

Sequence diagram menampilkan proses yang dilakukan oleh super admin atau admin, dengan login pada halaman login, memilih data yang akan di hapus, menghapus data kemudian simpan

Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.. Dalam penyeleaian Tugas Akhir ini, penulis sadar akan

Sistem informasi Perancangan E-commerce di Wulan Wedding Organizer.Diakses 12 Maret 2016,09.00

olah data materi tambah edit hapus tambah edit hapus tambah edit hapus tambah edit hapus tambah edit hapus tambah edit hapus tambah edit hapus tambah edit hapus tambah edit hapus

adalah tampilan dari halaman pakaian admin yang di dalamnya. terdapat data pakaian yang ada

Tampilan Form Absensi Guru Tampilan form absensi guru ini, user dapat melakukan input absensi guru (simpan), mengubah (ubah), dan menghapus absensi guru (hapus),

Tampilan Form Absensi Guru Tampilan form absensi guru ini, user dapat melakukan input absensi guru (simpan), mengubah (ubah), dan menghapus absensi guru (hapus),