Tugas Akhir

“SISTEM INFORMASI E-COMMERCE PEMESANAN JASA
PHOTOGRAPHY BERBASIS WEB PADA RAHMAD PHOTOGRAPHY

BATUSANGKAR”
TUGAS AKHIR
Ditulis Sebagai Syarat Untuk Memperoleh Gelar Ahli Madya

(D-III)
Jurusan Manajemen Informatika
Oleh :
AHMAD ZAKI ARDIANSYAH

NIM: 1750401003
JURUSAN MANAJEMEN INFORMATIKA

FAKULTAS EKONOMI DAN BISINIS ISLAM
INSTITUT AGAMA ISLAM NEGERI BATUSANGKAR
TAHUN 2020
ABSTRAK
Ahmad Zaki Ardiansyah. Nim 1750401003. Judul tugas akhir “Sistem
Informasi E-Commerce Pemesanan Jasa Photography Berbasis Web Pada
Rahmad Photography Batusangkar” Jurusan Manajemen Informatika Fakultas
Ekonomi dan Bisnis Islam Institut Agama Islam Negeri (IAIN) Batusangkar.
Rahmad Photography Batusangkar adalah sebuah badan usaha yang
bergerak dalam penyediaan jasa foto prewedding, wedding, event, editing, design,
dan video shooting, produk yang ditawarkan diantaranya paket foto baralek yang
teridiri dari paket titanium, paket premium dan paket platinum, paket prewedding,
paket video dokumentasi, dan paket video cinema wedding. Saat ini pemesanan
jasa fotografi dilakukan dengan cara datang langsung keperusahaan, pemesanan
diawali dengan pencatatan pada nota pemesanan, setelah itu konsumen diminta
membayar uang muka sesuai ketentuan dari perusahaan, pembayaran dilakukan
secara langsung di perusahaan, setelah konsumen membayar uang muka
konsumen diberikan nota pemesanan sebagai bukti, dan untuk pelunasan
dilakukan setelah sesi pemotretan selesai, dalam proses promosi sekarang masih
menggunakan brosur dan kartu nama, dan dalam pembuatan laporan hanya
memanfaatkan kumpulan dari nota pemesanan.
Penelitian ini bertujuan untuk menghasilkan sistem yang dapat
mempermudah dalam pemesanan jasa fotografi dengan menggunakan sistem
informasi ecommerce. Jenis penelitian ini adalah penelitian lapangan (Field
Research) dimana penulis mendapatkan data langsung dari lapangan pada Studio
Rahmad Photography dan wawancara lansung dari pihak terkait, penelitian
pustaka (Library Research) dengan membaca buku dan jurnal yang berkaitan
dengan judul penelitian, dan penelitian labor (Laboratory Research) dengan
menggunakan bantuan komputer sebagai alat bantu dalam pembuatan tugas akhir.
Hasil penelitian ini menunjukan bahwa sistem yang dibangun dapat
memberikan kemudahan dalam pemesanan jasa fotografi pada Rahmad
photography sehingga menjadi lebih efektif karena dapat memberikan informasi
yang lebih lengkap dan cepat dengan menggunakan website sebagai media
promosi dan informasi Rahmad Photography
Kata Kunci : Sistem, Informasi, E-Commerce, Pemesanan Jasa, Fotografi
i
KATA PENGANTAR
Puji syukur penulis haturkan atas kehadirat Allah SWT. yang telah
melimpahkan rahmat dan karunia-Nya sehingga pembuatan tugas akhir ini dapat
terselesaikan. Salawat dan salam buat junjungan umat, yakni Nabi Muhammad
SAW, yang telah membawa manusia dari alam kebodohan ke alam yang penuh
dengan ilmu pengetahuan seperti kita rasakan seperti sekarang ini.
Dalam penulisan tugas akhir ini penulis banyak mendapat bimbingan dan
bantuan baik moril maupun materil dari berbagai pihak. Oleh karena itu pada
kesempatan ini penulis menyampaikan ucapan terima kasih kepada:
1. Bapak Dr. Marjoni Imamora, M.Sc selaku Rektor IAIN Batusangkar.
2. Bapak Dr. H. Rizal, M.Ag selaku Dekan Fakultas Ekonomi dan Bisnis Islam.
3. Bapak Iswandi, M.Kom selaku ketua Jurusan Manajemen Informatika IAIN
Batusangkar.
4. Bapak Dr. Ulya Atsani, S.H, M.Hum selaku pembimbing akademik (PA)
5. Ibuk Dr. Lita Sari Mukhlis, M.Kom selaku dosen pembimbing yang telah
membimbing dan mengarahkan penulis selama penyusunan Tugas Akhir.
6. Kepada kawan-kawan yang telah banyak memberikan semangat dan dorongan
kepada penulis hingga penulis bisa menyelesaikan tugas akhir ini.
7. Pihak-pihak yang tidak dapat penulis sebutkan satu persatu, yang telah
memberikan motivasi dan semangat serta sumbangan pemikirannya kepada
penulis sehingga selesainya tugas akhir ini.
Penulis sadar bahwasanya tugas akhir ini jauh dari kesempurnaan, oleh
karena itu kritikan dan saran yang sifatnya membangun sangat penulis harapkan
untuk kesempurnaan tugas akhir ini. Penulis juga berharap semoga penulisan
tugas akhir ini memberikan manfaat kepada kita semua. Aamiin…
Akhirnya kepada Allah SWT jualah penulis bermohon dan bersujud
semoga keikhlasan yang diberikan akan dibalas-Nya. Amin Ya Robbal'alamin.
ii
Batusangkar, 23 Januari 2021
Penulis,
Ahmah Zaki Ardiansyah

NIM : 1750401003
iii
DAFTAR ISI
HALAMAN JUDUL
PERSETUJUAN PEMBIMBING
ABSTRAK...............................................................................................................i
KATA PENGANTAR............................................................................................ii
DAFTAR ISI..........................................................................................................iv
DAFTAR TABEL.................................................................................................vi
DAFTAR GAMBAR............................................................................................vii
BAB I PENDAHULUAN.......................................................................................1
A. Latar Belakang.........................................................................................1
B. Identifikasi Masalah................................................................................4
C. Rumusan Masalah...................................................................................4
D. Batasan Masalah......................................................................................4
E. Tujuan Penelitian.....................................................................................4
F. Kegunaan Penelitian................................................................................5
G. Metode Penelitian....................................................................................5
H. Sistematika Penulisan..............................................................................6
BAB II LANDASAN TEORI................................................................................8
A. Gambaran Umum Perusahaan.................................................................8
1. Sejarah Singkat...................................................................................8
2. Visi Misi.............................................................................................8
3. Struktur Organisasi.............................................................................9
B. Konsep Dasar Sistem Informasi............................................................10
1. Sistem...............................................................................................10
2. Informasi...........................................................................................12
3. Sistem Informasi...............................................................................16
4. E-Commerce.....................................................................................19
5. Hosting..............................................................................................20
C. Alat Bantu Perancangan Model Sistem Informasi................................21
1. Aliran Sistem Informasi (ASI)..........................................................21
2. Contex Diagram................................................................................23
iv
3. Data Flow Diagram (DFD)...............................................................24
4. Entity Relationship Diagram (ERD).................................................25
D. Perangkat Lunak Pembangun Sistem Informasi....................................26
1. PHP...................................................................................................27
2. Database............................................................................................28
3. Dreamweaver CS5............................................................................29
4. MySQL.............................................................................................29
5. WEB.................................................................................................32
6. XAMPP.............................................................................................32
BAB III ANALISA DAN HASIL.......................................................................33
A. Analisa Sistem yang Sedang Berjalan...................................................33
1. Aliran Sistem yang Sedang Berjalan................................................33
2. Evaluasi sistem yang sedang berjalan...............................................35
B. Perancangan Sistem...............................................................................35
1. Perancangan Global..........................................................................35
2. Perancangan Terperinci....................................................................39
BAB IV PENUTUP..............................................................................................46
A. Kesimpulan............................................................................................46
B. Saran......................................................................................................46
DAFTAR PUSTAKA
LAMPIRAN
v
DAFTAR TABEL
Tabel 2. 1 Simbol Aliran Sistem Informasi..........................................................22
Tabel 2. 2 Simbol Data Flow Diagram..................................................................24
Tabel 2. 3 Simbol Entity Relationship Diagram (Diagram E-R)...........................25
Tabel 3. 1 Desain File Entry Data pemesanan.......................................................44
Tabel 3. 2 Desain File Entry Data customer..........................................................45
Tabel 3. 3 Desain File Entry Data paket................................................................45
DAFTAR GAMBAR
Gambar 2. 1 struktur organisasi rahmad photography.............................................9
Gambar 2. 2 Siklus Informasi................................................................................13
Gambar 3. 1 Aliran Sistem Informasi Lama..........................................................34
Gambar 3. 2 Aliran Sistem Informasi yang Diusulkan..........................................36
Gambar 3. 3 Context Diagram...............................................................................37
Gambar 3. 4 Data Flow Diagram..........................................................................38
Gambar 3. 5 Entity Relationship Diagram.............................................................39
Gambar 3. 6 laporan data transaksi........................................................................40
Gambar 3. 7 laporan penjualan per periode...........................................................40
Gambar 3. 8 laporan penjualan per jenis paket......................................................41
Gambar 3. 9 Faktur pemesanan..............................................................................41
Gambar 3. 10 form input pemesanan paket...........................................................42
Gambar 3. 11 form input customer........................................................................43
Gambar 3. 12 form input paket..............................................................................43
BAB I
PENDAHULUAN
1. Latar Belakang
Teknologi informasi dan komunikasi pada saat ini meningkat pesat
seiring dengan peningkatan kualitas hidup manusia. Hal ini berdampak pada
hampir seluruh aspek kehidupan, seperti pada bidang perkantoran, perbankan,
pendidikan dan sebagainya. Dengan perkembangan teknologi yang pesat ini
dapat dirasakan bahwa teknologi telah mempermudah kinerja seluruh bidang
kehidupan. Penggunaan teknologi di semua bidang baik secara sederhana
maupun secara mutakhir telah memberikan manfaat bagi manusia, seperti
semakin mudahnya dalam pencarian informasi, adanya kemudahan dalam
proses jual-beli, adanya kemudahan dalam pengolahan data dan sebagainya.
Dampak dari perkembangan teknologi informasi dan komunikasi pada
masyarakat adalah semakin mudahnya informasi yang diakses dari berbagai
media, sehingga dengan memanfaatkan teknologi informasi dan komunikasi
akan mempermudah pengelolaan sebuah sistem informasi di berbagai
instansi, Kemajuan perkembangan teknologi dan informasi mendorong
masyarakat hidup penuh digitalisasi, dan diiringi dengan digitalisasi dalam
bidang bisnis seperti munculnya e-commerce, e-government, e-learning.
(Rappler : 2018)
Electronic Commerce atau e-commerce adalah sebuah sistem yang di
dalamnya memuat aktivitas penjualan, pembelian, serta penyebaran barang
dan jasa yang mendayagunakan sistem elektronik seperti misalnya televisi,
internet, ataupun jaringan komputer lainnya. E-commerce pada era digital ini
menjelma menjadi salah satu bisnis yang cukup menjanjikan untuk
menghasilkan provit yang cukup besar, Dengan menggunakan teknologi
informasi, e commerce dapat dijadikan sebagai solusi untuk membantu
perusahaan dalam mengembangkan perusahaan dan menghadapi tekanan
bisnis. Tingginya tekanan bisnis yang muncul akibat tingginya tingkat
persaingan mengharuskan perusahaan untuk dapat memberikan respon, e
commerce dapat meningkatkan efisiensi biaya dan produktifitas perusahaan,
2
sehingga dapat meningkatkan kemampuan perusahaan yang konsisten,

(Maulana, dkk, 2015:29). Dengan manfaat tersebut e-commerce sangat cocok
diterapkan dalam sebuah perusahaan seperti perusahaan pemesanan jasa
fotografi.
Beberapa penelitian sebelumnya yang melandasi dilakukannya
penelitian ini seperti diantaranya, ”Sistem Informasi Pemesanan Jasa
Fotografi Berbasis Web Pada Karma Kreatif Semarang”, “Perancangan
Sistem Informasi Administrasi Jasa Foto Pernikahan Berbasis Web Pada
Euphoria Photo Studio” didalam penelitian diatas masih ada kendala yaitu
tidak adanya fitur konfirmasi pemesanan yang telah dibayar, sehingga
konsumen harus mendatangi perusahaan atau menghubungi administrasi
untuk mengkonfirmasinya, serta tidak adanya fitur galeri sehingga konsumen
kalau ingin melihat galeri harus datang langsung ke perusahaan, (Mulyono,
dkk, 2019:1)
Rahmad Photography Batusangkar adalah sebuah badan usaha yang
bergerak dalam penyediaan jasa foto prewedding, wedding, event, editing,
design, dan video shooting, produk yang ditawarkan diantaranya paket foto
baralek yang teridiri dari paket titanium, paket premium dan paket platinum,
paket prewedding, paket video dokumentasi, dan paket video cinema
wedding. Saat ini pemesanan jasa fotografi dilakukan dengan cara datang
langsung keperusahaan, pemesanan diawali dengan pencatatan pada nota
pemesanan, setelah itu konsumen diminta membayar uang muka atau DP
sesuai ketentuan dari perusahaan, pembayaran dilakukan secara langsung di
perusahaan, setelah konsumen membayar uang muka konsumen diberikan
nota pemesanan sebagai bukti, dan untuk pelunasan dilakukan setelah sesi
pemotretan selesai, dalam proses promosi sekarang masih menggunakan
brosur dan kartu nama, dan dalam pembuatan laporan hanya memanfaatkan
kumpulan dari nota pemesanan
Adapun masalah yang terjadi pada Rahmad Photography yaitu masih
menggunakan sistem yang konvensional dan belum menggunakan teknologi
informasi, dimana konsumen yang ingin memesan jasa fotografi datang
3
langsung ke perusahaan, sehingga layanan bisa dilakukan pada jam kerja

maka kendala yang terjadi bagi konsumen tidak dilayani pesan di luar jam
kerja dan kendala bagi perusahaan kurangnya jumlah konsumen, karena
konsumen yang akan memesan hanya orang-orang dekat perusahaan saja.
Selain dari itu persoalan Media promosi yang digunakan melalui brosur dan
kartu nama yang disebarkan melalui rekan kerja dan pada saat mengikuti
suatu event, media promosi seperti itu memiliki keterbatasan dalam informasi
yang dapat dimuat, karena hanya menampilkan beberapa foto sebagai
background yang dilengkapi dengan informasi alamat dan jasa rahmad
photography, Sehingga mengharuskan konsumen untuk mendatangi
perusahaan untuk mendapatkan informasi yang lebih rinci, kendala yang
dialami oleh perusahaan dalam menggunakan brosur dan kartu nama yaitu
membutuhkan dana yang cukup besar untuk biaya pencetakan brosur dan
kartu nama karena biaya dihitung dari kualitas dan jumlah cetaknya, serta
perlu adanya tenaga dan biaya tambahan untuk penyebarannya yang
dilakukan dengan meletakkannya pada stand-stand yang tersedia pada suatu
event, dan dalam pembuatan laporan hanya memanfaatkan kumpulan nota
pemesanan sehingga sering terjadi kekeliruan dan data yang hilang karena
penumpukan nota pemesanan dan memperlambat dalam pembuatan laporan,
dengan adanya kekeliruan dan data yang hilang dapat mempengaruhi sebuah
sistem.
Oleh karena itu penelitian ini bertujuan memberikan solusi untuk
permasalahan yang terjadi dengan membuatkan sebuah sistem informasi e-
commerce pemesanan jasa fotografi yang dapat membantu mengelola
pemesanan jasa fotografi, memperluas penyebaran informasi jasa fotografi,
menyimpan serta mengelola data konsumen,dengan dibangun sistem ini
diharapkan dapat membantu proses pengolahan data pemesanan jasa fotografi
data konsumen, data fotografi, dan data laporan bulanan, serta bisa dilakukan
dimana saja kapan saja dengan mengunakan teknologi informasi tanpa harus
datang ke perusahaan.
4
Berdasarkan latar belakang di atas maka penulis ingin mengambilnya

sebagai judul tugas akhir “SISTEM INFORMASI E-COMMERCE
PEMESANAN JASA PHOTOGRAPHY BERBASIS WEB PADA
RAHMAD PHOTOGRAPHY BATUSANGKAR”.
2. Identifikasi Masalah
Berdasarkan gambaran masalah dalam latar belakang diatas, maka
untuk lebih mengarahkan pembahasan dalam tugas akhir ini penulis
mengidentifikasikan beberapa permasalahan yang terjadi yaitu :
1. Pemesanan jasa fotografi pada rahmad photography batusangkar masih
menggunakan sistem yang konvensional dan belum menggunakan
teknologi informasi
2. Promosi menggunakan brosur dan kartu nama sehingga membutuhkan
dana cukup besar untuk mencetak dan tenaga serta biaya tambahan untuk
penyebarannya
3. Sulitnya dalam proses pembuatan laporan bulanan karena hanya
memanfatkan kumpulan nota pemesanan
3. Rumusan Masalah
Sistem Informasi E-Commerce bagaimana yang efektif untuk
pemesanan jasa fotografi pada Rahmad Photography Batusangkar.?
4. Batasan Masalah
Berdasarkan identifikasi masalah di atas, maka penulis membatasi
permasalahan hanya membahas mengenai E-Commerce pemesanan jasa
fotografi pada rahmad photography batusangkar.
5. Tujuan Penelitian
Adapun tujuan yang ingin dicapai dari penelitian ini diantaranya
sebagai berikut:
1. Membangun Sistem Informasi E-Commerce Pemesanan Jasa Fotografi
Berbasis WEB Pada Rahmad Photography Batusangkar.
5
2. Meningkatkan penjualan jasa dan jangkauan pemasaran jasa pada Rahmad

Photography Batusangkar.
6. Kegunaan Penelitian
Hasil Penelitian ini diharapkan berguna untuk:
1. Bagi Rahmad Photography Batusangkar, Meningkatkan kualitas
pelayanan, penjualan jasa serta jangkauan pemasaran jasa pada Rahmad
Photography Batusangkar dan sebagai langkah promosi melalui teknologi
web.
2. Bagi Pengguna Jasa, Memudahkan dalam memperoleh informasi
mengenai perusahaan, dan pemesanan jasa fotografi
3. Bagi Peneliti, Membuka wawasan dan pengetahuan penulis tentang
manfaat membangun sistem pemesanan jasa fotografi, internet, dan
pemrograman web.
4. Sebagai persyaratan untuk mendapatkan gelar Ahli Madya Program
Diploma III (D.III) Manajemen Informatika IAIN Batusangkar.
7. Metode Penelitian
Metode penelitian yang digunakan dalam penulisan tugas akhir ini
adalah sebagai berikut :
1. Field Research (Studi Lapangan)
Data yang diperoleh dalam penelitian dilapangan ini untuk melihat
kenyataaan yang sebenarnya dalam masalah yang diteliti dengan cara
sebagai berikut :
a. Observasi
Teknik pengumpulan data dengan mengadakan penelitian dan
peninjauan lansung ke Studio Rahmad Photography Batusangkar.
b. Interview
Teknik pengumpulan data dengan mengadakan Tanya jawab
secara lansung dengan Rahmad Photography Batusangkar.
6
2. Library Research (Studi Kepustakaan)

Penelitian kepustakaan ini ialah pengumpulan data dengan cara
mempelajari berbagai literature, buku, hasil penelitian yang sejenis dan
media lain yang mempunyai kaitan dengan masalah dan tema penelitian.
3. Laboratory Research (Penelitian Labor)
Penelitian ini dilakukan untuk mempraktekan secara lansung
analisa serta pembuatan program yang berguna untuk pengembangan
sistem baru yang dimaksud dengan menggunakan komputer sebagai alat
bantu dalam penyelasain tugas akhir ini adalah sebagai berikut :
a. Hardware (Perangkat Keras)
1) Hardisk 1 TB
2) RAM 4 GB
3) Printer Canon IP2770
b. Software (Perangkat Lunak)
1) Sistem Operasi Windows 10
2) Database MySQL
3) Macromedia Dreamweaver CS5
8. Sistematika Penulisan
Sistematika penulisan laporan tugas akhir ini dibagi dalam IV bab
yang disusun sebagai berikut :
BAB I Pendahuluan, Bab ini merupakan penguraian mengenai latar
belakang masalah, identifikasi masalah, batasan masalah, rumusan masalah,
tujuan penelitian, manfaat penelitian, metodologi penelitian dan sistematika
penulisan.
BAB II Landasan Teori, Bab ini berisi teori-teori dasar mengenai
perancangan Sistem Informasi E-Commerce Pemesanan Jasa Photography
Berbasis Web Pada Rahmad Photography Batusangkar.
BAB III Analisa dan Hasil, Bab ini membahas analisa dan hasil
perancangan Untuk melakukan pengujian terhadap Sistem Informasi E-
Commerce Pemesanan Jasa Photography Berbasis Web Pada Rahmad
Photography Batusangkar.
7
BAB IV Penutup, Bab ini berisi kesimpulan yang didapat selama

pembuatan laporan tugas akhir serta saran-saran yang akan menjadi masukan
bagi perkembangan sistem selanjutnya.
BAB II
LANDASAN TEORI
A. Gambaran Umum Perusahaan

2. Sejarah Singkat
Rahmad photography adalah perusahaan yang bergerak di bidang
jasa fotografi, rahmad photography didirikan oleh Rahmad Efriyanto pada
awal tahun 2010 dengan tujuan memaksimalkan dan memberdayagunakan
seluruh potensi dan kemampuan yang dimilikinya, yang lahir dari latar
belakang dunia fotografi, dan telah memiliki pengalaman didalam
fotografi, khususnya fotografi pernikahan serta fotografi studio.
Rahmad Photography ini menawarkan beberapa jasa fotografi,
yaitu jasa foto wedding, prewedding, event, editing, dan video shooting,
paket yang ditawarkan diantaranya paket foto baralek yang terdiri dari
paket titanium, premium, dan platinum, paket prewedding, paket video
dokumentasi, dan paket video cinema wedding.
3. Visi Misi
a. Visi
Menyediakan jasa foto dan video unggulan dalam memberikan
pelayanan dan hasil yang berkualitas dengan harga yang murah serta
dapat dijangkau oleh masyarakat,dengan menggunakan keterampilan
yang khusus untuk menghasilkan gambar yang menakjubkan yang akan
menyampaikan cerita cerita anda sesuai dengan keinginan anda
b. Misi
1. Memberikan pelayanan jasa secara maksimal dengan harga yang
cukup terjangkau
2. Memberikan kualitas fotografer dan teknologi sesuai dengan
perkembangan
3. Meningkatkan pelayanan jasa secara berskala seiring kemajuan
zaman
8
9
4. Meningkatkan pemotretan yang inovatif

4. Struktur Organisasi
Gambar 2. 1
struktur organisasi rahmad photography
Struktur organisasi dalam studio Rahmad Photography dikepalai

oleh seorang ketua sebagai pemilik studio, Rahmad Photography memiliki
4 anggota, antara lain :
Pertama Fotografer Utama yang akan melakukan tugas dalam acara
sebagai kamera utama.
Kedua Fotografer Backing atau fotografer kedua, tugas fotografer
kedua disini ada meng bancking dari foto grafer pertama agar sewaktu-
waktu fotografer utama ketingglan moment di backing oleh fotografer
backing ini.
Ketiga adalah Fotografer Candied tugas fotografer candied disini
adalah hanya memotret moment-moment tertentu seperti dalam pernikahan
ada yang fun, menangis, beranda, ngobrol bersa sanak family dll.
Keempat dalah Editor, tugas Editor disini adalah mengedit semua
file yang telah diambil oleh 3 fotografer tersebut
10
5. Konsep Dasar Sistem Informasi

1. Sistem
a. Pengertian Sistem
Kata “sistem” berasal dari bahasa Yunani yaitu systema, yang
artinya himpunan bagian atau komponen yang berhubungan secara
teratur dan merupakan suatu keseluruhan. sistem adalah bagian dari
sistem yang lain yang lebih besar dan terdiri dari berbagai sistem yang
lebih kecil yang disebut subsistem.
Menurut Tata Sutabri (2012:3), sistem merupakan suatu
kumpulan atau himpunan dari unsur, komponen, atau variabel yang
terorganisasi, saling berinteraksi, saling tergantung satu sama lain dan
terpadu.
Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang
saling berhubungan, berkumpul bersama-sama untuk melakukan suatu
kegiatan atau menyelesaikan suatu sasaran tertentu. (Parno, SKom,
MMSI, 2011:1).
Kesimpulan dari sistem adalah kumpulan dari unsur/elemen-
elemen yang saling berkaitan/berinteraksi dan saling mempengaruhi
dalam melakukan kegiatan bersama untuk mencapai suatu tujuan
tertentu.
b. Karakteristik Sistem
Suatu sistem mempunyai karakteristik atau sifat-sifat yang
tertentu. Menurut (Supriyanto, 2005), karakteristik sistem atau sifat-
sifat tertentu seperti elemen-elemen (elements), batasan sistem
(boundary), lingkungan sistem (environments), penghubung (interface),
masukan (input), pengolahan (process), keluaran (output) dan tujuan
(goal).
1) komponen – komponen (components)
Suatu sistem terdiri dari sejumlah komponen yang saling
berinteraksi, artinya saling bekerjasama membentuk satu kesatuan.
11
2) Batasan Sistem (boundary)

Batasan sistem merupakan daerah yang membatasi antara
suatu sistem dengan sistem yang lainnya atau dengan lingkungan
luarnya.
3) Lingkungan sistem (environments)
Lingkungan luar dari suatu sistem adalah apapun diluar batas
sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem
dapat bersifat menguntungkan dan dapat juga bersifat merugikan
sistem tersebut. Lingkungan luar yang menguntungkan merupakan
energi dari sistem dan dengan demikian harus tetap dijaga dan
dipelihara. Sedangkan lingkungan luar yang merugikan harus
ditahan karena dapat mengganggu kelangsungan hidup sistem.
4) Penghubung (interface)
Penghubung merupakan media penghubung antara satu
subsistem dengan subsistem yang lain. Melalui penghubung ini
memungkinkan sumber daya mengalir dari satu subsistem
kesubsistem lainnya.
5) Masukan (input)
Masukan adalah energi yang dimasukkan kedalam sistem.
Masukan dapat berupa masukan perawatan dan masukan sinyal.
6) Pengolahan (process)
Suatu sistem dapat mempunyai bagian pengolah yang akan
merubah masukan menjadi keluaran.
7) Keluaran (output)
Keluaran merupakan hasil dari input.
8) Tujuan (goal)
Suatu sistem pasti mempunyai tujuan jika tidak mempunyai
tujuan, maka operasi sistem tidak akan ada gunanya.
Berdasarkan uraian di atas karakteristik sistem harus memiliki
unsur, media, dan misi (tujuan), karena sistem adalah gabungan dari
berberapa komponen yang saling berbeda tetapi saling ketergantungan.
12
c. Klasifikasi Sistem
Sistem dapat diklasifikasikan dari beberapa sudut pandang,
diantaranya sebagai berikut ini :
1) Sistem diklasifikasikan sebagai sistem abstrak (abstract system) dan
sistem fisik (physical system) Sistem abstrak adalah sistem yang
berupa pemikiran atau ide-ide yang tidak tampak secara fisik.
Misalnya sistem teologia, yaitu sistem yang berupa pemikiran-
pemikiran hubungan antara manusia dengan Tuhan. Sistem fisik
merupakan sistem yang ada secara fisik. Misalnya sistem komputer,
sistem akuntansi, sistem produksi dan lain sebagainya.
2) Sistem diklasifikasikan sebagai sistem alamiah (natural system) dan
sistem buatan manusia (human made system) Sistem alamiah adalah
sistem yang terjadi melalui proses alam, tidak dibuat manusia.
Misalnya sistem perputaran bumi. Sistem buatan manusia adalah
sistem yang dirancang oleh manusia. Sistem buatan manusia yang
melibatkan interaksi antara manusia dengan mesin disebut dengan
human-machine system atau ada yang menyebut dengan man-
machine system. Sistem informasi merupakan contoh man-machine
system, karena menyangkut penggunaan komputer yang berinteraksi
dengan manusia.
2. Informasi
a. Pengertian informasi
Saat ini kita sedang berada pada era informasi, hal ini berati
bahwa informasi sudah menyentuh seluruh segi kehidupan baik
individual, kelompok maupun organisasi. Adapun pengertian tentang
informasi, yaitu data yang telah diproses suatu bentuk yang mempunyai
arti bagi penerima dan memiliki nilai nyata yang dibutuhkan untuk
proses pengambilan keputusan saat ini maupun saat mendatang.
(Gordon B.Davis, 1995).
Menurut Anton M.Moeliono mendefinisikan informasi sebagai
data yang telah diproses, namun pemrosesan tersebut dilakukan untuk
13
suatu tujuan tertentu. Selanjutnya Anton M. Moeliono juga

menyatakan bahwa informasi merupakan keterangan, kabar berita,
pemberitahuan, penerangan, atau bahan nyata lainnya yang dapat
digunakan sebagai bahan kajian analisis untuk mengambil kesimpulan
atau keputusan tertentu.
Menurut Barry E.Cushing dalam buku Accounting Information
System and Business Organization, Barry E. Cushing menyatakan
bahwa infromasi merupakan suatu hal yang menunjukkan hasil suatu
proses pengolahan data. Hasil pengolahan data tersebut terorganisir dan
mempunyai manfaat atau berguna bagi penerimanya.
Sedangkan informasi menurut (Budi Sutedjo, 2002), merupakan
hasil pemrosesan data yang diperoleh dari setiap elemen sistem tersebut
menjadi bentuk yang mudah dipahami dan merupakan pengetahuan
yang relevan dan di butuhkan dalam pemahaman fakta-fakta yang ada.
Informasi, yaitu sebuah pernyataan yang menjelaskan suatu
peristiwa (suatu objek atau konsep) sehingga manusia dapat
membedakan sesuatu dengan yang lainnya. (Samuel Elion, 1992),
Dapat disimpulkan informasi adalah kumpulan data yang telah diolah,
baik bersifat kualitatif maupun kuantitatif dan memiliki arti luas.
b. Siklus Infromasi
Pengolahan data menjadi suatu informasi dapat digambarkan
sebagai berikut :
Gambar 2. 2
Siklus Informasi
Sumber : Jogiyanto HM (2005:8)
14
Secara sederhana dapat dikatakan bahwa data diolah menjadi

suatu informasi. Dan pada tahap selanjutnya, sebuah informasi akan
menjadi data untuk terciptanya informasi yang lain.
Karakteristik informasi adalah sebagi berikut :
1) Benar atau salah
Karakteristik tersebut berhubungan dengan sesuatu yang realitas
atau tidak dari sebuah informasi.
2) Baru
Sebuah informasi dapat berarti sama sekali baru bagi penerimanya.
3) Tambahan
Sebuah informasi dapat memperbaharui atau memberikan nilai
tambah pada informasi yang telah ada.
4) Korektif
Sebuah informasi dapat menjadi bahan koreksi bagi informasi
sebelumnya, salah atau palsu.
5) Penegas
Informasi dapat mempertegas informasi yang telah ada, hal ini
masih berguna karena dapat meningkatkan persepsi penerima atas
kebenaran informasi tersebut.
c. Nilai Informasi
Nilai dari informasi ditentukan dari dua hal, yaitu manfaat dan
biaya mendapatkannya. Suatu informasi dikatakan bernilai bila
manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya.
Pengertian nilai informasi menurut Priyanto (2013:1), bisa
diartikan sebagai data dengan arti atau makna atau informasi yang
memiliki arti penting dan manfaat yang relatif untuk membuat suatu
keputusan untuk melakukan tindakan selanjutnya. Bagian terpenting
dalam nilai informasi adalah saat seseorang menerima informasi, dia
dapat membuat keputusan dari informasi yang diterima. Apabila dia
tidak membuat keputusan, maka informasi tersebut tidak relevan untuk
melakukan tidakan selanjutnya.
15
Menurut Jogiyanto (2005:31), nilai informasi ditentukan oleh

dua hal, yaitu manfaat dan biaya mendapatkannya. Informasi dikatakan
bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya
mendapatkannya. Nilai informasi secara nyata memiliki karakteristik
khusus terhadap tingkat ukuran, kebutuhan, dinamika, kemanfaatan dan
keterpakaian informasi itu sendiri. Tetapi nilai tersebut tidak dapat
diukur secara nyata.
d. Kualitas Informasi
1) Relevansi
Informasi dikatakan berkulitas jika relevan bagi pemakainya.
Pengukuran nilai relevansi, akan terlihat dari jawaban atas
pertanyaan “how is the message used for problem solving (decision
masking)?” informasi akan relevan jika memberikan mamfaat bagi
pemakainya.
2) Akurasi
Informasi dapat dikatakan akurat jika informasi tersebut tidak
bias atau menyesatkan. Beberapa hal yang dapat berpengaruh
terhadap keakuratan sebuah informasi. Kelngkapan (completeness)
informasi terdiri dari satu kesatuan informasi yang menyeluruh dan
mencakup berbagai hal yang terkait didalamnya. Jika informasi
hanya sebagian maka akan mempengaruhi untuk pengambilan
keputusan.
a) Kebenaran (correctness) Informasi
Informasi yang dihasilkan oleh proses pengolahan data,
haruslah benar sesuai dengan perhitungan-perhitungan yang ada
dalam proses tersebut.
b) Keamanan (security) informasi
Sebuah informasi harus aman, dalam arti hanya diakses oleh
pihak-pihak yang berkepentingan saja sesuai dengan sifat dan
tujuan dari informasi tersebut.
16
3) Tepat waktu
Informasi yang dihasilkan dari suatu proses pengolahan data,
datangnya tidak boleh terlambat. Komponen-komponen tambahan
antara lain :
a) Ekonomis (Economy)
b) Efisien (Efficiency)
c) Dapat dipercaya (Reliability)
e. Usia informasi
Usia sebuah infomasi dapat dibedakan menjadi dua yaitu :
1) Usia informasi berdasarkan data kondisi.
Merupakan usia informasi yang berhubungan dengan sebuah titik.
2) Usia informasi berdasarkan data operasi.
Usia informasi yang mencerminkan terjadinya perubahan data
selama satu periode waktu.
3. Sistem Informasi
a. Pengertian sistem informasi
Menurut (Brein, 2017) “Sistem informasi adalah kombinasi dari
orang-orang, perangkat keras, perangkat lunak, jaringan komunikasi,
sumber daya data, dan kebijakan serta prosedur dalam menyimpan,
mendapatkan kembali, mengubah, dan menyebarkan informasi dalam
suatu organisasi”.
Menurut (Kertahadi, 2007) “Sistem informasi adalah alat untuk
menyajikan informasi sedemikian rupa sehingga bermanfaat bagi
penerimanya. Tujuannya adalah untuk memberikan informasi dalam
perencanaan, memulai, pengorganisasian, operasional sebuah
perusahaan yang melayani sinergi organisasi dalam proses
mengendalikan pengambilan keputusan”.
Menurut (John F.Nash, 1995) “Sistem Informasi adalah
kombinasi dari manusia, fasilitas atau alat teknologi, media, prosedur
dan pengendalian yang ditujukan untuk mengatur jaringan komunikasi
yang penting, proses transaksi tertentu dan rutin, membantu manajemen
17
dan pemakai intern dan ekstern dan menyediakan dasar untuk

pengambilan keputusan yang tepat”.
Menurut (Kadir, 2014) “Sistem informasi adalah sebuah
rangkaian prosedural formal dimana data dikelompokan, diproses
menjadi informasi, dan didistribusikan kepada pemakai”.
Menurut (Sutabari, 2005) “sistem informasi adalah suatu sistem
di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan
transaksi harian yang mendukung fungsi operasi organisasi yang
bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk
dapat menyediakan kepada pihak luar tertentu dengan laporan-laporan
yang diperlukan”.
Berdasarkan pendapat-pendapat diatas dapat disimpulkan bahwa
sistem informasi adalah sebuah rangkaian prosedur yang terdiri dari
kombinasi orang, perangkat keras, perangkat lunak, jaringan
komunikasi, sumber daya data, dan kebijakan serta prosedur dalam
penyimpanan, dimana data dikelompokan, diproses menjadi informasi,
dan didistribusikan kepada pemakai.
b. Komponen Sistem Informasi
Menurut (Sutabari, 2012) “Sistem informasi terdiri dari
komponen-komponen yang disebut dengan istilah blok bangunan
(building block) yang terdiri dari blok masukan, blok model, blok
keluaran, blok teknologi, blok basis data dan blok kendali”. Kemudian
(Sutabari,2012) menjelaskan sebagai suatu sistem, keenam blok
tersebut saling berinteraksi dengan yang lain membentuk satu kesatuan
untuk mencapai sasaran. Blok-blok tersebut yaitu :
1) Blok Masukan (Input Block)
Data yang masuk kedalam sistem informasi termasuk
metode-metode dan media menangkap data yang akan dimasukan
untuk menajdi sebuah sistem, termasuk dokumen-dokumen dasar
dari sistem tersebut.
18
2) Blok Model (Model Block)

Kombinasi dari Prosedur, logika dan model matematik yang
akan memanipulasi data input dan data yang tersimpan di dalam
basis data untuk menghasilkan keluaran yang diinginkan.
3) Blok Keluaran (Output Block)
Keluaran yang merupakan informasi yang berkulitas dan
dokumentasi yang berguna untuk semua tingkat manajemen dari
pemakai sistem.
4) Blok Teknologi (Technology Block)
Teknologi yang digunakan untuk menerima input,
menjalankan model menyimpan dan mengakses data, menghasilkan
dan mengirimkan keluaran dan membantu keluaran secara
keseluruhan. Teknologi terdiri dari 3 bagian utama yaitu teknisi
(Brainware), perangkat lunak (Software), dan perangkat keras
(Hardware).
5) Blok Basis Data (Database Block)
Kumpulan dari data yang saling berhubungan satu dengan
lainnya yang tersimpan di perangkat keras komputer dan perangkat
lunak untuk memanipulasinya, agar informasi yang dihasilkan
berkulitas data perlu disimpan dalam basis data yang tepat.
6) Blok Kendali (Controls Block)
Blok kendali digunakan untuk melakukan pencegahan
terhadap bahaya apapun yang dapat merusak sistem informasi
tersebut, termasuk dari kegagalan sistem itu sendiri.
c. Perangkat Sistem Informasi
1) Hardware
Bagian ini merupakan bagian perangkat keras sistem informasi.
2) Software
Merupakan bagian dari perangkat lunak sistem informasi
19
3) Data
Komponen dasar informasi yang akan diproses lebih lanjut untuk
menghasilkan informasi.
4) Prosedur
Bagian yang berisikan dokumentasi prosedur atau proses-proses
yang terjadi dalam sistem.
5) Manusia
Bagian utama dalam suatu sistem informasi. (Wahyuno, 2004)
4. E-Commerce
a. Definisi E-Commerce
Electronic Commerce atau biasa disingkat E-Commerce
merupakan suatu sistem atau paradigma baru dalam dunia bisnis, yang
menggeser paradigma perdagangan tradisional menjadi electronic
commerce yaitu dengan memanfaatkan teknologi ICT (Information and
Communication Technology), atau dengan kata lain teknologi internet
(Pradana, dkk 2012:75). Electronic Commerce adalah pembelian,
penjualan dan pemasaran barang serta jasa melalui sistem elektronik.
Seperti radio, televisi dan jaringan computer atau internet (Jony Wong,
2010:33). Jadi pengertian e-commerce adalah proses transaksi jual beli
yang dilakukan melalui internet dimana website digunakan sebagai
wadah untuk melakukan proses tersebut.
b. Keunggulan E-Commerce
Daya tarik e-commerce bagi dunia bisnis di antaranya adalah karena
ia mempunyai keunggulan berikut:
1. Efisien
Perusahaan bisa memperoleh efisiensi baik dari sisi pemasaran,
tenaga kerja, dan overhead cost. Sebagai contoh, mereka tidak perlu
setiap kali mencetak katalog baru dan mengirimkannya (faxcimile) ke
tiap konsumen karena konsumen bisa melihat langsung di website
mengenai perubahan jenis dan harga barang dari detik ke detik.
20
2. Efektif
Internet memungkinkan untuk menjangkau konsumen secara lebih
luas dan cepat. Hal ini dimungkinkan karena perusahaan bisa
membuka virtual shop 24 jam non stop dengan menampilkan
informasi tentang produk dan prosedur pembelian secara on line di
internet. Calon konsumen bisa dimanjakan dengan tampilan grafis
yang menawan.
c. Manfaat E-Commerce
1. Memberi kemudahan dalam usaha pemasaran serta promosi barang
ataupun jasa
2. Melakukan perluasan terhadap jangkauan calon konsumen dengan
segmentasi pasar yang lebih luas
3. Memberi kemudahan dalam prosesi pembelian dan penjualan
4. Memberikan kemudahan dalam melakukan pembayaran karena dapat
dilakukan secara online
5. Memberikan kemudahan dalam penyebaran informasi
5. Hosting
a. Pengertian Hosting
Sebuah layanan jasa penyewaan di jaringan internet yang
menyediakan ruang data untuk memungkinkan seseorang atau
kelompok menampilkan layanan jasa atau producknya agar dapat
diakses secara mudah melalui komputer.
b. Jenis-jenis Hosting
1. Shared Hosting
Jenis layanan web hosting dimana dalam satu server
terdapat beberapa website, jenis hosting ini umumnya lebih murah
dibandingkan yang lainnya selain karena spesifikasinya “RAM dan
CPU” lebih rendah, servernya dipakai oleh beberapa pengguna
atau pemilik website
21
2. VPS Hosting
Pada dasarnya VPS mirip dengan shared hosting, namun
VPS memiliki kelebihan tersendiri yaitu sumber daya yang lebih
besar serta teknologi virtualisasi
3. Dedicated Hosting
Jenis layanan hosting yang menyediakan server yang
digunakan hanya untuk satu akun website saja
4. Cloud Hosting
Jenis hosting dengan teknologi terbaru yang memanfaatkan
teknologi komputasi awan “cloud”
6. Alat Bantu Perancangan Model Sistem Informasi
Perancangan sistem sangat perlu dalam pengolahan data dan
informasi, karena tanpa dirancang terlebih dahulu maka data yang diolah
untuk informasi tidak akan sempurna. Dalam perancangan sistem ini, banyak
peralatan sebagai alat bantu yang digunakan untuk mempermudah dalam
suatu pekerjaan, antara lain :
1. Aliran Sistem Informasi (ASI)

Sangat berguna untuk mengetahui permasalahan yang ada pada
suatu perusahaan. Dari sini dapat diketahui apakah sistem informasi
tersebut masih layak dipakai atau tidak, serta masih manual atau sudah
komputerisasi. Jika sistem informasi tidak layak dipakai maka perlu
adanya perubahan dalam pengolahan datanya sehingga menghasilkan
sistem informasi yang cepat dan akurat supaya menghasilkan suatu
keputusan yang lebih baik.
Simbol-simbol standar yang akan digunakan dalam pembuatan ASI dapat

dilihat pada tabel 2.1. berikut :
22
Tabel 2. 1
Simbol Aliran Sistem Informasi
SIMBOL KETERANGAN
Dokumen. Simbol ini digunakan untuk

menggambarkan semua jenis dokumen,
merupakan formulir yang digunakan untuk
merekam data terjadinya suatu transaksi,
yang menunjukkan input dan output baik
untuk proses manual, mekanik, atau
komputer.
Proses Manual. Simbol ini digunakan

untuk menggambarkan kegiatan manual
atau pekerjaan yang dilakukan tanpa
menggunakan komputer. Uraian singkat
kegiatan manual dicantumkan di dalam
simbol ini.
Proses Komputer / Online Computer

Process. Simbol ini menggambarkan
kegiatan proses dari pegolahan data
dengan komputer secara online. Uraian
singkat tentang operasi program komputer
ditulis di dalam simbol.
Arsip. Simbol ini digunakan untuk

menggambarkan file komputer / non
komputer yang disimpan sebagai arsip. Di
dalam simbol ini bisa ditulis huruf F atau
huruf A.
23
Penghubung pada halaman yang sama.

Simbol ini digunakan untuk menunjukkan
hubungan arus proses yang terputus masih
dalam halaman yang sama. Di dalam
simbol ini dicantumkan nomor sebagai
penghubung.
Decision. Simbol ini digunakan untuk

menentukan arah proses berikutnya
berdasarkan kondisi yang ada
Penghubung pada halaman yang

berbeda. Simbol ini digunakan untuk
menunjukkan hubungan arus proses yang
terputus dengan sambungannya ada di
halaman yang lain, sesuai dengan nomor
yang tercantum dalam simbol.
Garis Alir. Simbol ini menunjukkan

aliran/arah dari proses pengolahan data.
2. Contex Diagram
Diagram Contex menurut (Wahyono 2004) adalah diagram yang
menggambarkan sistem dalam suatu proses atau simbol proses dan
hubungannya dengan entity eksternal. Penyimpanan data (Data Storage),
digunakan secara bersama antara sistem dan terminator.
Diagram konteks digunakan untuk memberikan gambaran umum tentang

entitas luar yang terlibat dan input yang diproses.
24
3. Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan gambaran sistem secara logika
yang tidak tergantung pada perangkat keras, perangkat lunak, struktur data
atau organisasi file. Keuntungan dari DFD, memudahkan pemakai yang
kurang menguasai bidang komputer untuk mengerti sistem yang akan
dikerjakan atau dikembangkan.
Simbol-simbol yang digunakan dalam DFD terlihat pada tabel berikut 2.2.
ini :
Tabel 2. 2
Simbol Data Flow Diagram
SIMBOL KETERANGAN
Kesatuan Luar / External Entity.

Merupakan sumber/tujuan data atau suatu
bagian/orang yang berada diluar sistem
tapi berhubungan dengan sistem tersebut,
baik itu memasukkan data maupun
mengambil data dari sistem.
Proses. Simbol ini digunakan untuk

melakukan proses pengolahan data di
dalam DFD, yang menunjukkan suatu
kegiatan yang mengubah aliran data masuk
(input) menjadi aliran data keluar (output).
Penyimpanan Data / Data Store.

Berfungsi sebagai tempat penyimpanan
dokumen-dokumen/file-file yang
dibutuhkan dalam suatu sistem informasi.
25
Aliran Data. Menunjukkan arus dalam

proses, dimana simbol aliran data ini
mempunyai nama tersendiri.
Dalam DFD ini nantinya akan diperlihatkan aliran sistem mulai dari input,
proses hingga laporan yang dihasilkan, dan bisa digunakan untuk
menggambarkan sistem informasi yang logikal, yang akan menggambarkan
bagaimana hubungan suatu sistem informasi dengan file-file yang akan
diakses oleh komputer.
4. Entity Relationship Diagram (ERD)

Model Entity-Relationship berisi komponen-komponen dari suatu
himpunan entitas dan himpunan relasi yang masing-masing dilengkapi
dengan atribut-atribut yang merepresentasikan seluruh fakta yang ditinjau
sehingga dapat diketahui hubungan antara entity-entity yang ada dengan
atribut-atributnya. Selain itu juga bisa menggambarkan hubungan yang ada
dalam pengolahan data, seperti hubungan many to many, one to many, atau
one to one. Lebih jelasnya akan digambarkan secara sistematis dengan
menggunakan Diagram Entity-Relationship (Diagram E-R / ERD).
Simbol-simbol yang digunakan dalam Entity Relationship Diagram

dijelaskan pada tabel 2.3. berikut ini :
Tabel 2. 3
Simbol Entity Relationship Diagram (Diagram E-R)
SIMBOL KETERANGAN
26
Entity. Simbol yang menyatakan

himpunan entitas ini bisa berupa : suatu
elemen lingkungan, sumber daya, atau
transaksi, yang begitu pentingnya bagi
perusahaan sehingga didokumentasikan
dengan data.
Attribute. Simbol terminal ini untuk

menunjukkan nama-nama atribut yang
ada pada entiti.
Primary Key Attribute. Simbol atribut

yang digarisbawahi, berfungsi sebagai
key (kunci) di antara nama-nama atribut
yang ada pada suatu entiti.
Relationship. Simbol ini menyatakan

relasi ini digunakan untuk menunjukkan
hubungan yang ada antara entiti yang satu
dengan entiti yang lainnya.
Link. Simbol berupa garis ini digunakan

sebagai penghubung antara himpunan
relasi dengan himpunan entitas dan
himpunan entitas dengan atributnya.
Hubungan/relasi antar atribut yang terdapat pada sistem konseptual secara

bebas yang terdiri dari entiti-entiti, dan setiap entiti terdiri dari atribut yang
ada, yaitu :
1) Unary, adalah satu entiti berelasi hanya dengan satu entiti saja.
2) Binary, adalah satu entiti berhubungan dengan entiti yang lain.
27
3) Ternary, adalah satu entiti berhubungan dengan beberapa entiti yang

lainnya.
5. Perangkat Lunak Pembangun Sistem Informasi
Dalam membangun sistm, penulis menggunakan bahasa pemograman
PHP, Dreamweaver untuk merangcang form/design tampilan dan MySQL
sebagai databasenya.
1. PHP
Menurut (Sugiri 2008) PHP adalah bahasa scripting yang dieksekusi
di sisi server (server-sise scripting language) dan berfungsi untuk membuat
web yang interaktif dan dinamis seperti bahasa-bahasa script lainnya.
Menurut Peranginan (2006) adalah PHP singkatan dari Hypertext
Preprocessor yang digunakan sebagai bahasa script server-side dalam
pengembangan Web yang disisipkan pada dokumen HTML.
Dalam buku karangan Arief M. Rudyanto (2011) PHP (Perl Hypertext
Processor) adalah bahasa server-sidescripting yang menyatu dengan HTML
untuk membuat halaman web yang dinamis.
a. Sejarah Singkat PHP
PHP diciptakan pertama kali oleh Rasmus Lerdort pada tahun
1994. Awalnya PHP digunakan untuk mencatat jumlah serta untuk
mengetahui siapa saja pengunjung pada homepage-nya. Pada tahun 1996,
PHP telah banyak digunakan dalam website dunia.
b. Kelebihan PHP
PHP memiliki banyak kelebihan yang tidak dimiliki oleh bahasa
script sejenis. Kelebihannya antara lain adalah :
1. PHP difokuskan pada pembuatan 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, bahkan
lebih dari pada kemampuan CGI.
28
2. PHP dapat digunakan pada semua sistem operasi antara lain linux,
Unix (termaksud variasinya HP-UX, Solaris dan OpenBSD),
Microsoft Windows, Mac OS X, RISC OS.
3. PHP mendukung banyak WEB Server sepertu Apache, Microsoft
Internet Information Server (MIS), Personal Web Server (PWS), dan
masih banyak lagi. Bahkan PHP dapat bekerja sebagai suatu CGI
processor.
4. PHP tidak terbatas pada hasil keluaran HTML (Hypertext Markup
Languages). PHP juga memiliki kemampuan untuk mengolah
keluaran gambar, file PDF, dan Movies flash. PHP juga dapat
menghasilkan text seperti XHTML dan file XML lainnya.
c. Sintak PHP
Sintak program/script PHP ditulis dalam apitan tanda khusus PHP.
Ada empat macam pasangan tag PHP yang dapat digunakan untuk
menandai blok script PHP :
1) <?php...?>
2) <script language = “PHP”>...</script>
3) <?...?>
4) <%...%>
Langkah pertama merupakan format yang dianjurkan tetapi
mungkin cara kedua akan sering digunakan karena lebih ringkas.
Langkah kerja digunakan untuk mrngantisipasi editor-editor yang
tidak dapat menerima kedua cara di atas. Langkah keempat juga
memungkinkan sebagai kemudahan bagi anda yang sudah terbiasa
dengan ASP (Active Server Pages). Namun, bila itu tidak dikenal,
maka harus dilakukan pengaktifan pada file konfigurasi PHP ini.
2. Database
Database adalah sekumpulan data yang terdiri dari suatu atau lebih
tabel yang saling berhubungan. User mempunyai wewenang untuk
29
mengakses data tersebut, baik untuk menambah, mengubah bahkan

menghapus data yang ada dalam tabel tersebut (Anonymous, 2005).
Database digunakan untuk menampung beberapa tabel atau query
yang dijadikan media untuk menyimpan data sebagai sumber pengolahan
data (Anonymous, 2005).
Menurut Wahyono (2005), database merupakan kumpulan data yang
terorganisasi dalam file-file terstruktur yang khusu digunakan untuk
menampung data.
3. Dreamweaver CS5
(Madcoms 2011) Dreamweaver merupakan software utama yang
digunakan oleh Web Desainer maupun Web Programmer dalam
mengembangkan suatu situs web. Hal ini disebabkan ruang kerja, fasilitas,
dan efektifitas dalam desain maupun membangun suatu situs web.
4. MySQL
Menurut Sugiri (2008:1), MySQL merupakan database yang bersifat
client server, dimana data diletakkan di server yang bisa diakses melalui
komputer client. MySQL dibuat sekitar tahun 1994/1995 dan dikembangkan
oleh sebuah perusahaan di Swedia yang bernama MySQL AB dengan istilah
T.c.X DataKonsult AB. Tujuanmya adalah untuk mengembangkan aplikasi
web yang dimiliki oleh clientnya.
Menurut Andi (2011) Database atau sering disebut basis data adalah
sekumpulan informasi yang disimpan dalam komputer secara sistematik
danmerupakan sumber sistem informasi yang dapat diperiksa menggunakan
suatu program komputer. Database berfungsi untuk menyimpan informasi
atau data. Database merupakan sekumpulan data sebagai penyedia informasi
bagi pengguna atau user. Untuk mengolah database diperlukan software
yang sering disebut dengan DBMS (Database Management System).
Dengan DBMS pengguna atau user dapat membuat, mengola, mengontrol,
dan mengakses database dengan mudah, praktis, dan efesien.
30
Database terdiri dari table yang didalamnya terdapat field, dan sebuah
database biasanya terdiri dari beberapa table. Dalam pembuatan database,
hal-hal yang perlu diperhatikan adalah sebagai berikut :
a. Setiap table dalam database harus memiliki field (kolom) yang unik
disebut dengan prymary key.
b. Table dalam database tidak boleh ada redundancy data yaitu mengandung
record ganda. Jika terdapat data yang sama maka perlu melihat kembali
rancangan tablenya.
c. Pilih tipe data yang tepat sehingga ukuran database seminimal mungkin.
MySQL merupakan Relational Database Management System
(RDBMS) yang didistribusikan secara gratis di bawah lisensi GPL (General
Public Lisence). Dimana setiap orang bebas untuk menggunakan MySQL,
namun tidak boleh dijadikan produk turunan yang bersifat closed source
atau komersial.
MySQL sebenarnya merupakan turunan salah satu konsep utama
dalam database sejak lama, yaitu SQL (Structure Query Language). SQL
merupakan sebuah konsep pengoperasian database, terutama untuk
pemilihan/seleksi dan pemasukkan data yang memungkinkan pengoperasian
data dikerjakan dengan mudah secara otomatis. Kendala suatu sistem
database (DBMS) dapat diketahui dan cara kerja optimizer-nya dalam
melakukan proses perintah-perintah SQL yang dibuat oleh user maupun
program-program aplikasinya.
Sebagai database server, MySQL dapat dikatakan lebih unggul
dibandingkan dengan database server yang lainnya dalam query data.
1) Keistimewaan MySQL
Sebagai database yang memiliki konsep database modern, MySQL
memiliki banyak sekali keistimewaan yang dimilikinya, yaitu :
a. Portability
MySQL dapat berjalan stabil pada berbagai sistem operasi
diantaranya adalah seperti Windows, Linux, FreeBSD, Mac OS X
server, Solaris, Amiga, HP-UX dan masih banyak lagi.
31
b. Open Source
MySQL didstribusikan secara open source (gratis), dibawah
lisensi GPL.
c. Multiuser
MySQL dapat digunakan oleh beberapa user dalam waktu yang
bersamaan tanpa mengalami masalah atau konflik. Hal ini
memungkinkan sebuah database server MySQL dapat diakses client
secara bersamaan.
d. Perfomance Tuning
MySQL memiliki kecepatan yang menabjukkan dalam menangani
query sederhana, dengan kata lain dapat memproses lebih banyak
SQL per satuan waktu.
e. Column Types
MySQL memiliki tipe kolom yang sangat kompleks, seperti
signed/unsignet integer, floadm double, char, varchar, text, blob,
date, time, datetime, year, serta enum.
f. Command and Function
MySQL memiliki operator dan fungsi secara penuh yang
mendukung perintah SELECT dan WHERE dalam query.
g. Security
MySQL memiliki beberapa lapisan sekuritas seperti level
subnetmask, nama host, dan user dengan sistem perizinan yang
mendetail serta password terensripsi.
h. Stability dan Limits
MySQL mampu menangani database dalam skala besar, dengan
jumlah records lebih dari 50 juta dan 60 ribu table serta 5 miliar
baris. Selain itu, batas indejs yang dapat ditampung mencapai 32
indeks pada tiap tabelnya.
i. Connectivity
MySQL dapat melakukan koneksi dengan client menggunakan
protocol TCP/IP, Unix soket (Unix), atau Named Pipes (NT).
32
j. Localisation
MySQL dapat mendeteksi pesan kesalahan (error code) pada
client dengan menggunakan lebih daru dua puluh bahasa. Meski
demikian, bahasa Indonesia belum termaksud di dalamnya.
k. Interface
MySQL memiliki interface (antar muka) terhadap berbagai
aplikasi dan bahasa pemograman dengan menggunakan fungsi API
(Application Programming Interface).
l. Client dan Tools

MySQL dilengkapi dengan berbagai tool yang dapat digunkan
untuk administrasi database, dan pada setiap tool yang ada disertai
petunjuk online.
m. Struktur Tabel
MySQL memiliki stuktur table yang lebih fleksibel dalam
menangani ALTER TABLE, dibandingkan dengan database lainnya
semacam PostgreSQL ataupun Oracle.
5. WEB
Menurut Sidik (2005:1) Word Wide Web (WWW) atau juga dikenal
dengan WEB adalah salah satu layanan yang didapat oleh pemakai
komputer yang terhubung ke internet. Pertama kali diciptakan pada tahun
1991 di CREN, Laboratorium Fisika Partikel Eropa Jenawa, Swiss. Tujuan
awalnya adalah untuk menciptakan media yang mudah untuk berbai
informasi di antara para fisikawan dan ilmuan.
Infromasi yang terdapat di Web disebut halaman Web (web page).
Untuk mengakses sebuah halaman Web dari browser, pemakai perlu
menyebutkan URL (Uniform Resource Lacator). URL Tersusun atas tiga
bagian :
a. Format Transfer
b. Nama host, dan
33
c. Path berkas dokumen.

6. XAMPP
XAMPP adalah perangkat lunak babas, yang mendukung banyak
sistem operasi, merupakan komilasi dari beberapa program. Fungsinya
adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas
program Apache HTTP Server, MySQL database, dan penerjemah bahasa
yang ditulis dengan bahasa pemograman PHP dan Perl.
BAB III
ANALISA DAN HASIL
A. Analisa Sistem yang Sedang Berjalan
Analisa sistem yang sedang berjalan pada Rahmad Photography
Batusangkar, bertujuan untuk mengetahui lebih jelas dan terperinci
bagaimana system kerja tersebut dan masalah yang terdapat pada system
tersebut untuk dapat dijadikan system yang baru agar terkomputerisasi.
1. Aliran Sistem yang Sedang Berjalan
Analisa sistem yang sedang berjalan merupakan pedoman untuk
merancang sistem yang baru, sebab dengan menganalisa sistem yang
sedang berjalan dapat diketahui kelemahan-kelemahan dari sistem yang
lama dan keunggulan dari sistem yang baru. sistem yang lama akan
dijadikan perbandingan terhadap sistem yang baru yang akan diterapkan.
Analisis sistem bertujuan mencari pemecahan masalah yang dihadapi di
sistem tersebut agar masalah yang sama tidak terjadi lagi di saat yang
akan datang. Alur Sistem informasi yang lama :
a. Customer yang ingin memesan paket langsung datang ke studio
untuk memesan paket yang diinginkan
b. Petugas memberikan brosur daftar paket
c. Customer memilih paket yang diinginkan
d. Petugas memverifikasi paket
e. Petugas memberikan faktur pemesanan
f. Data faktur pemesanan di rekap untuk membuat laporan bulanan dan
diberikan ke pemilik studio
34
35
Gambar 3. 1
Aliran Sistem Informasi Lama
36
2. Evaluasi sistem yang sedang berjalan

Evalusi sistem dilakukan untuk mengetahui masalah yang terjadi
pada system yang lama sebagai dasar untuk merancang system yang
baru. system yang ada sudah dapat dikatakan berjalan dengan baik, tetapi
masih terdapat kekurangan dalam pemesanan jasa fotografi di rahmad
photography, antara lain:
a. Proses pemesanan masih dengan cara manual dengan datang ke studio
rahmad photography dan menanyakan informasi dan harga paket
b. Untuk membuat laporan bulanan hanya memanfaatkan nota, sehingga
ada kemungkian bisa hilang
3. Perancangan Sistem
Perancangan system merupakan sebuah aktivitas untuk merancang
atau mendesain sebuah sistem yang baik, dimana isinya adalah langkah-
langkah operasi dalam proses pengolahan data dan prosedur untuk
mendukung operasi sistem, tujuan utama pada perancangan sistem yaitu
untuk memenuhi semua kebutuhan para pemakai sistem tersebut dan untuk
memberi sebuah gambaran yang jelas dan rancang bangun yang lengkap
rencana pengembangan system ke bentuk desain untuk memudahkan
pengguna melihat rancangan yang telah dibuat. langkah-langkah untuk
merancang dengan membuat asi baru, context diagram, dfd, dan erd.
1. Perancangan Global
a. Aliran Sistem Informasi (ASI)
Setelah dilakukan penganalisaan terhadap aliran sistem
informasi lama, maka sudah diketahui bagaimana proses perancangan
sistem informasi e-commerce terhadap pemesanan jasa fotografi.
Berdasarkan analisa diatas ditemukan pula sejauh mana kelemahan dari
sistem lama tersebut
Perancangan sistem informasi ecommerce ini dengan yang ada
sekarang pada prinsipnya sama, perbedaannya adalah dahulu untuk
memesan dan membayar harus datang ke studio, sekarang untuk
37
memesan bisa dimana saja kapan saja melalui website dan untuk
membayar bisa melalui bank terdekat
Untuk lebih jelasnya Aliran Sistem Informasi baru yang akan
dirancang dapat dilihat pada gambar dibawah ini
Gambar 3. 2 Aliran Sistem Informasi yang Diusulkan

38
b. Context Diagram
Context diagram merupakan alat bantu perancangan secara
global yang memperlihatkan sistem secara umum dan bagian-bagian
dari sub sistem yang terlibat di dalam sistem secara keseluruhan,
Dimana dalam keterkaitan dan interaksi antar sub sistem-sub sistem.
Pada context diagram sistem informasi e-commerce pemesanan jasa
photography berbasis web pada rahmad photography batusagkar terdiri
dari tiga entiti, yaitu : Customer, Petugas, Pemilik studio. Conteks
diagram berikut ini merupakan aliran data dari entity ke entity yang
lain. Conteks diagram sistem informasi e-commerce pemesanan jasa
photography berbasis web pada rahmad photography batusagkar dapat
dilihat pada gambar berikut
Gambar 3. 3 Context Diagram

39
c. Data Flow Diagram

Data Flow Diagram digunakan untuk membuat model sistem
informasi dalam bentuk jaringan proses–proses yang saling
berhubungan antara satu dengan yang lain oleh aliran data. Adapun
Data Flow Diagram yang di usulkan dalam Sistem Informasi E-
Commerce pemesanan jasa photography berbasis web pada rahmad
photography batusagkar sebagai berikut :
Gambar 3. 4 Data Flow Diagram

40
d. Entity Relationship Diagram

Entity Relationship Diagram merupakan suatu diagram yang
menggambarkan rancangan data yang akan disimpan atau bentuk logika
yang akan dipakai untuk menganalisa dan mendesain suatu basis data
yang akan dibuat. Adapun diagram ERD Pada Sistem Informasi E-
Commerce pemesanan jasa photography berbasis web pada rahmad
photography batusagkar adalah sebagai berikut :
Gambar 3. 5 Entity Relationship Diagram
2. Perancangan Terperinci
1. Desain output
Desain output merupakan bentuk laporan yang dihasilkan sistem
yang dirancang sedemikian rupa sehingga dapat digunakan untuk
kemajuan suatu usaha dan dapat dipakai sehingga bahan perbandingan
oleh pemilik usaha dalam mengambil keputusan. Adapun desain output
yang telah penulis rancang adalah sebagai berikut :
41
a. Laporan pemesanan
Laporan yang menampilkan/mencetak transaksi pemesanan
jasa fotografi yang pernah dicatat dalam program dalam bentuk
laporan
Gambar 3. 6
laporan data transaksi
b. Laporan Penjualan Per Periode

Laporan yang berisi kumpulan informasi penjualan per
periode yang disusun dan diinformasikan sebagai bahan pencatatan
dan analisa penjualan
Gambar 3. 7
Laporan Penjualan Per Periode
42
c. Laporan Penjualan Per Jenis Paket

Laporan yang berisi kumpulan informasi penjualan per
periode yang disusun dan diinformasikan sebagai bahan pencatatan
dan analisa penjualan
Gambar 3.8
Laporan Penjualan Per Jenis Paket
d. Faktur pemesanan
Faktur yang diterima oleh customer atau pembeli dari perusahaan
Gambar 3. 9
Faktur pemesanan
43
2. Desain Input
Masukan (input) adalah awal dimulainya proses informasi.
Bahan mentah dari infromarsi adalah data yang terjadi dari transaksi-
transaksi. Sampah yang masuk sampah yang keluar. Oleh karena itu
desain input harus benar-benar menerima input bukan sampah. Desain
input terinci dimulai dari desain dokumen dasar sebagai penangkap
input yang pertama kali. Jika dokumen dasar tidak didesain dengan
baik, kemungkinan input yang tercatat dapat salah
Dalam setiap pemrosesan perlu ada data masukan, dimana data
yang akan diproses harus dimasukkan terlebih dahulu, tentunya melalui
interface (perangkat penghubung) antara pengguna dengan hardware
dan software.
Untuk itu agar memudahkan dan tidak terjadinya kesalahan
pemasukan data, maka dirancang bentuk menu tampilan yang mudah
digunakan untuk memasukkan data tersebut Berikut.
a) Desain Form Input pemesanan paket
Pada halaman ini customer bisa memesan paket yang diinginkan
Gambar 3. 10
form input pemesanan paket
44
b) Desain input customer

Pada halaman ini user melakukan registrasi input data diri
atau mendaftar sebagai customer
Gambar 3. 11
form input customer
c) Desain input paket
Pada halaman ini admin dapat menginput jenis-jenis paket
yang nanti bisa dipesan oleh customer
Gambar 3. 12
form input paket
45
3. Desain File
File merupakan kumpulan data-data yang dibentuk oleh
beberapa. Data-data yang tersimpan dalam program ini seterusnya
diproses oleh sistem informasi yang menghasilkan output atau laporan
yang nantinya dapat disajikan kepada pemakai laporan atau informasi
yang dihasilkan tersebut.
Berdasarkan output yang telah dirancang serta bentuk input dari
program yang nantinya akan diterapkan maka didesainlah file-file yang
diperlukan untuk sistem informasi pengolahan data surat masuk.
a. File Entry Proses Pemesanan
Database Name : db_foto
Table Name : transaksi
Field Key : id_trx
Fungsi : Menyimpan data pemesanan
Tabel 3. 1
Desain File Entry Data pemesanan
46
b. File Entry Data customer

Table Name : customer
Field Key : id_user
Fungsi : Menyimpan Data customer
Tabel 3. 2
Desain File Entry Data customer
c. File Entry Data paket

Table Name : paket
Field Key : id_paket
Fungsi : Menyimpan Data paket
Tabel 3. 3
Desain File Entry Data paket
BAB IV
PENUTUP
A. Kesimpulan
Setelah penulis membangun suatu website E-commerce pemesanan jasa
fotografi pada Rahmad Photography, maka dapat diambil beberapa kesimpulan
sebagai berikut:
1. Dengan adanya sistem informasi e-commerce pemesanan jasa fotografi pada

Rahmad photography menjadi lebih efektif karena dapat memberikan
informasi yang lebih lengkap dan cepat dengan menggunakan website
sebagai media promosi dan informasi Rahmad Photography
2. Sistem informasi e-commerce pemesanan jasa fotografi berbasis web pada

rahmad photography telah dapat memudahkan dalam pengelolaan transaksi
pemesanan jasa fotografi dan memudahkan dalam pembuatan laporan
karena sudah menggunakan database
B. Saran
Setelah membangun website E-commerce pemesanan jasa fotografi
pada Rahmad Photography ini, penulis menyadari bahwa masih banyak
kekurangan dalam perancangan sistem yang dibuat. Oleh karena itu pada
kesempatan ini penulis ingin memberikan beberapa saran yang nantinya
berguna dalam perbaikan dimasa yang akan datang, yang diantaranya adalah:
1. Agar penerapan website E-commerce pemesanan jasa fotografi pada

Rahmad Photography ini dapat berjalan dengan baik, maka dibutuhkan
sumber daya manusia yang minimal menguasai komputer serta melakukan
training atau pelatihan tentang cara penggunaan sistem ini
2. Pemeliharaan dan penyempurnaan sistem harus terus dilakukan sesuai

perkembangan dan kebijaksanaan perusahaan agar sistem ini dapat
berfungsi sesuai dengan apa yang diinginkan
47
DAFTAR PUSTAKA
Budi Sutedjo. 2002. Perancangan Dan Pengembangan Sistem Informasi.

Yogjakarta: Andi.
Kertahadi. 2007. Pengertian Sistem Informasi. Jakarta: PT Pustaka Binaman

Pressindo.
Madcoms. 2011. Dreamweaver CS5 Dan PHP MySQL Untuk Pemula.

Yogjakarta: Andi.
Maulana, Shabur Miftah, Heru Susilo, and Riyadi. 2015. “Implementasi E-

Commerce Sebagai Media Penjualan Online.” Jurnal Administrasi Bisnis
29(1):1–9.
Mulyono, Eko Budi, Benni Purnama, and Effiyaldi. 2019. “Sistem Informasi Jasa
Fotografi Berbasis Web Pada Green Photography Jambi.” Ilmiah Mahasiswa
Sistem Informasi 1(4):317–30.
Rappler.com. 2018. “Gambaran Pemanfaatan Teknologi Informasi Di Indonesia.”

Www.Rappler.Com. Retrieved (https://www.rappler.com/world/bahasa-
indonesia/perkembangan-teknologi-informasi-digital-internet).
Sugiri. 2008. Pengelolaan Database MySQL Dengan PHP MyAdmin. Yogjakarta:

Graha Ilmu.
Supriyanto, Aji. 2005. Pengertian Sistem. Yogjakarta: Ekosiona.
Wahyono. 2004. Analisis Dan Desain Sistem Informasi. Yogjakarta: Andi.

LAMPIRAN
1. Listning Program
 Fronthand
a. Config ke database
<?php
$myHost = "localhost";
$myUser = "root";
$myPass = "";
$myDbs = "db_foto";
$pagedesc = "Rahmad Photography";
$koneksidb = mysqli_connect( $myHost, $myUser, $myPass, $myDbs);
if (! $koneksidb) {
echo "Failed Connection !";
} ?>
b. Index
<?php
session_start();
include('includes/config.php');
include('includes/format_rupiah.php');
error_reporting(0);
?>
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<title><?php echo $pagedesc;?></title>

<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<link rel="stylesheet" href="assets/css/owl.carousel.css" type="text/css">
<link rel="stylesheet" href="assets/css/owl.transitions.css" type="text/css">
<link href="assets/css/slick.css" rel="stylesheet">
<link href="assets/css/bootstrap-slider.min.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" id="switcher-css" type="text/css"

href="assets/switcher/css/switcher.css" media="all" />
<link rel="alternate stylesheet" type="text/css"

href="assets/switcher/css/red.css" title="red" media="all" data-default-
color="true" />

href="assets/switcher/css/orange.css" title="orange" media="all" />

href="assets/switcher/css/blue.css" title="blue" media="all" />
href="assets/switcher/css/pink.css" title="pink" media="all" />

href="assets/switcher/css/green.css" title="green" media="all" />

href="assets/switcher/css/purple.css" title="purple" media="all" />
<link rel="apple-touch-icon-precomposed" sizes="144x144"

href="assets/images/favicon-icon/apple-touch-icon-144-precomposed.png">

href="assets/images/favicon-icon/apple-touch-icon-114-precomposed.html">

<link rel="apple-touch-icon-precomposed"
<link rel="shortcut icon" href="admin/img/fav.png">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900"
rel="stylesheet">
</head>
<body>

<?php include('includes/colorswitcher.php');?>


<?php include('includes/header.php');?>



<section id="banner" class="banner-section">
<div class="container">
<div class="div_zindex">
<div class="row">
<div class="col-md-30 col-md-push-18">
<div class="banner_content">
<marquee> <h1>Abadikan semua momen indah anda.</h1>
<p>Kami membantu anda dalam mengabadikan setiap momen yang tak

terlupakan. </p></marquee>
<a href="paket.php" class="btn">Selengkapnya <span

class="angle_arrow"><i class="fa fa-angle-right"
aria-hidden="true"></i></span></a> </div>
</div>
</div>
</div>
</div>
</section>
<center><h1>Lokasi Studio</h1></center>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d3989.686288795411!2d100.53427531430164!3d-0.4661236354117078!2m3!
1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!
1s0x2fd52f39507c4495%3A0x7d110df59eda07c2!2sRahmad%20Photograpy!
5e0!3m2!1sid!2sid!4v1590167519554!5m2!1sid!2sid" width="1350"
height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-
hidden="false" tabindex="0"></iframe>


<?php include('includes/footer.php');?>


<div id="back-top" class="back-top"> <a href="#top"><i class="fa fa-angle-up"

aria-hidden="true"></i> </a> </div>


<?php include('includes/login.php');?>


<?php include('includes/registration.php');?>


<?php include('includes/forgotpassword.php');?>


<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/interface.js"></script>

<script src="assets/switcher/js/switcher.js"></script>

<script src="assets/js/bootstrap-slider.min.js"></script>

<script src="assets/js/slick.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
</body>

<nav id="navigation_bar" class="navbar navbar-default">
<div class="navbar-header">
<button id="menu_slide" data-target="#navigation" aria-expanded="false"

data-toggle="collapse" class="navbar-toggle collapsed" type="button"> <span
class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div class="header_wrap">
<div class="user_login">
<ul>
<li class="dropdown" bgcolor="blue"> <a href="#" data-

toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-
user-circle" aria-hidden="true"></i>
<?php
$email=$_SESSION['ulogin'];
$sql ="SELECT nama_user FROM member WHERE email='$email'";
$query = mysqli_query($koneksidb,$sql);
if(mysqli_num_rows($query)>0)
{
while($results = mysqli_fetch_array($query))
echo htmlentities($results['nama_user']); }}?>
<i class="fa fa-angle-down" aria-hidden="true"></i></a>
<ul class="dropdown-menu">
<?php if($_SESSION['ulogin']){?>
<li><a href="profile.php">Profile Settings</a></li>
<li><a href="update-password.php">Update Password</a></li>
<li><a href="riwayatsewa.php">Riwayat Pesanan</a></li>
<li><a href="logout.php">Sign Out</a></li>
<?php }?>
</ul>
</li>
</ul>
</div>
</div>
<div class="collapse navbar-collapse" id="navigation">
<ul class="nav navbar-nav">
<li><a href="index.php">Home</a></li>
<li><a href="paket.php">Daftar Paket</a></li>
<li><a href="gallery.php">Galeri</a></li>
<li><a href="page.php?type=faqs">FAQs</a></li>
<li><a href="page.php?type=aboutus">Tentang Kami</a></li>
</ul>
</div>
</div>
</nav>

</header>
d. Footer
<?php
if(isset($_POST['emailsubscibe']))
$subscriberemail=$_POST['subscriberemail'];
$sql ="SELECT * FROM subscribers WHERE email_sub='$subscriberemail'";
if(mysqli_num_rows($query)>0)
echo "<script>alert('Already Subscribed.');</script>";
else{
$sql1="INSERT INTO subscribers(email_sub) VALUES('$subscriberemail')";
$lastInsertId=mysqli_query($koneksidb, $sql1);
if($lastInsertId)
echo "<script>alert('Subscribed successfully.');</script>";
else
echo "<script>alert('Something went wrong. Please try again');</script>";
?>
<footer>
<div class="footer-top">
<div class="row">
<div class="col-md-6">
<h6>Tentang Kami</h6>
<ul>
<li><a href="page.php?type=aboutus">Tentang Kami</a></li>
<li><a href="page.php?type=faqs">FAQs</a></li>
<li><a href="page.php?type=privacy">Privacy</a></li>
<li><a href="page.php?type=terms">Terms of use</a></li>
<li><a href="admin/">Admin Login</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="row">
<div class="col-md-6 col-md-push-6 text-right">
<div class="footer_widget">
<p>Connect with Us:</p>
<ul>
<li><a href="https://web.facebook.com/rahmad.capund0ank"><i
class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
<li><a href="https://www.instagram.com/amaik_potret91/"><i class="fa

fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="https://api.whatsapp.com/send?
phone=6285271212026&text=Halo%20Admin%20Saya%20Mau%20Order
%20jasa%20fotografi"><i class="fa fa-whatsapp"
aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-md-pull-6">
<p class="copy-right">©2020 Ahmad Zaki Ardiansyah (Kyy).</p>
</div>
</div>
</div>
</div>
</footer>
e. Login Member
<?php
if(isset($_POST['login']))
$email=$_POST['email'];
$password=md5($_POST['password']);
$sql = "SELECT * FROM member WHERE email='$email' AND

password='$password'";
$results = mysqli_fetch_array($query);
if(mysqli_num_rows($query)>0){
$_SESSION['ulogin']=$_POST['email'];
$_SESSION['fname']=$results['nama_user'];
$currentpage=$_SERVER['REQUEST_URI'];
echo "<script type='text/javascript'> document.location = '$currentpage';

</script>";
} else{
echo "<script>alert('Email atau Password Salah!');</script>";
?>
<div class="modal fade" id="loginform">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-

label="Close"><span aria-hidden="true">×</span></button>
<h3 class="modal-title">Login</h3>
</div>
<div class="modal-body">
<div class="row">
<div class="login_wrap">
<div class="col-md-12 col-sm-6">

<form method="post">
<div class="form-group">
<input type="email" class="form-control" name="email"

placeholder="Alamat Email">
</div>
<input type="password" class="form-control" name="password"

placeholder="Password">
</div>
<div class="form-group checkbox">
<input type="checkbox" id="remember">
</div>
<input type="submit" name="login" value="Login" class="btn btn-

block">
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer text-center">

<p>Belum punya akun? <a href="regist.php">Daftar Disini</a></p>

</div>
</div>
</div>
</div>
f. Registrasi Member
<?php
session_start();
error_reporting(0);
?>
<!DOCTYPE HTML>
<html lang="en">
<head>



color="true" />







rel="stylesheet">
<script type="text/javascript">
function checkLetter(theform)
pola_nama=/^[a-zA-Z .]*$/;
if (!pola_nama.test(theform.fullname.value)){
alert ('Hanya huruf yang diperbolehkan untuk Nama!');
theform.fullname.focus();
return false;
if(theform.pass.value!= thform.conf.value)
alert("New Password and Confirm Password Field do not

match!");
theform.conf.focus();
return false;
}
return (true);
</script>
function checkAvailability() {
$("#loaderIcon").show();
jQuery.ajax({
url: "check_availability.php",
data:'emailid='+$("#emailid").val(),
type: "POST",
success:function(data){
$("#user-availability-status").html(data);
$("#loaderIcon").hide();
},
error:function (){}
});
</script>
</head>
<body>



<section class="user_profile inner_pages">
<div class="user_profile_info">
<h6 align="center">Registrasi Member</h6>
<form method="post" name="theform" action="registact.php"

id="theform" onSubmit="return checkLetter(this);" enctype="multipart/form-
data">
<input type="text" class="form-control" name="fullname"

placeholder="Nama Lengkap" required="required">
</div>
<input type="number" class="form-control" name="mobileno"

placeholder="Nomer Telepon" minlength="10" maxlength="15"
required="required">
</div>
<input type="email" class="form-control" name="emailid"

id="emailid" onBlur="checkAvailability()" placeholder="Alamat Email"
required="required">
<span id="user-availability-status" style="font-size:12px;"></span>
</div>
<input type="text" class="form-control" name="alamat"

placeholder="Alamat" required="required">
</div>
<input type="password" class="form-control" id="pass" name="pass"

placeholder="Password" required="required">
</div>
<input type="password" class="form-control" id="conf" name="conf"

placeholder="Konfirmasi Password" required="required">
</div>
<div class="form-group checkbox">
<input type="checkbox" id="terms_agree" required="required"

checked="">
<label for="terms_agree">Saya Setuju dengan <a href="#">Syarat

dan Ketentuan yang berlaku</a></label>
</div>
<input type="submit" value="Sign Up"class="btn btn-block">
</div>
</form>
<div class="modal-footer text-center">
<p>Sudah punya akun? <a href="#loginform" data-

toggle="modal" data-dismiss="modal">Login Disini</a></p>
</div>
</div>
</div>
</div>
</section>

<


<div id="back-top" class="back-top"> <a href="#top"><i class="fa fa-angle-up"

aria-hidden="true"></i> </a> </div>


<?php include('includes/login.php');?>


<?php include('includes/registration.php');?>


<?php include('includes/forgotpassword.php');?>




</body>
</html>
g. Form pemesanan
<?php
session_start();
error_reporting(0);
if(strlen($_SESSION['ulogin'])==0){
header('location:index.php');
}else{
$tglnow = date('Y-m-d');
$tglmulai = strtotime($tglnow);
$jmlhari = 86400*1;
$tglplus = $tglmulai+$jmlhari;
$now = date("Y-m-d",$tglplus);
if(isset($_POST['submit'])){
$fromdate=$_POST['fromdate'];
$tglnow = date('Y-m-d');
$id=$_POST['id'];
$nama_paket=$_POST['nama_paket'];
$jam=$_POST['jam'];
$cat=$_POST['catatan'];
$email=$_SESSION['ulogin'];
$stt = "Menunggu Pembayaran";
$trx = date('dmYHis');
$id_user=$_POST['id_user'];
$sql = "INSERT INTO transaksi

(id_trx,email,id_paket,nama_paket,tgl_trx,stt_trx,tgl_take,jam_take,catatan,id_us
er)
VALUES('$trx','$email','$id','$nama_paket','$tglnow','$stt','$fromdate','$jam','$cat
','$id_user')";
if($query){
echo " <script> alert ('Transaksi Berhasil.'); </script> ";
echo "<script type='text/javascript'> document.location =

'riwayatsewa.php'; </script>";
}else{
echo " <script> alert ('Ooops, terjadi kesalahan. Silahkan coba lagi.');
</script> ";
echo "<script type='text/javascript'> document.location = 'booking.php?
id=$id'; </script>";
?>
<!DOCTYPE HTML>
<html lang="en">
<head>



color="true" />








rel="stylesheet">
</head>
<body>




<?php
$id=$_GET['id'];
$useremail=$_SESSION['login'];
$sql1 = "SELECT * FROM paket WHERE id_paket='$id'";
$query1 = mysqli_query($koneksidb,$sql1);
$result = mysqli_fetch_array($query1);
?>
function valid()
if(document.sewa.todate.value < document.sewa.fromdate.value){

alert("Tanggal selesai harus lebih besar dari tanggal mulai sewa!");
return false;
if(document.sewa.fromdate.value < document.sewa.now.value){
alert("Tanggal sewa minimal H-1!");
return false;
return true;
</script>
<section class="user_profile inner_pages">
<div class="product-listing-img"><img src="admin/gallery/<?php echo

htmlentities($result['foto_paket']);?>" class="img-responsive" alt="Image" />
</a> </div>
<div class="product-listing-content">
<h5><?php echo htmlentities($result['nama_paket']);?></a></h5>
<p class="list-price"><?php echo

htmlentities(format_rupiah($result['harga']));?></p>
</div>
</div>
<div class="user_profile_info">
<form method="post" name="sewa" onSubmit="return valid();">
<input type="hidden" class="form-control" name="id"

value="<?php echo $id;?>"required>
<input type="hidden" class="form-control" name="email"

value="<?php echo $id;?>"required>
<label class="hidden" >ID User</label>
<?php
$sql=mysqli_query($koneksidb,"SELECT * FROM
member");
while ($view=mysqli_fetch_assoc($sql)) {
?>
<input type="text" class="form-control hidden"

name="id_user" value="<?= $view['id_user'];?>" readonly required>
<?php } ?>
</div>
<label class="hidden" >Nama Paket</label>
<input type="text" class="form-control hidden"

name="nama_paket" value="<?php echo htmlentities($result['nama_paket']);?>"
readonly hidden required>
</div>
<label>Tanggal Pengambilan Foto</label>
<input type="date" class="form-control"

name="fromdate" placeholder="From Date(dd/mm/yyyy)" required>
<input type="hidden" name="now" class="form-control"

value="<?php echo $now;?>">
</div>
<label>Jam</label><br/>
<select class="form-control" name="jam" required>
<option value="" selected>== Pilih Jam

==</option>
<option value="07:00">07:00</option>
</select>
</div>
<label>Alamat Lengkap</label>
<textarea class="form-control" name="catatan"

placeholder="" required></textarea>
</div>
<br/>
<input type="submit" name="submit" value="Submit" class="btn btn-

block">
</div>
</form>
</div>
</div>
</div>
</section>




</body>
</html>
<?php } ?>
 Backhand
b. Config
<?php
$myHost = "localhost";
$myUser = "root";
$myPass = "";
$myDbs = "db_foto";
$pagedesc = "Rahmad Photography";
$koneksidb = mysqli_connect( $myHost, $myUser, $myPass, $myDbs);
if (! $koneksidb) {
echo "Failed Connection !";
?>
c. Index
<?php
session_start();
if(isset($_POST['login']))
$email=$_POST['username'];
$password=md5($_POST['password']);
$sql = "SELECT * FROM admin WHERE UserName='$email' AND

Password='$password'";
$results = mysqli_fetch_array($query);
if(mysqli_num_rows($query)>0){
$_SESSION['alogin']=$_POST['username'];
$_SESSION['id']=$results['id'];
echo "<script type='text/javascript'> document.location =

'dashboard.php'; </script>";
} else{
echo "<script>alert('Email atau Password Salah!');</script>";
?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,

minimum-scale=1, maximum-scale=1">
<meta name="author" content="">
<link rel="shortcut icon" href="img/fav.png">

<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-social.css">
<link rel="stylesheet" href="css/bootstrap-select.css">
<link rel="stylesheet" href="css/fileinput.min.css">
<link rel="stylesheet" href="css/awesome-bootstrap-checkbox.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="login-page bk-img" style="background-image:

url(img/11.jpg);">
<div class="form-content">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<h1 class="text-center text-bold

text-light mt-4x">Login Admin</h1>
<div class="well row pt-2x pb-

3x bk-light">
<div class="col-md-8
col-md-offset-2">
<form
method="post">
<label
for="" class="text-uppercase text-sm">Username </label>
<input
type="text" placeholder="Username" name="username" class="form-control
mb">
<label
for="" class="text-uppercase text-sm">Password</label>
<input
type="password" placeholder="Password" name="password" class="form-
control mb">
<button
class="btn btn-primary btn-block" name="login"
type="submit">LOGIN</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
</body>
</html>
d. Transaksi pemesanan
<?php
session_start();
error_reporting(0);
include('includes/library.php');
if(strlen($_SESSION['alogin'])==0){
header('location:index.php');}
else{
?>
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,

minimum-scale=1, maximum-scale=1">
<meta name="author" content="">
<meta name="theme-color" content="#3e454c">
<link rel="shortcut icon" href="img/fav.png">

<link rel="stylesheet" href="css/font-awesome.min.css">

<link rel="stylesheet" href="css/bootstrap.min.css">

<link rel="stylesheet" href="css/dataTables.bootstrap.min.css">

<link rel="stylesheet" href="css/bootstrap-social.css">

<link rel="stylesheet" href="css/bootstrap-select.css">

<link rel="stylesheet" href="css/fileinput.min.css">


<link rel="stylesheet" href="css/awesome-bootstrap-checkbox.css">

<link rel="stylesheet" href="css/style.css">
<style>
.errorWrap {
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #dd3d36;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
.succWrap{
padding: 10px;
margin: 0 0 20px 0;
background: #fff;
border-left: 4px solid #5cb85c;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
</style>
</head>
<body>
<div class="ts-main-content">
<?php include('includes/leftbar.php');?>
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="page-title">Data
Transaksi </h2>

<div class="modal fade bs-example-modal" id="myModal" tabindex="-

1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<p>One fine body…</p>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="js/Chart.min.js"></script>
<script src="js/fileinput.js"></script>
<script src="js/chartData.js"></script>
<script src="js/main.js"></script>
<script>
var app = {
code: '0'
};
$('[data-load-code]').on('click',function(e) {
e.preventDefault();
var $this = $(this);
var code = $this.data('load-code');
if(code) {
$($this.data('remote-
target')).load('sewaview.php?code='+code);
app.code = code;
});
$('[data-load-id]').on('click',function(e) {
e.preventDefault();
var $this = $(this);
var code = $this.data('load-id');
if(code) {
$($this.data('remote-
target')).load('userview.php?code='+code);
app.code = code;
});
</script>
</body>
</html>
<?php } ?>
1. Fronthand
a. Dashboard Awal
b. Daftar Paket
c. Form Login
d. Form Pendaftaran
2. Backhand
a. Dashboard Admin
b. Laporan per periode
c. Laporan per Jenis Paket

Tugas Akhir

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Akhir

Diunggah oleh

Hak Cipta:

Format Tersedia

“SISTEM INFORMASI E-COMMERCE PEMESANAN JASA

PHOTOGRAPHY BERBASIS WEB PADA RAHMAD PHOTOGRAPHY

Ditulis Sebagai Syarat Untuk Memperoleh Gelar Ahli Madya

AHMAD ZAKI ARDIANSYAH

JURUSAN MANAJEMEN INFORMATIKA

Ahmah Zaki Ardiansyah

sehingga dapat meningkatkan kemampuan perusahaan yang konsisten,

langsung ke perusahaan, sehingga layanan bisa dilakukan pada jam kerja

Berdasarkan latar belakang di atas maka penulis ingin mengambilnya

2. Meningkatkan penjualan jasa dan jangkauan pemasaran jasa pada Rahmad

2. Library Research (Studi Kepustakaan)

BAB IV Penutup, Bab ini berisi kesimpulan yang didapat selama

A. Gambaran Umum Perusahaan

4. Meningkatkan pemotretan yang inovatif

Struktur organisasi dalam studio Rahmad Photography dikepalai

5. Konsep Dasar Sistem Informasi

2) Batasan Sistem (boundary)

suatu tujuan tertentu. Selanjutnya Anton M. Moeliono juga

Secara sederhana dapat dikatakan bahwa data diolah menjadi

Menurut Jogiyanto (2005:31), nilai informasi ditentukan oleh

dan pemakai intern dan ekstern dan menyediakan dasar untuk

2) Blok Model (Model Block)

1. Aliran Sistem Informasi (ASI)

Simbol-simbol standar yang akan digunakan dalam pembuatan ASI dapat

Dokumen. Simbol ini digunakan untuk

Proses Manual. Simbol ini digunakan

Proses Komputer / Online Computer

Arsip. Simbol ini digunakan untuk

Penghubung pada halaman yang sama.

Decision. Simbol ini digunakan untuk

Penghubung pada halaman yang

Garis Alir. Simbol ini menunjukkan

Diagram konteks digunakan untuk memberikan gambaran umum tentang

3. Data Flow Diagram (DFD)

Kesatuan Luar / External Entity.

Proses. Simbol ini digunakan untuk

Penyimpanan Data / Data Store.

Aliran Data. Menunjukkan arus dalam

4. Entity Relationship Diagram (ERD)

Simbol-simbol yang digunakan dalam Entity Relationship Diagram

Entity. Simbol yang menyatakan

Attribute. Simbol terminal ini untuk

Primary Key Attribute. Simbol atribut

Relationship. Simbol ini menyatakan

Link. Simbol berupa garis ini digunakan

Hubungan/relasi antar atribut yang terdapat pada sistem konseptual secara

3) Ternary, adalah satu entiti berhubungan dengan beberapa entiti yang

mengakses data tersebut, baik untuk menambah, mengubah bahkan

l. Client dan Tools

c. Path berkas dokumen.

2. Evaluasi sistem yang sedang berjalan

Gambar 3. 2 Aliran Sistem Informasi yang Diusulkan

Gambar 3. 3 Context Diagram

c. Data Flow Diagram

Gambar 3. 4 Data Flow Diagram

d. Entity Relationship Diagram

Gambar 3. 5 Entity Relationship Diagram

b. Laporan Penjualan Per Periode

c. Laporan Penjualan Per Jenis Paket

b) Desain input customer

b. File Entry Data customer

c. File Entry Data paket