PROPOSAL PENAWARAN WEBSITE BEAUTY AND ST
PROPOSAL PENAWARAN
WEBSITE BEAUTY AND STUDIO PHOTO GALERY
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 akademisi 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 artikel-artikel untuk
dibaca pengunjung. Bisa juga berisi opini dan komentar-komentar 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.
Tujuan
Pembuatan website ini antara lain bertujuan sebagai berikut.
a. Mempermudah dalam proses pencarian berita dan mendapatkan informasi Tentang kecantikan
bagi pria ataupun wanita dan photo wedding untuk calon pasangan yang ingin bertunangan
atau minikah dan untuk undangan lainnya.
b. Situs web yang dibangun ini menggunakan teknologi cangggih untuk mempercepat di dalam
mengakses website sehingga memudahkan interaksi antara pengguna dengan sistem yang
telah ada.
c. Situs web ini memerlukan komponen multimedia untuk meningkatkan efektivitas dari
penyampaian informasi sehingga dapat mendorong partisipasi, keterlibatan serta eksplorasi
pengguna.
d. Besar harapan kami agar tercipta sebuah jalinan kerjasama yang dapat menguntungkan antara
perusahan salon Kecantikan dan pelanggan yang tertarik dengan apa yang ada dalam menu
websit salon kecantikan dan photo-photo yang untuk mengeabadkan momen tetntang yang
penah pelanggan lalui agar bias diabadikan melalui website Lengking StudioPhoto Gallery.
III. Analisa kebutuhan dan spesifikasi situs web
Berikut ini adalah analisa kebutuhan dan spesifikasi situs web yang ditawarkan.
a. Pengunjung situs web ini adalah masyarakat umum.unuk penampilan, kecantikan anda dan
berbagai konsep untuk pernikahan dan photo-photo dan shoot lainnya.
b. Situs web ini dapat memberikan informasi mengenai kebutuhan tentang wedding, tata rias,dan
kecantikan bagi pengunjung weebsite.
c. Kelebihan sistem ini adalah dapat diakses di mana saja dan 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 Beauty and Lengking
Studio Photo galery ini
IV.
Fasilitas Website
Berikut ini adalah fasilitas yang disediakan pada website.
Contact
Contact untuk mengirim pesan langsung kepada pemilik website melalui email. Selain
itu di dalam fasilitas ini, berisi informasi tentang lokasi di mana tempat pengelola
website berada menggunakan google map.
Berlangganan Artikel
Berlangganan artikel terbaru untuk berlangganan artikel pada website dengan cara
memasukkan email yang aktif. Jadi jika ada artikel baru maka otomatis akan masuk ke
email yang digunakan untuk berlangganan artikel.
Kalender
Kalender ini untuk mengetahui kapan artikel diupload dengan cara mengklik tanggal
pada kalender, maka akan muncul artikel yang dibuat pada tanggal yang dipilih pada
kalender tersebut.
Komentar
Fasilitas ini digunakan untuk memberikan tanggapan pada artikel.
Buku Tamu
Buku Tamu ini berfungsi untuk meninggalkan jejak dari para tamu. Memungkinkan
pengunjung website mengirimkan umpan balik terhadap kinerja website yang berjalan
selama periode tertentu. Dengan keberadaan ini pengelola website akan lebih mudah
menampung aspirasi dari para pengunjung website. Informasi timbal balik ini akan
semakin mempermudah dalam menyuguhkan informasi yang benar-benar bermanfaat
bagi pengunjung
Pencarian
Fasilitas ini digunakan untuk mempermudah mencari artikel yang diinginkan dengan
memasukkan kata kunci.
Menu Navigasi
Fasilitas ini untuk mempermudah gues yang berkunjung dalam mencari artikel yang
sudah dikelompokkan berdasarkan kategorinya.
About
Fasilitas ini berisi informasi tentang pemilik website.
V.
Sketsa Website
Berikut ini adalah sketsa dari website yang ditawarkan.
Gambar 1. Sketsa Website
a. Bentuk web tersebut dibuat simpel yang disertai dengan beberapa tanda/gambar agar
pengunjung dapat dengan mudah menggunakan dan cepat mengerti ketika melihat tanda dan
gambar tersebut pada web. Menu navigasinya dibuat sesuai dengan bentuk dari tampilan
website agar terlihat lebih menarik dan juga dapat mempermudah pengunjung dalam mencari
artikel.
b. Warna yang digunakan adalah biru. Warna biru muda paling banyak mempengaruhi persepsi
konsumen terhadap suatu website. Warna biru muda digunakan untuk memberikan rasa
kemudahan, keterbukaan dan kehandalan layanan kepada pengguna. Selain itu, memberikan
efek menenangkan dan menyenangkan sehingga pengunjung tidak cepat bosan.
c. Perancangan Sistem/Flowchart System
1) Admin
Mulai
Tampil
Halaman Login
Admin
Tidak
Input Username
dan Password
Username dan
Password valid ?
Ya
Login Admin
Tampil Halaman
Dashboard
Tampil Halaman
Post Artikel
Manipulasi Posting
Artikel ?
Ya
Input Artikel
Tidak
Simpan Artikel
Selesai
Gambar 2. Flowchart Admin
Dari gambar flowchart di atas 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 artikel. Jika admin ingin
memanipulasi postingan artikel, maka admin dapat memasukkan artikel baru kemudian
disimpan oleh sistem.
2) Guest/Pengunjung
Mulai
Tampil
Halaman Home
Website
Tidak
Cari Artikel ?
Ya
Pencarian Artikel
Tampil
Halaman Hasil
Pencarian
Pilih Artikel ?
Ya
Baca Artikel
Tidak
Selesai
Gambar 3. Flowchart Guest/Pengunjung
Dari gambar flowchart di atas dapat dijelaskan bahwa halaman yang pertama muncul
adalah halaman utama dari website informasi teknologi. Pada halaman ini, proses yang dapat
dilakukan oleh guest/pengunjung adalah mencari artikel. Jika guest ingin mencari artikel,
maka akan tampil menu pencarian artikel. Guest akan memasukkan jenis artikel apa yang
diinginkan. Sistem akan memproses artikel yang dicari oleh guest, kemudian sistem akan
menampilkan hasil dari pencarian tersebut.
3. 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.
Index
User
Login
Home
Artikel
Artikel Beauty
Artikel Studio
photo Galery
Galery
Photo 1
Logout
Photo 2
d. 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.
1) 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.
Gambar 4. Diagram Konteks
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 komentar pada website.
2) 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.
Record Admin
Informasi Login Admin
1.0
Login Admin
Username Password
Record Admin
Admin
Tabel Admin
Record Artikel
Data Artikel
2.0
Kelola Artikel
Informasi Artikel
Record Artikel
Tabel Artikel
Informasi Artikel
3.0
Pencarian
Artikel
Kata Kunci
Record Artikel
Record Artikel
Guest
Tabel Komentar
Data Komentar
4.0
Input
Komentar
Informasi Komentar
Record Komentar
Record Komentar
Gambar 5.
Data Flow Diagram Level 0
a) Proses Login Admin (1.0)
Di dalam proses login admin, admin akan memasukkan username dan password yang
dimiliki oleh masing-masing admin. Username dan password tersebut akan digunakan
untuk mengakses website yang akan digunakan oleh admin untuk mengelola konten
website.
b) Proses Kelola Artikel (2.0)
Proses Kelola Artikel merupakan proses untuk menambah, mengupdate, dan
menghapus artikel yang digunakan sebagai konten dari website tersebut. Proses ini
hanya bisa dilakukan oleh admin saja.
c) Proses Pencarian Artikel (3.0)
Proses Pencarian Artikel merupakan proses yang akan dilakukan oleh pengguna/guest
ketika akan mencari artikel apa yang dia inginkan pada website.
d) Proses Input Komentar (4.0)
Proses input komentar merupakan proses yang dilakukan oleh pengguna/ guest ketika
akan memberikan komentar pada sebuah artikel yang dia inginkan pada website
tersebut.
3) 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.
a) DFD Level 1 Kelola Artikel
Data Artikel
Record Artikel
2.1
Tambah Artikel
Data Artikel
Admin
Data Artikel
Data Artikel
Data Artikel
Data Artikel
Record Artikel
2.2
Update Artikel
2.3
Hapus Artikel
Record Artikel
Record Artikel
Tabel Artikel
Record Artikel
Record Artikel
Gambar 6. Data Flow Diagram Level 1 Kelola Artikel
1. Proses Tambah Artikel (2.1)
Proses tambah data artikel merupakan proses untuk memasukkan data ke dalam
basis data yang ada pada website ini. Proses tambah data artikel dilakukan oleh
administrator.
2. Proses Update Artikel (2.2)
Proses update artikel merupakan proses yang dilakukan oleh sistem untuk
mengubah data yang ada pada website ini. Pengelola proses ini adalah
administrator.
3. Proses Hapus Artikel (2.3)
Proses hapus artikel merupakan proses yang dilakukan oleh sistem untuk
menghapus data yang ada pada website ini. Pengelola proses ini adalah
administrator.
b) DFD Level 1 Pencarian Artikel/Berita
Data Kata Kunci
Guest
Data Artikel
Data Artikel
Data Artikel
3.1
Input Kata
Kunci
3.2
Hasil
Pencarian
3.3
Baca Artikel
Record Artikel
Record Artikel
Tabel Artikel
Record Artikel
Record Artikel
. DFD Level 1 Pencarian Artikel
1. Proses Input Kata Kunci (3.1)
Proses input kata kuni merupakan proses untuk memasukkan kata kunci dari judul
artikel yang ingin dicari. Proses input kata kunci artikel 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 artikel 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 Artikel (3.3)
Proses baca artikel merupakan proses yang dilakukan oleh sistem untuk
menampilkan data yang ada pada website ini sehingga data tersebut dapat dibaca
oleh pengunjung.
c) DFD Level 1 Input Komentar
Data Komentar
4.1
Input
Komentar
Data Komentar
Guest
Data Komentar
Data Komentar
4.2
Edit Komentar
Data Komentar
Data Komentar
4.3
Hapus
Komentar
Record Komentar
Record Komentar
Record Komentar
Record Komentar
Tabel Komentar
Record Komentar
Record Komentar
Gambar 8. DFD Level 1 Input Komentar
1. Proses Input Komentar (4.1)
Proses input komentar merupakan proses untuk memasukkan komentar ke dalam
basis data yang ada pada website ini. Proses ini dilakukan oleh pengunjung yang
ingin memberikan komentar terhadap artikel yang diposting.
2. Proses Edit Komentar (4.2)
Proses edit komentar merupakan proses yang dilakukan untuk mengubah data
komentar ada pada website ini. Proses ini dapat dilakukan oleh pengunjung.
3. Proses Hapus Komentar (4.3)
Proses hapus komentar merupakan proses yang dilakukan untuk menghapus
komentar yang ada pada website ini. Proses ini dapat dilakukan oleh pengunjung.
VI. Penutup
Demikian proposal pembuatan Website Beauty and Studio Photo Galery yang kami
tawarkan kepada Bapak/Ibu agar
dapat menjadi pertimbangan. Harapan kami untuk dapat
bekerja sama dengan Bapak/Ibu dalam pembuatan website ini. Atas kerjasamanya kami ucapkan
terima kasih.
WEBSITE BEAUTY AND STUDIO PHOTO GALERY
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 akademisi 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 artikel-artikel untuk
dibaca pengunjung. Bisa juga berisi opini dan komentar-komentar 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.
Tujuan
Pembuatan website ini antara lain bertujuan sebagai berikut.
a. Mempermudah dalam proses pencarian berita dan mendapatkan informasi Tentang kecantikan
bagi pria ataupun wanita dan photo wedding untuk calon pasangan yang ingin bertunangan
atau minikah dan untuk undangan lainnya.
b. Situs web yang dibangun ini menggunakan teknologi cangggih untuk mempercepat di dalam
mengakses website sehingga memudahkan interaksi antara pengguna dengan sistem yang
telah ada.
c. Situs web ini memerlukan komponen multimedia untuk meningkatkan efektivitas dari
penyampaian informasi sehingga dapat mendorong partisipasi, keterlibatan serta eksplorasi
pengguna.
d. Besar harapan kami agar tercipta sebuah jalinan kerjasama yang dapat menguntungkan antara
perusahan salon Kecantikan dan pelanggan yang tertarik dengan apa yang ada dalam menu
websit salon kecantikan dan photo-photo yang untuk mengeabadkan momen tetntang yang
penah pelanggan lalui agar bias diabadikan melalui website Lengking StudioPhoto Gallery.
III. Analisa kebutuhan dan spesifikasi situs web
Berikut ini adalah analisa kebutuhan dan spesifikasi situs web yang ditawarkan.
a. Pengunjung situs web ini adalah masyarakat umum.unuk penampilan, kecantikan anda dan
berbagai konsep untuk pernikahan dan photo-photo dan shoot lainnya.
b. Situs web ini dapat memberikan informasi mengenai kebutuhan tentang wedding, tata rias,dan
kecantikan bagi pengunjung weebsite.
c. Kelebihan sistem ini adalah dapat diakses di mana saja dan 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 Beauty and Lengking
Studio Photo galery ini
IV.
Fasilitas Website
Berikut ini adalah fasilitas yang disediakan pada website.
Contact
Contact untuk mengirim pesan langsung kepada pemilik website melalui email. Selain
itu di dalam fasilitas ini, berisi informasi tentang lokasi di mana tempat pengelola
website berada menggunakan google map.
Berlangganan Artikel
Berlangganan artikel terbaru untuk berlangganan artikel pada website dengan cara
memasukkan email yang aktif. Jadi jika ada artikel baru maka otomatis akan masuk ke
email yang digunakan untuk berlangganan artikel.
Kalender
Kalender ini untuk mengetahui kapan artikel diupload dengan cara mengklik tanggal
pada kalender, maka akan muncul artikel yang dibuat pada tanggal yang dipilih pada
kalender tersebut.
Komentar
Fasilitas ini digunakan untuk memberikan tanggapan pada artikel.
Buku Tamu
Buku Tamu ini berfungsi untuk meninggalkan jejak dari para tamu. Memungkinkan
pengunjung website mengirimkan umpan balik terhadap kinerja website yang berjalan
selama periode tertentu. Dengan keberadaan ini pengelola website akan lebih mudah
menampung aspirasi dari para pengunjung website. Informasi timbal balik ini akan
semakin mempermudah dalam menyuguhkan informasi yang benar-benar bermanfaat
bagi pengunjung
Pencarian
Fasilitas ini digunakan untuk mempermudah mencari artikel yang diinginkan dengan
memasukkan kata kunci.
Menu Navigasi
Fasilitas ini untuk mempermudah gues yang berkunjung dalam mencari artikel yang
sudah dikelompokkan berdasarkan kategorinya.
About
Fasilitas ini berisi informasi tentang pemilik website.
V.
Sketsa Website
Berikut ini adalah sketsa dari website yang ditawarkan.
Gambar 1. Sketsa Website
a. Bentuk web tersebut dibuat simpel yang disertai dengan beberapa tanda/gambar agar
pengunjung dapat dengan mudah menggunakan dan cepat mengerti ketika melihat tanda dan
gambar tersebut pada web. Menu navigasinya dibuat sesuai dengan bentuk dari tampilan
website agar terlihat lebih menarik dan juga dapat mempermudah pengunjung dalam mencari
artikel.
b. Warna yang digunakan adalah biru. Warna biru muda paling banyak mempengaruhi persepsi
konsumen terhadap suatu website. Warna biru muda digunakan untuk memberikan rasa
kemudahan, keterbukaan dan kehandalan layanan kepada pengguna. Selain itu, memberikan
efek menenangkan dan menyenangkan sehingga pengunjung tidak cepat bosan.
c. Perancangan Sistem/Flowchart System
1) Admin
Mulai
Tampil
Halaman Login
Admin
Tidak
Input Username
dan Password
Username dan
Password valid ?
Ya
Login Admin
Tampil Halaman
Dashboard
Tampil Halaman
Post Artikel
Manipulasi Posting
Artikel ?
Ya
Input Artikel
Tidak
Simpan Artikel
Selesai
Gambar 2. Flowchart Admin
Dari gambar flowchart di atas 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 artikel. Jika admin ingin
memanipulasi postingan artikel, maka admin dapat memasukkan artikel baru kemudian
disimpan oleh sistem.
2) Guest/Pengunjung
Mulai
Tampil
Halaman Home
Website
Tidak
Cari Artikel ?
Ya
Pencarian Artikel
Tampil
Halaman Hasil
Pencarian
Pilih Artikel ?
Ya
Baca Artikel
Tidak
Selesai
Gambar 3. Flowchart Guest/Pengunjung
Dari gambar flowchart di atas dapat dijelaskan bahwa halaman yang pertama muncul
adalah halaman utama dari website informasi teknologi. Pada halaman ini, proses yang dapat
dilakukan oleh guest/pengunjung adalah mencari artikel. Jika guest ingin mencari artikel,
maka akan tampil menu pencarian artikel. Guest akan memasukkan jenis artikel apa yang
diinginkan. Sistem akan memproses artikel yang dicari oleh guest, kemudian sistem akan
menampilkan hasil dari pencarian tersebut.
3. 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.
Index
User
Login
Home
Artikel
Artikel Beauty
Artikel Studio
photo Galery
Galery
Photo 1
Logout
Photo 2
d. 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.
1) 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.
Gambar 4. Diagram Konteks
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 komentar pada website.
2) 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.
Record Admin
Informasi Login Admin
1.0
Login Admin
Username Password
Record Admin
Admin
Tabel Admin
Record Artikel
Data Artikel
2.0
Kelola Artikel
Informasi Artikel
Record Artikel
Tabel Artikel
Informasi Artikel
3.0
Pencarian
Artikel
Kata Kunci
Record Artikel
Record Artikel
Guest
Tabel Komentar
Data Komentar
4.0
Input
Komentar
Informasi Komentar
Record Komentar
Record Komentar
Gambar 5.
Data Flow Diagram Level 0
a) Proses Login Admin (1.0)
Di dalam proses login admin, admin akan memasukkan username dan password yang
dimiliki oleh masing-masing admin. Username dan password tersebut akan digunakan
untuk mengakses website yang akan digunakan oleh admin untuk mengelola konten
website.
b) Proses Kelola Artikel (2.0)
Proses Kelola Artikel merupakan proses untuk menambah, mengupdate, dan
menghapus artikel yang digunakan sebagai konten dari website tersebut. Proses ini
hanya bisa dilakukan oleh admin saja.
c) Proses Pencarian Artikel (3.0)
Proses Pencarian Artikel merupakan proses yang akan dilakukan oleh pengguna/guest
ketika akan mencari artikel apa yang dia inginkan pada website.
d) Proses Input Komentar (4.0)
Proses input komentar merupakan proses yang dilakukan oleh pengguna/ guest ketika
akan memberikan komentar pada sebuah artikel yang dia inginkan pada website
tersebut.
3) 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.
a) DFD Level 1 Kelola Artikel
Data Artikel
Record Artikel
2.1
Tambah Artikel
Data Artikel
Admin
Data Artikel
Data Artikel
Data Artikel
Data Artikel
Record Artikel
2.2
Update Artikel
2.3
Hapus Artikel
Record Artikel
Record Artikel
Tabel Artikel
Record Artikel
Record Artikel
Gambar 6. Data Flow Diagram Level 1 Kelola Artikel
1. Proses Tambah Artikel (2.1)
Proses tambah data artikel merupakan proses untuk memasukkan data ke dalam
basis data yang ada pada website ini. Proses tambah data artikel dilakukan oleh
administrator.
2. Proses Update Artikel (2.2)
Proses update artikel merupakan proses yang dilakukan oleh sistem untuk
mengubah data yang ada pada website ini. Pengelola proses ini adalah
administrator.
3. Proses Hapus Artikel (2.3)
Proses hapus artikel merupakan proses yang dilakukan oleh sistem untuk
menghapus data yang ada pada website ini. Pengelola proses ini adalah
administrator.
b) DFD Level 1 Pencarian Artikel/Berita
Data Kata Kunci
Guest
Data Artikel
Data Artikel
Data Artikel
3.1
Input Kata
Kunci
3.2
Hasil
Pencarian
3.3
Baca Artikel
Record Artikel
Record Artikel
Tabel Artikel
Record Artikel
Record Artikel
. DFD Level 1 Pencarian Artikel
1. Proses Input Kata Kunci (3.1)
Proses input kata kuni merupakan proses untuk memasukkan kata kunci dari judul
artikel yang ingin dicari. Proses input kata kunci artikel 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 artikel 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 Artikel (3.3)
Proses baca artikel merupakan proses yang dilakukan oleh sistem untuk
menampilkan data yang ada pada website ini sehingga data tersebut dapat dibaca
oleh pengunjung.
c) DFD Level 1 Input Komentar
Data Komentar
4.1
Input
Komentar
Data Komentar
Guest
Data Komentar
Data Komentar
4.2
Edit Komentar
Data Komentar
Data Komentar
4.3
Hapus
Komentar
Record Komentar
Record Komentar
Record Komentar
Record Komentar
Tabel Komentar
Record Komentar
Record Komentar
Gambar 8. DFD Level 1 Input Komentar
1. Proses Input Komentar (4.1)
Proses input komentar merupakan proses untuk memasukkan komentar ke dalam
basis data yang ada pada website ini. Proses ini dilakukan oleh pengunjung yang
ingin memberikan komentar terhadap artikel yang diposting.
2. Proses Edit Komentar (4.2)
Proses edit komentar merupakan proses yang dilakukan untuk mengubah data
komentar ada pada website ini. Proses ini dapat dilakukan oleh pengunjung.
3. Proses Hapus Komentar (4.3)
Proses hapus komentar merupakan proses yang dilakukan untuk menghapus
komentar yang ada pada website ini. Proses ini dapat dilakukan oleh pengunjung.
VI. Penutup
Demikian proposal pembuatan Website Beauty and Studio Photo Galery yang kami
tawarkan kepada Bapak/Ibu agar
dapat menjadi pertimbangan. Harapan kami untuk dapat
bekerja sama dengan Bapak/Ibu dalam pembuatan website ini. Atas kerjasamanya kami ucapkan
terima kasih.