dindaayunurmalasarie.files.wordpress.com · Web viewPROPOSAL PEMBUATAN APLIKASI STUDIO PHOTO GALERY PENGANTAR BISNIS INFORMATIKA Komang Disusun oleh: KELOMPOK 2: David William Sidjabat

PROPOSAL PEMBUATAN APLIKASI STUDIO PHOTO GALERY

PENGANTAR BISNIS INFORMATIKA

Komang

Disusun oleh:

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

TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS GUNADARMA

2016

BAB I

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)

1234

Pembelian DomainPembelian Hosting 500mbPembuatan WebsiteBiaya upload, maintenance, setting online

Rp 130.000,- /tahunRp  420.000,- /tahunRp  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

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

Index

Photo 1 Photo 2

Home

User

Login

LogoutGalery 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)