Escolar Documentos
Profissional Documentos
Cultura Documentos
ABSTRAK
Penelitian ini mengambil objek dan permasalahan pada percetakan TAHA, merupakan usaha bergerak dibidang
percetakan, pemesanan undangan. Pada awalnya belum ada fasilitas untuk melakukan pemesanan undangan
secara online, awalnya pada saat memilih undangan untuk dipesan masih menggunakan sistem manual dangan
cara memperlihatkan banyaknya jenis undangan. Keadaan ini kurang mendukung, masih banyak menggunakan
tempat untuk mengeluarkan jenis barang. Perkembangan teknologi yang semakin pesat, dan penggunaan internet
yang semakin populer, menjadi inspirasi untuk menggunakan teknologi ini sebagai sarana dan fasilitas dalam
pemesanan undangan secara online. Pembangunan aplikasi berbasis web ini menggunakan bahasa pemrograman
PHP dan MySQL sebagai basis datanya. Dua bahasa pemrograman ini dinilai mampu membuat sebuah aplikasi
web yang dapat diakses secara online, sehingga kegiatan pengelolaan dalam pemesanan undangan online dapat
dipenuhi. Dari hasil pengujian didapat hasil, aplikasi dapat dipergunakan untuk memilih contoh desain, mengisi
kata-kata yang akan dipakai dalam undangan, dan dapat memesan jumlah undangan, juga terdapat nominal harga
yang harus dibayarkan dari pemesanan yang dilakukan.
78
Jurnal Sains dan Informatika ISSN: 2460-173X
Volume 1,Nomor 2, Nopember 2015
Source
(Kesatuan
Luar)
Gambar 3. Logo MySQL
80
Jurnal Sains dan Informatika ISSN: 2460-173X
Volume 1,Nomor 2, Nopember 2015
2.10.3. Flowchart
Flowchart adalah representasi secara grafik dari 1 1
suatu algoritma atau prosedur untuk menyelesaikan
suatu masalah, dengan menggunakan flowchart akan
memudahkan pengguna melakukan pengecekan Gambar 4. Satu ke Satu
bagian-bagian yang terlupakan dalam analisis
masalah, disamping itu flowchart juga berguna Hubungan satu ke banyak
sebagai fasilitas untuk berkomunikasi antara Hubungan antar file pertama dengan file ke dua
pemrogram yang bekerja dalam tim suatu proyek. adalah satu berbanding banyak. Dalam hubungan ini
Flowchart membantu memahami urutan-urutan tiap record dalam tabel A memiliki beberapa record
logika yang rumit dan panjang. Flowchart yang cocok dalam tabel A. Logika penalaran
membantu mengkomunikasikan jalannya program matematik dari one to many relationship adalah
ke orang lain (bukan pemrogram) akan lebih mudah. pemetaan dengan Perkawanan satu-banyak.
(Anharku,2009)
1 M
2.10.4. Entity Relationship Diagram (ERD)
Entity Relationship Diagram adalah gambar atau
diagram yang menunjukkan informasi dibuat,
Gambar 5. Satu ke Banyak
disimpan, dan digunakan dalam sistem bisnis.
(Aqil,2010).
Hubungan banyak ke banyak (Many-to-many
Tabel 3. Simbol ERD
Relationship).
Nama Simbol Keterangan Hubungan antara file pertama dengan file kedua
adalah banyak berbanding banyak. Dalam hubungan
Persegi panjang ini tiap record dalam tabel A memilik beberapa
menyatakan himpunan record yang cocok dalam tabel B dan tiap record
Entitas entitas adalah orang,
kejadian, atau berada dalam tabel B hanya memiliki satu record yang
dimana data akan cocok dalam tabel A.
dikumpulkan. Logika penalaran matematik dari many to many
relationship adalah pemetaan Perkawanan banyak
Atribut merupakan
informasi yang diambil
ke banyak. Contoh hubungan many to many adalah
Atribut tentang sebuah entitas. banyak produk mempunyai banyak order dan
banyak order mempunyai banyak produk, untuk hal
Belah ketupat menyatakan tersebut hubungan ini harus dipecah menjadi
himpunan relasi hubungan One to many.
Relasi merupakan hubungan antar
entitas.
81
Jurnal Sains dan Informatika ISSN: 2460-173X
Volume 1,Nomor 2, Nopember 2015
3. METODELOGI 4. PERANCANGAN
Perancangan Aplikasi Pemesanan undangan 4.1. Diagram Konteks
secara online, dilakukan dengan pengumpulan data Diagram konteks memaparkan bagaimana
dan analisa sistem berjalan pada toko tersebut untuk aliran masukan dan keluaran dari sistem yang
membantu dalam penelitian ini. dibangun. Diagram ini adalah diagram level tertinggi
3.1. Permasalahan dari DFD yang menggambarkan hubungan sistem
Merupakan identifikasi masalah yang ada dengan lingkungan luarnya. Gambar diagram
untuk melakukan penelitian, dalam hal ini aplikasi konteks untuk aplikasi pengolahan data produksi
pendataan pemesanan kartu undangan secara online. dapat dilihat pada gambar 4.1
Data
Data Barang
Aplikasi Pemesanan pelanggan
Pelanggan Admin
Problem Memilih dan
Mengisi data pelanggan
Undangan Online
Menginput
Barang
pelanggan hanya
mencakup sekitar wilayah kota
Pelaihari
Gambar 8. Diagram Konteks Aplikasi
Keterangan :
Approach - ketika user membuka halaman awal sistem
Membuat aplikasi pemesanan undangan
online pada toko percetakan taha memberikan data katalog, kemudian pelanggan
memilih dan mengisi data pelanggan, dimana data
tersebut harus dikonfirmasi oleh adin terlebih dahulu
Aplikasi Pemesanan
Undangan Online
RESULT
Mempermudah menangani
antrian pemesanan
1.0 2.0 3.0 4.0 5.0 6.0
Pemesanan Login Kelola User Kelola Barang Kelola Pesan Kelola Pembeli
yang dibangun.
3.3 Penerapan
Penerapan aplikasi untuk untuk mengetahui Gambar 9. Diagram Dekomposisi
fungsi detail dari aplikasi,
4.2.1. DFD Level 0
3.4 Hasil DFD 0 memaparkan bagaimana aliran data
Hasil diharapkan sesuai dengan maksud dan yang terjadi dari setiap proses, serta dapat
tujuan di buat nya aplikasi pendataan, seperti diturunkan sesuai dengan kebutuhan aplikasi
mampu menerima pesanan undangan melalalui web pemesanan yang dibangun. dapat dilihat pada
site. gambar 10.
82
Jurnal Sains dan Informatika ISSN: 2460-173X
Volume 1,Nomor 2, Nopember 2015
pelanggan Admin
Pelanggan Memilih pesanan Admin
Mengelola data
Pelanggan
1.2
Data pelanggan Konfirmasi
Melakukan Konfirmasi
Pemesanan
pemesanan
Mengkonfirmasi
3.0 5.0
2.0 Info
Kelola Kelola
Login User
User Pesan
Input user
Info baru 3.2
User Hapus
Data User
Info Data Data Pesan
Barang User
3.1
4.0 Tambah
Data
Kelola User
Barang User
Barang
baru
Data user
Gambar 11. DFD level 0 sistem
Keterangan :
Gambar 13. DFD Level 2 Kelola user
- ketika admin sudah login, admin dapat mengelola
user mengelola barang mengelola pesan mengelola
pembeli. Keterangan :
- Proses kelola user dimana admin dapat menambah,
4.2.3. DFD Level 1 Proses 1.0 menghapus, mangubah user yang mana datanya di
DFD Level 1 Proses 1.0 menjelaskan turunan ambil dari database data user
dari proses 1.0, yaitu Pelanggan dengan
penurunannya yaitu data pelanggan, pembayaran,
konfirmasi pemesanan. dapat dilihat pada gambar
12.
83
Jurnal Sains dan Informatika ISSN: 2460-173X
Volume 1,Nomor 2, Nopember 2015
4.1
Tambah Id_pesan Id_brg
Barang Barang Id_brg Desc_brg
Baru
Id_pembeli Nama_brg
Nama_brg Jml_brg
Nama jumlah
Data Barang Harga_brg Kategori
Keterangan :
- Proses kelola barang dimana admin dapat Gambar 16. Entity Relationship Diagram Aplikasi
menambah, menghapus, mangubah barang yang
mana datanya di ambil dari database data barang. 4.3.2. Skema Relasi
Skema relasi merupakan lanjutan dari ERD
4.2.6. DFD Level 2 Kelola Pesan tujuannya untuk menggambarkan secara sederhana
hubungan antara tabel, yang nantinya akan dibangun
ke dalam sistem.
Admin
Pesan Pembeli
barang * id_pembeli : int(20)
* id_pesan : int(11)
Info Menghapus * id_brg : varchar(10) * id_pembeli : int(20) * nama : varchar(20)
Pemesan Pemesan * nama_brg : varchar(40) * nama : varchar(20) * alamat : text
* harga_brg : int(40) * alamat : varchar(30) * email : varchar(30)
* desc_brg : text * id_brg : varchar(20) * telp : int(20)
5.1
* jml_brg : int(40) * nama_brg : varchar(40)
Hapus * kategori : varchar(40) * jml : int(10)
Pesan * gambar_brg : varchar(40) * total : int(30)
* tanggal_pesan : datetime
Data
Pesan Gambar 17. Skema Relasi
84
Jurnal Sains dan Informatika ISSN: 2460-173X
Volume 1,Nomor 2, Nopember 2015
MENU MENU
Beranda Produk Tentang kami Kontak Beranda Produk Tentang kami Kontak
Undangan
GAMBAR
GAMBAR
Check out
Keterangan Produk
Nama
Gambar Gambar Gambar Gambar
Alamat Pengirim
Telepon/HP
MENU
GAMBAR
Detail Produk
GAMBAR
Keterangan Produk
Gambar
Check out
Masuk keranjang
Kembali
GAMBAR
P
Keranjang Belanja
1. beranda
2. produk
3. tentang kami
No. Gambar Nama Barang Jumlah Harga Total Opsi 4. kontak
- | + | x
Gambar
1 2 3 4 P
Total Belanja :
P P P
Kembali Belanja Checkout
Selesai
85
Jurnal Sains dan Informatika ISSN: 2460-173X
Volume 1,Nomor 2, Nopember 2015
Algoritma :
ada beberapa menu yaitu.
jika nomor 1, maka akan menuju menu
beranda.
jika nomor 2, maka akan menuju menu
Undangan.
jika nomor 3, maka akan menuju menu tentang
kami.
jika nomor 4, maka akan menuju menu kontak.
Produk
Gambar 25. Menu Utama Undangan
Undangan
P
5.1.2. Menu Detail Produk
Menu detail produk merupakan menu yang
Pemesan
berisi data barang mengenai nama barang, kode
barang, stok, kategori dan harga
Barang
Dipesan
1. Tambah barang
2. kurang barang
K
3. hapus barang
4. pesan
1 2 3 4
K K K K
Cek Out
Dan isi data
5. PEMBAHASAN
5.1. Implementasi antarmuka
5.1.1. Menu Home
Menu Home merupakan menu untuk melihat
jenis tampilan undangan. Form menu dapat dilihat
pada gambar 25.
86
Jurnal Sains dan Informatika ISSN: 2460-173X
Volume 1,Nomor 2, Nopember 2015
6.2. Saran
Pembuatan program aplikasi yang dibuat
masih dapat dikembangkan seiring dengan
berkembangnya spesifikasi kebutuhan
pengguna, terutama dalam hal tampilan dan
baiknya dibuat tampilan yang lebih menarik
dan dikembangkan lebih lanjut
Dalam proses pengisian data undangan
didalam aplikasi masih tidak ada, pelanggan
harus datang ke tempat percetakan terlebih
dahulu untuk mengisi data. diharapkan
didalam aplikasi pemesanan ini bisa
ditambahkan berupa form untuk bisa mengisi
data undangan
Diharapkan dalam pemesanan tidak hanya
untuk kelipatan 100, tetapi bisa dalam jumlah
yang pelanggan inginkan.
Untuk proses pembayaran, pelanggan harus
datang ke tempat percetakan untuk
membayar, diharapkan didalam aplikasi
pemesanan ini dibuat proses pembayaran
yang lengkap
DAFTAR PUSTAKA
87