IMPLEMENTASI APLIKASI WEB MOBILE SEBAGAI MEDIA PEMESANAN

PAKET FOTO DI RENS STUDIO AMBARAWA

Muhamad Faturohman1, Rinawati2

Prodi Sistem Informasi Institut Bakti Nusantara
Jl. Wisma Rini No. 09 pringsewu Lampung
Telp. (0729) 22240 website: www.ibnus.ac.id
E-mail : fatur0109@gmail.com1, rinastmik12@gmail.com2

ABSTRAK
Teknologi informasi dan internet saat ini mengalami perkembangan yang sangat pesat seiring berjalannya
waktu dengan kebutuhan manusia yang terus meningkat. Dengan tersedianya internet itu dapat diakses oleh
semua orang, badan usaha yang ingin dikenal luas oleh masyarakat perlu membuat sebuah situs web. Rens Studio
Foto membutuhkan sebuah sistem informasi yang dapat memperluas penyebaran informasi tentang jasa
fotografinya. Pembuatan aplikasi ini dilakukan dengan mengumpulkan data, analisis sistem, sistem dan desain
data base, implementasi sistem dan pengujian sistem. Metode yang digunakan yaitu menggunakan metode
Waterfall Program ini dibuat berbasis web dengan menggunakan bahasa pemograman PHP dan basis data
MySQL.

Kata Kunci : Sistem Informasi, Pemesanan, Fotografi, Webmoblie

ABSTRACT

Information technology and the internet are currently experiencing very rapid development as time goes
by with increasing human needs. With the availability of the internet, it can be accessed by everyone. Business
entities that want to be widely known by the public need to create a website. Rens Studio Foto requires an
information system that can expand the scope of information about its photography services. Making this
application is done by collecting data, system analysis, system and database design, system implementation and
system testing. The method used is the Waterfall Program. This program is made web-based using the PHP
programming language and MySQL database.

Keywords : Information System, Ordering, Photography, Webmoblie

1. PENDAHULUAN yang dapat digunakan untuk mendokumentasikan

1.1 Latar Belakang Masalah
Implementasi aplikasi mobile web sebagai
media pemesanan paket foto di Rens Studio
Ambarawa menggunakan php (Hypertext
Preprocessor) serta mysql (My Structured Query
Language). Konsumen mendapatkannya di Internet.
Berlokasi di Ambarawa Pringsewu, Rens Studio
Photo adalah sebuah perusahaan departemen creative
photography. Produk yang ditawarkan di studio foto
ini meliputi studio, wedding, prewedding, dan
cetakan foto. Saat ini proses promosi yang dilakukan
oleh Rens Studio Photo berkisar pada penyebaran
brosur dan baliho, sehingga promosi bukan
merupakan bagian yang signifikan dari penyampaian
informasi yang lengkap dan terkini mengenai produk
dan layanan yang ditawarkan oleh Rens Studio Photo.
Industri kreatif adalah karya kreatif tingkat
lebih tinggi atau berbagai karya kreatif yang berkaitan
dengan produksi barang atau jasa. Fotografi adalah
alat komunikasi, alat untuk menyampaikan pesan/ide
kepada orang lain, serta sebagai alat fotografi, alat
momen atau peristiwa penting.
Studio foto itu adalah ruangan yang disusun
secara khusus dengan mempertimbangkan berbagai
faktor seperti pencahayaan dan eksposur, latar
belakang dan detail berbeda yang dapat membantu
proses fotografi. Proses pemesanan mengharuskan
pelanggan datang ke studio atau menghubungi via
WhatsApp/telepon untuk meminta informasi yang
diperlukan.[1]
Dalam proses pemesanan untuk pelanggan
yang telah memesan jasa fotografi studio dan
outdoor, pada saat pelanggan melakukan pemesanan
masuk ke dalam itinerary termasuk membayar
minimal deposit sebesar 50% dari paket fotografi jika
pelanggan sudah memesan. harga yang Anda pesan.
Ketika pelanggan melakukan pemesanan dan
membayar uang muka, pihak studio akan langsung
menambahkannya ke dalam jadwal studio foto..
1.2 Rumusan Masalah
Melihat beberapa latar belakang masalah
tersebut, penulis bisa merumuskan masalah penelitian
ini yaitu :
 1. Kurangnya informasi tentang pelanggan
yang memesan jasa foto dan informasi harga
paket foto di rens studio.
2. Pencatatan atau administrasi yang masih
menggunakan buku tulis serta lambatnya
proses pembuatan laporan.
1.3 Tujuan dan Manfaat Penelitian
Adapun tujuan penulis melakukan penelitian
yang akan diraih dari penelitian ini adalah :
1. Agar pengguna mendapatkan informasi
detail dari paket yang diinginkan.
2. Mempermudah pelanggan dalam melakukan
pemesanan Studio Foto Di Rens Studio.
3. Mempermudah pihak Rens Studio
Ambarawa dalam mengelola data serta
membuat laporan transaksi (harian,
mingguan, bulanan, dan tahunan).
4. Dapat meningkatkan pelayanan terhadap
pelanggan Rens Studio Ambarawa.
2. TINJAUAAN PUSTAKA
2.1 Sistem
Berasal dari bahasa Latin (sistem) seta bahasa
Yunani (sustema), sistem terdiri dari bagian-bagian
atau unsur-unsur yang saling berhubungan yang
dirancang untuk memperlancar arus informasi,
materi, atau energi untuk mencapai suatu tujuan.[2]
2.2 Informasi
Menurut Kelly (2011:10), informasi adalah data
yang diolah dalam bentuk yang bermakna dan
berguna bagi penerimanya untuk membuat keputusan
saat ini atau masa depan. Definisi ini merupakan
definisi informasi dengan menggunakan sistem
informasi.[3]
2.3 Sistem Informasi
Menurut Tata Stabili (2012: 38), sistem informasi
mengoordinasikan kebutuhan manajemen harian
operasi yang mendukung kegiatan strategis
organisasi dan kegiatan operasional organisasi, yang
mengatur penyediaan laporan eksternal yang
sesuai.[4]
2.4 Aplikasi Web Mobile
Menurut Brian Fling (2016), aplikasi web mobile
atau Web Seluler adalah situs web yang dirancang
untuk perangkat seluler, situs web seluler cenderung
memiliki desain yang sederhana serta umumnya
informatif (Abdurahman 2016).[5]
2.5 Pemesanan
pemesanan adalah tindakan yang dilakukan
pelanggan sebelum melakukan pembelian. Pada
akhirnya, perusahaan harus memiliki sistem
pemesanan yang baik untuk kebutuhan pelanggan
akhir. Menurut Kamus Besar Bahasa Indonesia, kata
tersebut berarti “proses, benda, cara memenangkan
(tempat, benda, dsb)”..[6]
2.6 Fotografi
Fotografi berasal dari kata Yunani “photos”
(cahaya) serta “grapho” (warna/tulisan). Pada
dasarnya fotografi adalah melukis dengan
menggunakan cahaya sebagai medianya. Dalam
pengertian yang paling umum, fotografi ialah proses
atau metode pembuatan gambar atau foto suatu objek
dengan menangkap pantulan cahaya dari objek dalam
media fotosensitif.[7]
2.7 Rens Studio Foto Ambarawa
Rens Photography didirikan oleh Rendy
Deswanto pada tanggal 6 Juli 2020. Rens
Photography didirikan dengan tujuan untuk
memenuhi keinginan masyarakat akan pemotretan.
Selain karena keinginan masyarakat untuk
melakukan pemotretan, Rens Photography didirikan
sebagai bentuk lamaran bagi pemilik studio yang
memiliki hobi fotografi dan karena pemilik studio
melihat peluang besar untuk mendirikan
perusahaannya di kawasan Jl HM. Visi studio adalah
untuk membuat studio fotografi berkualitas tinggi.
Sedangkan misi studio ini adalah memberikan
layanan fotografi terbaik dan terinovatif. Dengan
motto yang dimiliki oleh Rens Photography yaitu
“memberikan kualitas yang baik dengan harga yang
wajar”, memudahkan setiap orang yang menjadi
target audiens studio ini untuk dapat menggunakan
jasa fotografi studio dengan mudah dan mendapatkan
hasil yang baik. kualitas, tanpa membayar banyak
uang.
2.8 Hypertext Preprocessor (PHP)
Menurut Supono & Putratama (2018: 1)
mengemukakan bahwa “PHP (hypertext
preprocessor) adalah suatu bahasa pemrograman
yang digunakan untuk menterjemahkan basis kode
program menjadi kode mesin yang dapat dimengerti
oleh komputer yang bersifat server-side yang
ditambahkan ke HTML”.[8]
2.9 MySQL
Menurut (Agustini, 2017), “MySQL ialah
database multi-user yang menggunakan Structured
Query Language (SQL). MySQL adalah perangkat
lunak yang tergolong open source DBMS (database
management system). [9]
2.10 Model Waterfall
Waterfall atau cascading adalah metodologi
desain sistem yang banyak digunakan. Metode
Waterfall menggunakan pengembangan perangkat
lunak dalam urutan analisis, desain, desain
pengkodean, pengujian hingga tahap pendukung.
3. METODE PENELITIAN
3.1 Pengumpulan Data
Pada jurnal penelitian ini penulis
menggunakan dua cara pengembangan metode yang
dapat menyelesaikan permasalahan. Metode yang
penulis gunakan adalah dengan cara :
A.Pengumpulan Data
1.Wawancara ialah metode yang dilakukan
dengan mengadakan sesi tanya jawab secara
langsung agar menghasilkan data sesuai dengan
pembahasan pada penelitian ini.
2.Observasi ialah sebuah metode yang diadakan
melalui cara mempelajari langsung bahan
penelitian sampai menghasilkan data yang
sesuai serta dapat dipertanggung jawabkan
kebenarannya.
3.Studi Pustaka adalah sebuah metode
pengumpulan data melalui referensi
berdasarkan buku-buku, serta jurnal yang
berhubungan dengan masalah yang ingin
dipecahkan.
B. Pembuatan program atau implementasi berbasis
website.
1.Analisis ialah aktivitas menelaah dan meneliti
sebuah hal secara detail dari komponen-
komponen kecil sehingga bisa mendapatkan
kesimpulan dari hal tersebut. Analisis sering
digunakan untuk memperoleh kesimpulan
mengenai pelaksanaan kegiatan tersebut.
2.Desain ialah perancangan yang digunakan
untuk menjadi dasar dari pembuatan objek,
komponen, serta struktur dari sebuah sistem.
3.Coding adalah sebuah proses perancangan kode
perangkat sistem yang berbentuk Bahasa
pemrograman yang dapat digunakan serta
dipahami oleh sistem komputasi.
3.2 Model Perancangan
Proses waterfall adalah pendekatan terstruktur
untuk proses pengembangan perangkat lunak yang
dimulai dengan fase desain, konfigurasi,
implementasi (build) dan pengujian. Membuat situs
web menggunakan metode ini sangat ideal untuk situs
web besar karena melibatkan administrasi serta
sistem yang rumit.
Gambar 1. Model Waterfall
3.3 Analisis Data
1. Analisis
Tahap dalam menganalisa hal-hal yang di
inginkan untuk pembangunan sebuah proyek
perangkat lunak tersebut.
2. Design
Merupakan perancangan dan menentukan
masalah dalam menemukan solusi
3. Coding
Merupakan pengujian suatu data menentukan
suatu masalah yang akan digunakan pada
perangkat lunak.
4. Pengujian
Tahap percobaan pada suatu sistem yang telah
di buat.
5. Maintenance
Proses akhir dari pengembangan selain itu
memperbaiki sistem bila terjadi kesalahan dan
peningkatan kualitas sistem.
4. PEMBAHASAN.
4.1 Perancangan
4.1.1 Desain Sistem
Dalam tahap desain merupakan perancangan
sebuah sistem yang akan dibuat. Aplikasi web mobile
yang akan di menampilkan halaman utama pembuka
atau Home Screen, setelah memuat otomatis akan
dipindahkan ke menu home lalu di ikuti dengan
pilihan paket foto yang ada di Rens Studio, setelah
pengguna memilih Paket Foto maka akan
menampilkan informasi tentang Paket Foto dan
harga. Berikut ini merupakan gambaran Diagram
Alur Flowchart yang digunakan:
Gambar 2. Desain Flowchart
4.1.2 Desain Home Screen
Sebuah rancangan dari sistem aplikasi yang
akan di buat untuk membuat aplikasi tersebut, berikut
ini contoh desain rancangan tampilan dari aplikasi
web mobile :
 4.3.3 Implementasi Halaman Data Paket
Gambar dibawah ini menampilkan data
Berupa nama paket, harga, deskripsi dan gambar.
Menu ini berisi tombol-tombol dengan fungsi yang
berbeda. Tampilan halaman dapat dilihat pada
gambar 6.

Gambar 3. Desain Home Screen

4.2 Implementasi
Implementasi adalah keluaran sistem yang
menggambarkan pembuatan program sistem layanan
foto dan memberikan contoh halaman program
rendering. Implementasi adalah fase di mana Anda Gambar 6. Halaman Data Paket
menjalankan setiap sistem untuk melihat apakah
sistem yang ingin Anda buat benar-benar mencapai 4.3.4 Implementasi Halaman Data pemesanan
tujuan Anda. Eksekusi program dijelaskan Gambar dibawah ini menampilkan data
kemudian..[10] pemesanan berupa No, Kode booking, Paket, Tanggal
Tgl take, Jam, Harga, Member dan Status. Pada menu
4.3 Implementasi Program Diakses Admin ini terdapat tombol detail yang fungsinya untuk
4.3.1 Implementasi Halaman Utama Admin melihat detail pesanan pelanggan. Tampilan bisa
Halaman ini menampilkan peluncur dengan dilihat di gambar 7.
menu utama. Halaman beranda admin memiliki
beberapa kategori dan setiap kategori memiliki
fungsinya masing-masing. Di bawah ini adalah
kategori halaman admin utama. Anda dapat melihat
seperti apa tampilan panel admin utama pada gambar
4

Gambar 7. Halaman Data Pemesanan

4.3.5 Implementasi Laporan

Gambar di bawah ini menampilkan data
laporan berupa dari tanggal ke tanggal. Menu ini
memiliki tombol dengan fungsi menampilkan laporan
Gambar 4. Halaman Utama Admin pendapatan bulanan. Gambaran umum laporan dapat
dilihat pada gambar 8.
4.3.2 Implementasi Halaman Data Pelanggan
Gambar dibawah ini menampilkan data-data
pelanggan berupa Nama Pelanggan, Alamat, Telepon
serta Tanggal. Tampilan Data Pelanggan dapat dilihat
pada gambar 5.

Gambar 8. Halaman Laporan

4.4 Implementasi Program Yang Diakses

Pelanggan
4.4.1 Implementasi Halaman Registrasi Akun
Gambar 5. Halaman Data Pelanggan Pelanggan
 Menu ini menunjukkan halaman pendaftaran
akun pelanggan, dengan nama lengkap, nomor
telepon, alamat email, alamat, kata sandi, konfirmasi
kata sandi. Halaman registrasi akun pelanggan ini
memungkinkan pelanggan yang belum memiliki
akun untuk melakukan registrasi terlebih dahulu agar
dapat mengakses website. Pada halaman Registrasi
Akun Pelanggan dapat dilihat pada gambar 9.

Gambar 12. Halaman Detail Paket

4.4.4 Implementasi Halaman Pemesanan

Gambar 9. Halaman Registrasi Akun
Pada menu ini menampilkan detail pesanan
yang terdapat Nama Paket, Tanggal Pengambilan
Foto, Jam, Catatan dimana setiap kolom wajib diisi
untuk menentukan pesanan. Tampilan Halaman
Pesanan dapat dilihat pada gambar 13.

4.4.2 Implementasi Halaman Utama Pelanggan

Gambar dibawah ini menunjukkan tampilan
dengan menu yang berbeda, dan gambar 10
menunjukkan tampilan halaman utama pelanggan.

Gambar 13. Halaman Pemesanan

Gambar 10. Halaman Utama Pelanggan
4.4.3 Implementasi Halaman Daftar Paket Foto
Pelanggan
Halaman ini menampilkan paket foto yang
tersedia di rens studio. Di sini, pelanggan dapat
melihat paket-paket yang tersedia dan bisa klik untuk
menampilkan detail dari masing-masing paket.
Halaman ini dapat dilihat pada gambar 11.
4.4.5 Implementasi Halaman Riwayat Booking
Gambar dibawah ini menampilkan riwayat
booking yang terdapat No, Paket, Tgl Booking,
Tanggal Take, Jam, Biaya, Status dan Opsi. Pada
halaman riwayat booking dapat dilihat pada gambar
14.

Gambar 14. Riwayat Booking

4.5 Pembahasan
Gambar 11. Halaman Daftar Paket Foto Hasil dari rancangan website ini cukup di
mengerti dan membantu menghasilkan sebuah
website yang dapat mempermudah pelanggan untuk
mencari sebuah informasi tentang harga paket foto
yang ada di Rens studio photo ambarawa serta
mempermudah pelanggan utuk memesan paket foto
di rens studio ambarawa. Akan tetapi masih banyak
minimnya pada website tersebut.
5. PENUTUP
5.1 Kesimpulan
Kesimupulan hasil dari analisa dan
implementasi web mobile di Rens Studio photo
ambarawa dapat menyimpulkan bahwa :
1. Web mobile ini dibuat agar dapat
memberikan kemudahan bagi pelanggan
dalam mencari informasi tentang harga
paket photo di rens studio serta dalam
pemesanan.
2. Web mobile ini di buat agar pencatatan atau
adminitrasi dilakukan secara otomatis dan
proses pembuatan laporan lebih cepat.
5.2 Saran
Hasil dari penelitian penulis berharap pada
pengembangan Implementasi aplikasi web moblie
sebagai media pemesanan Rens Studio ambarawa
semetara ini hanya menggunakan media localhost
yang harapanya dapat di hosting serta digunakan
secara nyata. Kedepanya web moblie sebagai media
pemesanan di rens studio dapat dikembangkan
menjadi aplikasi berbasis web mobile maupun mobile
desktop.[11]
Saran untuk pemilik dalam pengoperasian
website pemesanan jasa fotografi ini, harap
menginput data yang benar dikarenakan agar dapat
terhindar dari kesalahan dalam memasukan data.
Saran untuk pelanggan agar memperhatikan
saat memilih paket foto agar tidak salah saat memilih
paket foto.
[6] Y. Nurjani and R. M. K. Dewi, “Web Site
Sistem Pemesanan Jasa Fotografi Berbasis
Web Pada Bunglon Fotografi,” FORTECH
(Journal Inf. Technol., vol. 6, no. 1, pp. 44–
49, 2022.
[7] R. O. Kusumo, P. G. Bangsa, and ...,
“Perancangan Fotografi sebagai Media
Promosi Pariwisata Pantai Kedung Tumpang,
Pucanglaban, Tulungagung,” J. DKV …,
2019, [Online]. Available:
http://publication.petra.ac.id/index.php/dkv/a
rticle/view/8716
[8] Rerung, “Pengertian jQuery menurut ahli,” J.
Chem. Inf. Model., vol. 53, no. 9, pp. 1689–
1699, 2018.
[9] Enterprise, “Definisi MYSQL,” Angew.
Chemie Int. Ed. 6(11), 951–952., pp. 5–24,
2018.
[10] A. Dwi Saputra and R. Indra Borman,
“SISTEM INFORMASI PELAYANAN
JASA FOTO BERBASIS ANDROID
(STUDI KASUS: ACE PHOTOGRAPHY
WAY KANAN),” J. Teknol. dan Sist. Inf.,
vol. 1, no. 2, 2020, [Online]. Available:
http://jim.teknokrat.ac.id/index.php/JTSI
[11] R. Saputra, E. Budiman, and R. Hasudungan,
“Sistem Informasi Pemesanan Paket Foto
Unit Kegiatan Mahasiswa Fakultas Ilmu
Komputer Dan Teknologi Informasi,” J.
Rekayasa Teknol. Inf., vol. 2, no. 1, p. 17,
2018, doi: 10.30872/jurti.v2i1.1371.

DAFTAR PUSTAKA

[1] S. Haryati, “Sistem Informasi Pemesanan

Studio Foto (Studi Kasus : Reflection
Photography Yogyakarta),” 2020.
[2] E. Sutanta, “Sistem Informasi Manajemen,”
vol. 1, no. 1, p. xvi+320, 2003, [Online].
Available: http://grahailmu.co.id/
[3] Y. W. S. Warsaa, “Video Dokumenter
‘Sesanti Titi Luri Tengger’ Sebagai Media
informasi,” J. Desain Komun. Vis. Asia, vol.
6, no. 02, p. 45, 2022, doi:
10.32815/jeskovsia.v6i02.873.
[4] M. Lubis, I. Murni, and D. Aisyara,
“Penggunaan Sistem Informasi Geografis
Menumbuhkan Keinginan Perjalanan
Wisata,” J. Ipteks Terap., vol. 9, no. 1, pp.
98–107, 2015, doi:
10.22216/jit.2015.v9i1.41.
[5] B. Usmanto, R. Immawan, K. P. Sari, M. I.
Mahdi, and M. Web, “IMPLEMENTASI
WEB MOBILE SEBAGAI
MEDIAINFORMASI,” vol. 1, no. 1, pp. 32–
40, 2018.