I.
Latar Belakang
Perkembangan aplikasi web
yang semakin pesat sejak munculnya teknologi internet sangat membantu dalam
kemudahan serta kecepatan pengiriman, penyampaian dan penerimaan informasi.
Mulai dari perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi, dan
lembaga atau organisasi lainnya telah banyak memanfaatkan aplikasi web dalam kegiatan penjualan, promosi,
belajar dan kegiatan lainnya dimana dibutuhkan pengiriman, penyebaran dan
penerimaan informasi sehingga memberikan kemudahan bagi pengguna (user) yang membutuhkan.
Aplikasi web atau
bisa disebut juga dengan perangkat lunak berbasis web telah berkembang dengan
pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan
kompleksitasnya. Aplikasi web pada mulanya hanya berupa situs web yang bersifat
statis dan navigated oriented, serta
lebih banyak digunakan sebagai brosur produk atau profil perusahaan online. Pada saat ini aplikasi web telah banyak yang bersifat dinamis,
interaktif dan task oriented untuk digunakan dalam sistem informasi,
telekomunikasi, perdagangan, perbankan dan lain-lain.
Di awal perkembangannya
web hanya digunakan untuk kalangan
akademis dan riset. Namun sekarang selain sebagai media informasi, web digunakan untuk bisnis dan hiburan.
Salah satu jenis website yang banyak
diminati masyarakat saat ini adalah website
berita dan informasi. Website berita
dan informasi adalah situs yang memuat berita-berita dan Order-Order untuk
dibaca pengunjung. Bisa juga berisi opini dan Foto-Foto seputar politik,
teknologi dan lain-lain. Situs-situs berita ini seperti layaknya koran, majalah
dan buletin online. Konsep dan karakteristik situs berita berbeda-beda sesuai
dengan jenis berita dan target pembacanya.
Dahulu penyebaran/penyampaian informasi dan berita-berita terkini
tentang kemajuan teknologi hanya bisa di dapat melalui media cetak seperti
tabloid teknologi dan koran. Hal tersebut menjadi kurang efisien karena
mengeluarkan banyak biaya dan tidak semua orang sempat membeli tabloid/koran untuk
mengikuti berita terkini mengenai teknologi terbaru. Oleh karena itu, perlu
dibangun sebuah website yang khusus
memberikan informasi-informasi terkini mengenai perkembangan teknologi yang
dapat dengan mudah diakses masyarakat luas melalui internet.
II.
Batasan Masalah
Berikut ini adalah
batasan masalah pada situs web yang
ditawarkan.
a.
Dibatasi pada proses pembuatan mockup, admin user serta fitur
pencarian konten yang memungkinkan pengguna menjelajah foto-foto galery pada
web.
b.
Sistem ini dibuat dengan CMS
(Content Management System). Dengan adanya Sistem Pengaturan Content Web ini, pengaturan isi website akan lebih aktual dan fleksibel.
Admin nantinya akan lebih mudah mengelola web
dan melakukan penggantian informasi yang dipublikasikan dalam website Studio
Photo galery ini.
III.
Rumusan Masalah
Apa saja yang diperlukan
situs web ini untuk meningkatkan efektivitas dari penyampaian informasi
sehingga dapat mendorong partisipasi, keterlibatan serta eksplorasi pengguna ?
IV.
Tujuan
Pembuatan website
ini antara lain bertujuan sebagai berikut.
a. Mempermudah dalam proses mendapatkan
informasi tentang foto keluarga, foto wisuda, photo wedding untuk calon pasangan
yang ingin bertunangan atau menikah dan untuk pembuatan undangan lainnya.
b. Mempercepat dalam mengakses website sehingga memudahkan interaksi
antara pengguna dengan sistem yang telah ada.
c. Membantu pengguna untuk
memesan jasa foto memoto untuk proses dokumentasi
V.
Sasaran
Pelajar,
mahasiswa dan masyarakat yang membutuhkan jasa atau pelayanan seperti pra
wedding, foto keluarga, wisuda, dsb.
BAB II
I. Analisis Masalah
Sesuai
dengan latar belakang untuk pembuatan aplikasi ini yaitu mengikuti perkembangan
aplikasi web yang semakin pesat sejak
munculnya teknologi internet sangat membantu dalam kemudahan serta kecepatan
pengiriman, penyampaian dan penerimaan informasi. Berkembangnya teknologi aplikasi membuat orang-orang
menjadi semakin sibuk dalam aktivitasnya yang juga untuk memenuhi perkembangan
di era globalisasi. Semakin sibuknya aktivitasnya menjadi jarang untuk langsung
turun ke lapangan untuk mencari apa yang dibutuhkan. Di era globalisasi ini
yang penuh dengan kesibukan, orang-orang butuh segala sesuatu dapat diselesaikan dengan praktis, efektif
and efisien. Oleh karena itu, kami membuat aplikasi yang dapat mengikuti
perkembangan aplikasi web dan dapat membantu pengguna meningkatkan
efektivitas dari penyampaian informasi sehingga dapat mendorong partisipasi,
keterlibatan serta eksplorasi.
II. Solusi
Aplikasi website
Studio Photo galery dibuat untuk mempermudah pengguna dalam pencarian berita dan informasi
tentang jasa foto untuk acara-acara yang
diadakan oleh pengguna seperti acara pernikahan, pre-wedding, wisuda atau
kelulusan, atau foto keluarga besar. Dengan sistem yang kami punya dapat
mempermudah interaksi antar pengguna.
BAB
III
I.
Biaya Proyek
NO
|
URAIAN
|
HARGA SATUAN (RP)
|
||
1
2
3
4
|
Pembelian
Domain
Pembelian
Hosting 500mb
Pembuatan
Website
Biaya
upload, maintenance, setting online
|
Rp 130.000,-
/tahun
Rp 420.000,-
/tahun
Rp 3.500.000,-
Rp 150.000,-
/bulan
|
||
Jumlah
|
Rp 2.600.000,-
|
|||
Biaya yang dibutuhkan untuk membuat website beserta
pengelolahannya sebesar
Rp
2.600.000,- dan belum termasuk perawatan selama setahun
II.
Jadwal Proyek
Kegiatan
|
Durasi (Hari)
|
Analisis
|
5
|
Analisa Sistem
|
1
|
Pengumpulan Data
|
3
|
Struktur Website
|
1
|
Desain
|
10
|
Tampilan
|
5
|
HTML
|
3
|
Review & Revisi
|
1
|
Penyelesaian Desain
|
1
|
Programming
|
32
|
Analisa
|
2
|
Pemrograman
|
26
|
Review & Revisi
|
3
|
Penyelesaian Desain
|
1
|
Uji
Coba
|
6
|
Uji Coba System Local & Server
|
3
|
Koreksi & Revisi
|
2
|
Tes Keseluruhan
|
1
|
Peluncuran
|
1
|
Online
|
1
|
TOTAL
|
57
|
III.
TIM PELAKSANA
Nama
|
Deskripsi Pekerjaan
|
Reno
|
Programmer
|
Elvin
|
Programmer
|
Dinda
|
Penganalisa
Sistem
|
Diah
|
Desainer
|
Renita
|
Desainer
|
David
|
Penguji
Coba
|
Peran & Tanggung Jawab:
·
Penganalisa Sistem: Bekerja untuk memaksimalkan
kebutuhan/ketertarikan user dalam website yang akan di buat.
·
Desainer: Mendesain website sesuai dengan hasil
analisa/survey sehingga website dapat tampil menarik dan mudah digunakan untuk
user.
·
Programmer: Membuat website sesuai dengan struktur yang
diberikan oleh Penganalisa dan Desainer.
·
Penguji Coba: Berperan seperti layaknya user yang akan
menggunakan website, dan memberikan review agar website dapat lebih baik.
BAB
IV
I.
Pengumpulan Data
Teknik
pengumpulan data dilakukan dengan cara observasi. Data yang akurat didapatkan
melalui proses observasi atau turun langsung untuk mengamati apa saja yang
diperlukan untuk melengkapi perlengkapan bisnis yang dijalani. Data yang
diambil berupa:
·
Data Primer : Stok Produk dan Jenis Produk
Penjelasan à Menyatakan stok produk yang
tersedia dan jenis produk yang dijual dalam bisnis ini, yaitu bingkai, album,
kertas foto. Bingkai digunakan jika pembeli menginginkan hasil fotonya yang
sudah dicetak pada kertas foto ditaruh di bingkai. Demikian halnya dengan
album, pembeli dapat menempelkan hasil cetak fotonya pada album dengan design
yang sesuai dengan keinginan pembeli. Kertas foto adalah komponen atau produk
utama dalam bisnis ini, jika stok kertas foto habis maka proses pembingkaian
dan pengalbuman tidak dapat berjalan, kecuali pembeli hanya menginginkan
bingkai atau album saja.
·
Data Sekunder : Identitas penjual dan pembeli
Penjelasan à Menyatakan identitas
penjual atau dapat disebut dengan profil penjual agar pembeli mengetahui jika
perusahaan ini berjalan secara transparan dan terstruktur. Identitas pembeli
berfungsi untuk mempermudah penjual mengirimkan produk pesanannya dan dapat
pula untuk melengkapi kebutuhan lain.
II.
Perancangan Aplikasi
·
Admin
Dari
gambar flowchart di samping dapat dijelaskan bahwa langkah awal yang dilakukan
admin adalah melakukan login. Pada halaman login tersebut, admin akan
memasukkan username dan password. Apabila username dan password yang dimasukkan
salah maka akan kembali ke halaman login dan apabila username dan password
valid akan tampil halaman dashboard. Pada halaman dashboard ini terdapat
halaman post produk. Jika admin ingin memanipulasi postingan produk, maka admin
dapat memasukkan produk baru kemudian disimpan oleh sistem.
·
Pengunjung/ Pembeli
Pengunjung/ Pembeli
Dari gambar flowchart di samping dapat dijelaskan bahwa
halaman yang pertama muncul adalah halaman utama dari website studio photo.
Pada halaman ini, proses yang dapat dilakukan oleh pengunjung adalah memasukan
foto jika ingin melakukan pemesanan produk. Jika foto sudah dimasukan maka akan
tampil form cetak foto yang berisi pengeditan foto yaitu dapat berupa kontras,
filter, size dan lain-lain. Setelah selesai, pengunjung dapat memilih hasil
cetak foto tersebut di bingkai atau ditempel pada album atau dapat pula hanya
berupa hasil cetak foto saja. Setelah selesai melakukan plihan, sistem akan
otomatis menyimpan dan menampilkan data pembelian atau order
·
User
Pada hirarki halaman
user ini menampilkan alur dan link-link
yang ada di halaman
user yang pertama kali dibuka
setelah user berhasil
melakukan login. Setelah Login, User dapat langsung memesan
produk pada halaman utama/ home. Pada Galery, penjual menampilkan contoh produk
yang sudah jadi sebagai referensi untuk pengunjung/ pembeli. Setelah selesai
melakukan aksi, maka pengunjung dapat keluar dengan cara Logout.
III.
Perancangan Database
a.
DFD (Data Flow Diagram)
Data Flow Diagram (DFD) adalah alat untuk
menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan
satu sama lain dengan alur data, baik secara manual maupun komputerisasi.
i.
Diagram Konteks
Diagram konteks merupakan penggambaran yang memperlihatkan interaksi
sistem yang dibangun dengan entitas yang terlibat di dalamnya. Diagram konteks
dari Website Informasi Teknologi
dapat dilihat pada Gambar berikut ini.
Diagram
konteks di atas menjelaskan tentang interaksi sistem dengan entitas atau
pengguna pada Website Informasi
Teknologi. Dari diagram konteks diatas dapat dijelaskan bahwa dalam Website
tersebut terdapat 2 (dua) pengguna yaitu
Admin, dan Guest, dimana masing-masing pengguna memiliki fasilitas yang
berbeda-beda. Admin adalah orang yang
mengelola konten pada website. Guest merupakan pengguna yang hanya bisa
melihat isi konten dan memberikan Foto pada website.
ii.
DFD Level 0
DFD level 0 merupakan penjabaran
selanjutnya yang lebih rinci dari pemodelan diagram konteks sebelumnya menjadi
proses-proses aliran data. Proses aliran data ini diambil dari pengambaran pada
diagram konteks dipecah menjadi proses-proses baru dalam sistem. Adapun Data Flow Diagram Level 0 dari website ini dapat dilihat pada Gambar
berikut.
a)
Proses Input Foto
(4.0)
Proses
input Foto merupakan proses yang
dilakukan oleh pengguna/ guest ketika
akan memberikan Foto pada sebuah Order yang dia inginkan pada website tersebut.
iii.
DFD (Data Flow Diagram ) Level 1
DFD level 1 menjelaskan
proses manipulasi data yang melibatkan beberapa proses yang ada di dalamnya.
DFD level 1 memberikan gambaran proses-proses manipulasi data yang lebih
kompleks dari diagram level sebelumnya.
1.
DFD Level 1 Kelola Order
1.
Proses Tambah Order (2.1)
Proses
tambah data Order merupakan proses untuk memasukkan data ke dalam basis data
yang ada pada website ini. Proses
tambah data Order dilakukan oleh administrator.
2. Proses Update Order (2.2)
Proses
update Order merupakan proses yang
dilakukan oleh sistem untuk mengubah data yang ada pada website ini. Pengelola proses ini adalah administrator.
3.
Proses Hapus Order (2.3)
Proses
hapus Order merupakan proses yang dilakukan oleh sistem untuk menghapus data
yang ada pada website ini. Pengelola
proses ini adalah administrator.
2.
DFD Level 1 Pencarian Order/Berita
1.
Proses Input Kata
Kunci (3.1)
Proses
input kata kuni merupakan proses
untuk memasukkan kata kunci dari judul Order yang ingin dicari. Proses input kata kunci Order dilakukan oleh
pengunjung. Pengunjung akan memasukkan kata kunci pada menu pencarian, kemudian
akan diproses oleh sistem.
2. Proses Hasil Pencarian (3.2)
Proses
hasil pencarian Order merupakan proses yang dilakukan oleh sistem untuk mencari
data yang ada pada website ini,
sesuai dengan kata kunci yang dimasukkan oleh pengunjung.
3.
Proses Baca Order (3.3)
Proses
baca Order merupakan proses yang dilakukan oleh sistem untuk menampilkan data
yang ada pada website ini sehingga
data tersebut dapat dibaca oleh pengunjung.
3.
DFD Level 1 Input
Foto
1.
Proses Input Foto
(4.1)
Proses
input Foto merupakan proses untuk memasukkan Foto ke dalam basis data yang ada
pada website ini. Proses ini
dilakukan oleh pengunjung yang ingin memberikan Foto terhadap Order yang
diposting.
2. Proses Edit Foto (4.2)
Proses
edit Foto merupakan proses yang dilakukan untuk mengubah data Foto ada pada website ini. Proses ini dapat dilakukan
oleh pengunjung.
3.
Proses Hapus Foto (4.3)
Proses
hapus Foto merupakan proses yang dilakukan untuk menghapus Foto yang ada pada website ini. Proses ini dapat dilakukan
oleh pengunjung.
IV.
Perancangan Userinterface (Mockup)
KELOMPOK 2 :
David William Sidjabat NPM: 51412732
Dimas Reno Bagus Prayogo NPM:
52412145
Dinda Ayu Nurmalasarie NPM:
52412180
Elvin Arief Maulana NPM: 52412476
Renita Carolina NPM: 56412130
Saadiah Talaohu NPM: 56412763
Kelas: 4IA15