SISTEM PEMESANAN JASA FOTOGRAFI BERBASIS
SISTEM PEMESANAN JASA FOTOGRAFI BERBASIS
WEB RESPONSIVE
Nama Mahasiswa
NIM
Pembimbing
:Hurotin Nafiatus Solikhah
:121080200033
:Moch.Alfan Rosid, S.Kom, M.kom
ABSTRAK
Sistem pemesanan jasa yang selama ini digunakan oleh Rajapati Studio adalah
secara manual yaitu hanaya melalu kontak telepon dengan sang fotografer. Sisitem
pemesanan dengan cara ini cenderung simple,tetapi cenderung kurang banyak
menarik para konsumen,karena tidak ada gambaran secara detail mengenai model
foto dan hasil foto.
Sistem ini bertujuan memperbaiki kekurangan dalam hal pemasaran serta
pemesanan pada Rajapati Studio. Dan setelah menegetahui permasalahan dan
kelayakannya kemudian mendesain sitem yang efektif dan mudah untuk
digunakan oleh pemilik dalam mengelolah pemasaran serta proses pemesanan
dengan menggunakan aplikasi web ataupun smartphone.
Perancangan sistem dilakukan dengan bahasa pemodelan dengan menggunakan
UML. Sedangkan bahasa pemograman yang dipakai adalah PHP dengan
menggunakan database MySQL.Hasil penelitihan ini berupa aplikasi sistem
pemesanan untuk menangani input pemesanan,cek jadwal,pesan paket yang akan
diproses yang kemudian akan menghasilkan kesepakatan jadwal antara konsumen
dan fotografer.
Kata kunci :UML,Fotografer, Smartphon
1. PENDAHULUAN
Pemanfaatan
website
cara konvensional dimana pihak yang
sebagai
ingin
memasarkan
jasa
produk
akan
barang
media promosi dan informasi kini
maupun
mendatangi
semakin banyak diminati oleh berbagai
konsumen atau calon konsumennya
kalangan karena dirasa lebih efektif
untuk menjelaskan tentang rincian
dan efisien bila dibandingkan dengan
produknya. Selain itu dalam sebuah
website
juga
bisa
dimasukkan
pemesanan
berbasis
web
maupun
informasi yang bisa diakses 24 jam
sistem web mobile untuk pengaksesan
sehingga tidak tergantung pada hari
web
dan jam kerja.
smartphone atau biasa kita kenal
Rajapati Studio didirikan sejak
tersebut
melalui
media
dengan istilah web responsive
Rajapati
Bertolak dari konteks pemikiran
Studio merupakan perusahaan yang
itulah penulis melakukan suatu kajian
bergerak di bidang
ilmiah dengan mengadakan penelitian
tahun 2014 di Sidoarjo.
Produk
yang
jasa fotografi.
ditawarkan
beraneka
yang
berkaitan
ragam seperti foto studio, wisuda,
sistem
keluarga,
mengangkat
dokumentasi,
pernikahan,
dengan
pemesanan
judul
pembuatan
online
dengan
yaitu:
“Sistem
produk, dan lain-lain. Sampai saat ini
Pemesanan JasaFotografi Berbasis
Rajapati Studio telah memiliki banyak
Web Responsive (Studi Kasus Jasa
konsumen baik dari kalangan dewasa,
Fotografi Rajapati Studio)”. Dalam
remaja, maupun anak-anak.
aplikasi yang akan dirancang tersebut
Saat
ini
semakin
banyak
berbasiskan
Web
perusahaan yang bergerak dibidang
bertujuan
fotografi atau studio bermunculan di
proses
wilayah Sidoarjo.
mempermudah
Namun studio-
untuk
responsive
membantu
pemesanan,
yang
dalam
promosi,
proses
dan
penyaluran
sekedar
informasi yang efektif dan memberikan
menawarkan produknya tanpa memberi
kemudahan. Cara kerja dalam Website
kemudahan layanan dan informasi
yaitu konsumen dapat melihat profil
terhadap
perusahaan dan memesan paket yang
studio
tersebut
hanya
konsumen.
konsumen
Selama
ini
terlebih dahulu harus
diinginkan
kemudian
permintaan
ke studio untuk mengetahui
tersebut akan dikirimkan ke server.
jenis produk yang ditawarkan beserta
Setelah diterima maka web akan
harganya,
melakukan
datang
melakukan
pemesanan
pengiriman
query
ke
produk dan membayarkan uang muka.
database tujuan. Dalam pembuatan
Maka dari itu untuk memudahkan para
aplikasi ini menggunakan script PHP,
konsumen dalam mengakses layanan
pada tampilan web menggunakan CSS
dan informasi
dan MySQL untuk basis data.
pada Rajapati Studio,
dibutuhkan sebuah sistem informasi
1. TAHAP ANALISIS
Menggunakan 3 Metode teknik
3. Perancangan sistem
Menggabungkan data-data informasi
analisis,antara lain :
untuk menentukkan sistem apa yang
1. Pengumpulan data
akan
Mengumpulkan
mempermudah
data
dalam
guna
membangun
digunakan
Sistem
pada
Informasi
pembuatan
administrasi
Penjualan berbasis web tersebut
rancangan system yang akan dibuat
dalam project ini. Berikut data layanan
di Rajapati Studio
Rajapati Studio merupakan studio
yang
beranggotakan
orang fotografer serta seorang admin.
Studio
mempunyai
jam
operasional yaitu buka pukul 8.0013.00,tutup sebentar kemudian buka
lagi pada pukul 16.00-21.00. Rajapati
Studio melayani segala macam jenis
PERANCANGAN SISTEM
Tahap
karyawan
sebanyak 3 orang, masing-masing 2
Rajapai
2.
merupakan
perencaan
Tahap
awal
perancangan
ini
dilakukan
mengetahui
kondisi
umum.
Program
sistem
mempermudah
dalam
data dalam penelitihan ini penulis
hanya
mencantumkan
satu
jenis
layanan fotografi yaitu layanan foto
prewedding dan wedding
2. Analisis Data
Menganalisa
atas
data-data
yang
diperoleh guna untuk digunakan dan
dikembangkan
menjadi
sebuah
Sistem Informasi yang diinginkan.
secara
dirancang
muda dalam mengoperasikannya.
guna
pengambilan
untuk
menggunakan database ,sehingga lebih
atau wedding prewedding , wisuda,foto
up.Tetapi
dari
perencanaan perangkat lunak.Tujuan
fotografi diantaranya paket pernikahan
model,close
sistem
Flowchart Data Pemesanan
pelanggan,
pelanggan
mengisi
beberapa identitas yang diperlukan,
kemudian pelanggan memilih beberapa
opsi yaitu memesan paket yang sudah
disediakan
atau
memesan
sesuai
keinginan pelanggan tersebut, dalam
melakukan
pemesanan
pelanggan
mengisikan jadwal pertemuan untuk
membahas masalah konsep dan lainlain.
Diagram Konteks
Diagram
konteks
adalah
diagram yang mencakup masukanmasukan dasar, sistem umum dan
keluaran,
diagram
tingkatan
tertinggi
ini
merupkan
dalam
diagram
aliran data dan hanya memuat satu
Flowchart pada gambar 3.1
proses,
menunjukan
sistem
secara
merupakan flowchart dari pelanggan
keseluruhan, diagram tersebut tidak
yang ingin melakukan pemesanan atau
memuat
booking prewedding di Rajapati Studio,
penggambaran
pengunjung yang membuka website
sederhana, proses tersebut diberi nomor
akan ditampilkan galeri foto hasil
nol. Semua entitas ekternal yang
prewedding
ditunjukan
dari
para
pelanggan,
penyimpanan
aliran
pada
dan
data
diagram
yang
konteks
pengunjung web juga akan ditampilkan
berikut aliran data-aliran data utama
jadwal dari studio sebagai referensi
menuju dan dari sistem (Kendall dan
untuk
Kendall, 2003 ).
memesan
waktu
pertemuan
dengan pihak studio. Kemudian untuk
melakukan
diharuskan
pemesanan
mendaftar
pengunjung
sebagai
Diagram
konteks
berfungsi
untuk memetakan model lingkungan
(menggambarkan
hubungan
antara
entitas luar, masukan dan keluaran
sistem)penulis menggambarkan data
flow diagram untuk dijadikan sebagai
model yang nantinya akan digunakan
dalam membuat program
Data Flow Diagram (DFD)
Data
Flow
Diagram
(DFD) juga di kenal sebagai model
proses (process model) merupakan
sebuah teknik analisis yang digunakan
untuk menggambarkan aliran input
dalam sebuah
Gambar 3.6 Relasi Antar tabel
sistem (sekumpulan
proses) serta output yang dihasilkan.
DFD menggambarkan apa yang terjadi
dalam sebuah sistem. Lebih mudah
untuk melihat gambar dan memahami
isinya dibandingkan dengan membaca
banyak dokumen yang menerangkan
sebuah sistem. DFD sangat simple
karena hanya ada empat simbol yang
digunakan dalam pembuatannya ,
Rancangan Tampilan Website dan
Web Mobile
a) Rancangan Tampilan Website
Berikut adalah rancangan
tampilan
antar
muka
pada
halaman menu utama untuk
website
Sistem
Pemesanan
Fotografi
berbasis
Responsive.
Menu
Web
Halaman
utama dibagi menjadi beberapa
bagian yaitu:
Relasi Antar table
Relasi
table
Beranda
menunujukkan hubungan antar table
Profil
yang diitandai dengan adanya foreign
Paket
key
Jadwal
Galeri
.
Relasi
antar
pada
gambar
3.6
merupakan relasi yang ada pada sistem
Kontak
Daftar
Login
b) Rancangan
Tampilan
Web
Mobile
Gambar 3.23 : Rancangan
Gambar 3.7 : Rancangan
Tampilan Halaman utama
Website
Tampilan Web Mobile
Gambar 3.23 merupakan
rancangan
mobile.
tampilan
Tampilan
web
dibuat
sesederhana mungkin tapi tetap
menonjolkan sisi design yang
menarik.
Hanya
terdapat
2
tombol nantinya,yaitu tombol
menu dan tombol Login
menyesuaikan
ukuran
mobile,apabila
diakses
melalui web mobile.
4. Berdasarkan hasil survey
pengguna
menggunakan
metode checklist pada tabel
Kesimpulan
4.1
Setelah melakukan proses
perencanaan,
analisis,
diperoleh
bahwa
desain,
kesimpulan
90%
indikator
implementasi pada website ini,
terpenuhi sehingga Sistem
maka terdapat beberapa hal yang
Aplikasi
dapat disimpulkan, yaitu sebagai
dikategorikan baik dan layak
berikut:
digunakan
1. Telah
dirancang
informasi
fotografi berbasis web dan
web mobile menggunakan
bahsa
pemrograman
PHP
dan Java Script serta MySQL
sebagai databasenya .
2. Aplikasi sistem informasi
dan pemesanan berbasis web
responsive,
merupakan
sistem baru yang diterapkan
diRajapati Studio. Sistem ini
sangat
membantu
dalam
kelancaran informasi serta
cepat,
dalam
tepat
dan
mekanisme
mengolah
data,
efisien
kerja
informasi
dan pemesanan.
3. Sistem yang dibangun sudah
dirancang
dapat
dapat
dalam
masyarakat.
sistem
pemesanan
ini
5.2
Saran
Berdasarkan kesimpulan di
atas, berikut beberapa saran yang
dapat penulis berikan sebagai
pertimbangan agar sistem ini
tetap bisa digunakan sampai
dimasa yang akan datang :
1. Dengan adanya sistem yang
baru,
pemeliharaan
perawatan
dan
terhadap
perangkat keras, perangkat
lunak
dan
server
baik
ketersediaan
hosting
dan
domain harus diperhatikan
agar sistem dapat berjalan
dengan baik
2. Diharapkan
juga
pengembangan
adanya
terhadap
Aplikasi Website Pemesanan
ini menjadi website yang
lebih lengkap dalam hal
penyediaan
informasi,
fasilitas,
dan
serta keamanan.
:
pelayanan
WEB RESPONSIVE
Nama Mahasiswa
NIM
Pembimbing
:Hurotin Nafiatus Solikhah
:121080200033
:Moch.Alfan Rosid, S.Kom, M.kom
ABSTRAK
Sistem pemesanan jasa yang selama ini digunakan oleh Rajapati Studio adalah
secara manual yaitu hanaya melalu kontak telepon dengan sang fotografer. Sisitem
pemesanan dengan cara ini cenderung simple,tetapi cenderung kurang banyak
menarik para konsumen,karena tidak ada gambaran secara detail mengenai model
foto dan hasil foto.
Sistem ini bertujuan memperbaiki kekurangan dalam hal pemasaran serta
pemesanan pada Rajapati Studio. Dan setelah menegetahui permasalahan dan
kelayakannya kemudian mendesain sitem yang efektif dan mudah untuk
digunakan oleh pemilik dalam mengelolah pemasaran serta proses pemesanan
dengan menggunakan aplikasi web ataupun smartphone.
Perancangan sistem dilakukan dengan bahasa pemodelan dengan menggunakan
UML. Sedangkan bahasa pemograman yang dipakai adalah PHP dengan
menggunakan database MySQL.Hasil penelitihan ini berupa aplikasi sistem
pemesanan untuk menangani input pemesanan,cek jadwal,pesan paket yang akan
diproses yang kemudian akan menghasilkan kesepakatan jadwal antara konsumen
dan fotografer.
Kata kunci :UML,Fotografer, Smartphon
1. PENDAHULUAN
Pemanfaatan
website
cara konvensional dimana pihak yang
sebagai
ingin
memasarkan
jasa
produk
akan
barang
media promosi dan informasi kini
maupun
mendatangi
semakin banyak diminati oleh berbagai
konsumen atau calon konsumennya
kalangan karena dirasa lebih efektif
untuk menjelaskan tentang rincian
dan efisien bila dibandingkan dengan
produknya. Selain itu dalam sebuah
website
juga
bisa
dimasukkan
pemesanan
berbasis
web
maupun
informasi yang bisa diakses 24 jam
sistem web mobile untuk pengaksesan
sehingga tidak tergantung pada hari
web
dan jam kerja.
smartphone atau biasa kita kenal
Rajapati Studio didirikan sejak
tersebut
melalui
media
dengan istilah web responsive
Rajapati
Bertolak dari konteks pemikiran
Studio merupakan perusahaan yang
itulah penulis melakukan suatu kajian
bergerak di bidang
ilmiah dengan mengadakan penelitian
tahun 2014 di Sidoarjo.
Produk
yang
jasa fotografi.
ditawarkan
beraneka
yang
berkaitan
ragam seperti foto studio, wisuda,
sistem
keluarga,
mengangkat
dokumentasi,
pernikahan,
dengan
pemesanan
judul
pembuatan
online
dengan
yaitu:
“Sistem
produk, dan lain-lain. Sampai saat ini
Pemesanan JasaFotografi Berbasis
Rajapati Studio telah memiliki banyak
Web Responsive (Studi Kasus Jasa
konsumen baik dari kalangan dewasa,
Fotografi Rajapati Studio)”. Dalam
remaja, maupun anak-anak.
aplikasi yang akan dirancang tersebut
Saat
ini
semakin
banyak
berbasiskan
Web
perusahaan yang bergerak dibidang
bertujuan
fotografi atau studio bermunculan di
proses
wilayah Sidoarjo.
mempermudah
Namun studio-
untuk
responsive
membantu
pemesanan,
yang
dalam
promosi,
proses
dan
penyaluran
sekedar
informasi yang efektif dan memberikan
menawarkan produknya tanpa memberi
kemudahan. Cara kerja dalam Website
kemudahan layanan dan informasi
yaitu konsumen dapat melihat profil
terhadap
perusahaan dan memesan paket yang
studio
tersebut
hanya
konsumen.
konsumen
Selama
ini
terlebih dahulu harus
diinginkan
kemudian
permintaan
ke studio untuk mengetahui
tersebut akan dikirimkan ke server.
jenis produk yang ditawarkan beserta
Setelah diterima maka web akan
harganya,
melakukan
datang
melakukan
pemesanan
pengiriman
query
ke
produk dan membayarkan uang muka.
database tujuan. Dalam pembuatan
Maka dari itu untuk memudahkan para
aplikasi ini menggunakan script PHP,
konsumen dalam mengakses layanan
pada tampilan web menggunakan CSS
dan informasi
dan MySQL untuk basis data.
pada Rajapati Studio,
dibutuhkan sebuah sistem informasi
1. TAHAP ANALISIS
Menggunakan 3 Metode teknik
3. Perancangan sistem
Menggabungkan data-data informasi
analisis,antara lain :
untuk menentukkan sistem apa yang
1. Pengumpulan data
akan
Mengumpulkan
mempermudah
data
dalam
guna
membangun
digunakan
Sistem
pada
Informasi
pembuatan
administrasi
Penjualan berbasis web tersebut
rancangan system yang akan dibuat
dalam project ini. Berikut data layanan
di Rajapati Studio
Rajapati Studio merupakan studio
yang
beranggotakan
orang fotografer serta seorang admin.
Studio
mempunyai
jam
operasional yaitu buka pukul 8.0013.00,tutup sebentar kemudian buka
lagi pada pukul 16.00-21.00. Rajapati
Studio melayani segala macam jenis
PERANCANGAN SISTEM
Tahap
karyawan
sebanyak 3 orang, masing-masing 2
Rajapai
2.
merupakan
perencaan
Tahap
awal
perancangan
ini
dilakukan
mengetahui
kondisi
umum.
Program
sistem
mempermudah
dalam
data dalam penelitihan ini penulis
hanya
mencantumkan
satu
jenis
layanan fotografi yaitu layanan foto
prewedding dan wedding
2. Analisis Data
Menganalisa
atas
data-data
yang
diperoleh guna untuk digunakan dan
dikembangkan
menjadi
sebuah
Sistem Informasi yang diinginkan.
secara
dirancang
muda dalam mengoperasikannya.
guna
pengambilan
untuk
menggunakan database ,sehingga lebih
atau wedding prewedding , wisuda,foto
up.Tetapi
dari
perencanaan perangkat lunak.Tujuan
fotografi diantaranya paket pernikahan
model,close
sistem
Flowchart Data Pemesanan
pelanggan,
pelanggan
mengisi
beberapa identitas yang diperlukan,
kemudian pelanggan memilih beberapa
opsi yaitu memesan paket yang sudah
disediakan
atau
memesan
sesuai
keinginan pelanggan tersebut, dalam
melakukan
pemesanan
pelanggan
mengisikan jadwal pertemuan untuk
membahas masalah konsep dan lainlain.
Diagram Konteks
Diagram
konteks
adalah
diagram yang mencakup masukanmasukan dasar, sistem umum dan
keluaran,
diagram
tingkatan
tertinggi
ini
merupkan
dalam
diagram
aliran data dan hanya memuat satu
Flowchart pada gambar 3.1
proses,
menunjukan
sistem
secara
merupakan flowchart dari pelanggan
keseluruhan, diagram tersebut tidak
yang ingin melakukan pemesanan atau
memuat
booking prewedding di Rajapati Studio,
penggambaran
pengunjung yang membuka website
sederhana, proses tersebut diberi nomor
akan ditampilkan galeri foto hasil
nol. Semua entitas ekternal yang
prewedding
ditunjukan
dari
para
pelanggan,
penyimpanan
aliran
pada
dan
data
diagram
yang
konteks
pengunjung web juga akan ditampilkan
berikut aliran data-aliran data utama
jadwal dari studio sebagai referensi
menuju dan dari sistem (Kendall dan
untuk
Kendall, 2003 ).
memesan
waktu
pertemuan
dengan pihak studio. Kemudian untuk
melakukan
diharuskan
pemesanan
mendaftar
pengunjung
sebagai
Diagram
konteks
berfungsi
untuk memetakan model lingkungan
(menggambarkan
hubungan
antara
entitas luar, masukan dan keluaran
sistem)penulis menggambarkan data
flow diagram untuk dijadikan sebagai
model yang nantinya akan digunakan
dalam membuat program
Data Flow Diagram (DFD)
Data
Flow
Diagram
(DFD) juga di kenal sebagai model
proses (process model) merupakan
sebuah teknik analisis yang digunakan
untuk menggambarkan aliran input
dalam sebuah
Gambar 3.6 Relasi Antar tabel
sistem (sekumpulan
proses) serta output yang dihasilkan.
DFD menggambarkan apa yang terjadi
dalam sebuah sistem. Lebih mudah
untuk melihat gambar dan memahami
isinya dibandingkan dengan membaca
banyak dokumen yang menerangkan
sebuah sistem. DFD sangat simple
karena hanya ada empat simbol yang
digunakan dalam pembuatannya ,
Rancangan Tampilan Website dan
Web Mobile
a) Rancangan Tampilan Website
Berikut adalah rancangan
tampilan
antar
muka
pada
halaman menu utama untuk
website
Sistem
Pemesanan
Fotografi
berbasis
Responsive.
Menu
Web
Halaman
utama dibagi menjadi beberapa
bagian yaitu:
Relasi Antar table
Relasi
table
Beranda
menunujukkan hubungan antar table
Profil
yang diitandai dengan adanya foreign
Paket
key
Jadwal
Galeri
.
Relasi
antar
pada
gambar
3.6
merupakan relasi yang ada pada sistem
Kontak
Daftar
Login
b) Rancangan
Tampilan
Web
Mobile
Gambar 3.23 : Rancangan
Gambar 3.7 : Rancangan
Tampilan Halaman utama
Website
Tampilan Web Mobile
Gambar 3.23 merupakan
rancangan
mobile.
tampilan
Tampilan
web
dibuat
sesederhana mungkin tapi tetap
menonjolkan sisi design yang
menarik.
Hanya
terdapat
2
tombol nantinya,yaitu tombol
menu dan tombol Login
menyesuaikan
ukuran
mobile,apabila
diakses
melalui web mobile.
4. Berdasarkan hasil survey
pengguna
menggunakan
metode checklist pada tabel
Kesimpulan
4.1
Setelah melakukan proses
perencanaan,
analisis,
diperoleh
bahwa
desain,
kesimpulan
90%
indikator
implementasi pada website ini,
terpenuhi sehingga Sistem
maka terdapat beberapa hal yang
Aplikasi
dapat disimpulkan, yaitu sebagai
dikategorikan baik dan layak
berikut:
digunakan
1. Telah
dirancang
informasi
fotografi berbasis web dan
web mobile menggunakan
bahsa
pemrograman
PHP
dan Java Script serta MySQL
sebagai databasenya .
2. Aplikasi sistem informasi
dan pemesanan berbasis web
responsive,
merupakan
sistem baru yang diterapkan
diRajapati Studio. Sistem ini
sangat
membantu
dalam
kelancaran informasi serta
cepat,
dalam
tepat
dan
mekanisme
mengolah
data,
efisien
kerja
informasi
dan pemesanan.
3. Sistem yang dibangun sudah
dirancang
dapat
dapat
dalam
masyarakat.
sistem
pemesanan
ini
5.2
Saran
Berdasarkan kesimpulan di
atas, berikut beberapa saran yang
dapat penulis berikan sebagai
pertimbangan agar sistem ini
tetap bisa digunakan sampai
dimasa yang akan datang :
1. Dengan adanya sistem yang
baru,
pemeliharaan
perawatan
dan
terhadap
perangkat keras, perangkat
lunak
dan
server
baik
ketersediaan
hosting
dan
domain harus diperhatikan
agar sistem dapat berjalan
dengan baik
2. Diharapkan
juga
pengembangan
adanya
terhadap
Aplikasi Website Pemesanan
ini menjadi website yang
lebih lengkap dalam hal
penyediaan
informasi,
fasilitas,
dan
serta keamanan.
:
pelayanan