BAB 1 PENDAHULUAN - Contoh | untuk bisa dipakai dan...
Transcript of BAB 1 PENDAHULUAN - Contoh | untuk bisa dipakai dan...
http://contoh.in
BAB 1
PENDAHULUAN
1.1. LATAR BELAKANG
Djarum Super adalah sebuah merk rokok kretek yang cukup terkenal di Indonesia.
Djarum Super sendiri menyediakan sebuat situs portal dimana pada situs tersebut terdapat
profil Perusahaan Djarum Super. Selain itu, dari situs ini para pengunjung dapat membaca
artikel-artikel mengenai acara-acara yang diselenggarakan oleh Djarum Super sendiri
maupun acara yang disponsori Djarum Super. Disini juga dapat dibaca artikel-artikel yang
berasal dari masyarakat mengenai petualangan yang telah dilalui. Dengan memanfaatkan
teknologi web ini, Djarum Super juga dapat menjadikan portal situs mereka sebagai ajang
promosi sehingga keberadaan Djarum Super dapat lebih dikenal masyarakat luas.
Adapun visi dan misi dalam pembuatan ulang portal situs Djarum Super adalah :
VISI
• Memaanfaatkan sistem informasi melalui website dengan memanfaatkan
keunggulan Teknologi Informasi terkini untuk membangun kekuatan bisnis
terdepan dalam teknologi.
• Menjadi yang terbaik dalam memberikan kemudahan bagi para pengunjung
situs untuk megetahui acara-acara terbaru yang memiliki hubungan dengan
Djarum Super.
• Memberikan penyajian pelayanan yang terbaik untuk pengguna website dan
menjadikan website ini menjadi suatu bisnis yang memiliki prospek yang
bagus untuk masa yang akan datang.
MISI
• Terus menyajikan artikel-artikel yang enak untuk dibaca dan selalu up to date
• Membuat situs Djarum Super menjadi lebih baik dalam kinerja dan isi
http://contoh.in
1.2 TUJUAN PENULISAN
Tujuan dari pembuatan karya tulis ini adalah :
• Membahas bagaimana cara membuat dan merancang sebuah situs dengan
referensi situs asli dari perusahaan Djarum Super ( www.djarumsuper.com)
sehingga pembaca dapat mengetahui tahapan-tahapan yang dibutuhkan dalam
pengembangan sebuah situs sesuai prosedur dan sistematis.
• Memenuhi tugas akhir dari Mata Kuliah Web Database, yaitu membuat sebuah
situs portal dari Djarum Super
http://contoh.in
BAB 2
METODE PENELITIAN
2.1 METODE PERANCANGAN SISTEM
Metode perancangan yang kami terapkan dalam pembuatan situs ini adalah sebagai
berikut:
Sebelum melakukan pengembangan dari portal situs yang ada, petama-tama kami
melakukan analisis atas situs yang telah ada sebelumnya dengan mengobservasi secara
langsung dan mencoba menelusuri situs Djarum Super, menganalisis data, dan juga
menganalisis data situs, setelah analisis dilakukan maka selanjutnya dilakukan perencanaan
berupa tahapan-tahapan desain logis data, desain logis web data, desain fisikal data, dan
desain fisikal data web. Kemudian implementasi dilakukan dengan cara melakukan
pembuatan database dan coding menggunakan bahasa pemograman. Setelah coding selesai
dilakukan, maka coding tersebut digabungkan dengan desain web tersebut. Selanjutnya
dilakukan pengecekan terhadap sistem yang ada untuk menemukan apakah ada kesalahan
pada sistem. Setelah selesai, merapikan semua desain dalam portal situs tersebu.
Penjelasan lebih lengkap akan dijabarkan pada Bab Perancangan dan Hasil.
http://contoh.in
2.2 CARA KERJA SISTEM
HIRARKI WEB
PORTAL SITUS DJARUM SUPER
ADMINPENGUNJUNG
Produk Super
Acara Super
Petualangan Super
Log Out
Masukkan Artikel
Lihat Artikel
Jurnal Petualangan
Tips Petualangan
Acara Olahraga
Acara Musik
Acara Petualangan
Penghargaan Djarum
Tentang Djarum
Hapus Artikel
Ubah Artikel
http://contoh.in
USE CASE
Insert, Update, Delete
Artikel
Insert
Photo
Validasi Login
ADMIN
USERS
PROGRAMMER
Video
Insert
http://contoh.in
BAB 3
PERANCANGAN DAN HASIL
3.1 REQUIREMENT ANALYSIS
Tahap awal untuk membuat sebuah web yaitu mengumpulkan kebutuhan data dari
perusahaan. Kelompok kami menggunakan teknik observasi dan mempelajari dokomen.
- Observasi yakni kami menganalisis secara sistematis dan melakukan evaluasi secara
langsung terjun ke lapangan dalam arti menjelajahi komponen apa saja yang ada di
website www.djarum-super.com.
- Mempelajari dokumen dimana kami mempelajari system yang ada, kemudian
menganalisa data apa saja yang diperlukan dari web yang dulu untuk web yang kami
buat sekarang dan menentukan tabel-tabel beserta isinya.
3.2 DATA ANALYSIS
Tabel dalam database Djarum Super adalah sebagai berikut :
NAMA TABEL ISI TABEL KETERANGAN
AnggotaID PrimaryKey Nama Pengguna untuk melakukan log in Kode Sandi untuk melakukan log in Nama Lengkap Email
Anggota
Telepon
JenisArtikelID Primary Key Jenis Artikel
JenisArtikel Untuk mengelompokkan artikel sesuai jenisnya
ArtikelID Primary Key JudulArtikel IsiArtikel Isi artikel paragraf 1 IsiArtikel2 Isi artikel paragraf 2 isiArtikel3 Isi artikel paragraf 3
Artikel
IsiArtikel4 Isi artikel paragraf 4
http://contoh.in
3.3 WEB DATA ANALYSIS
Dalam web ini user di bagi menjadi 2 yaitu pengunjung dan admin dimana
pengunjung dapat mengakses semua menu dan sub menu yang ada dalam web ini, namun
tidak dapat mengakses bagian admin. Juga admin yang dapat log in untuk dapat masuk ke
halaman khusus admin dan melakukan penghapusan, perubahan, atau penambahan artikel
dan photo.
Hak akses pengunjung dan Admin :
User Hak akses
Pengunjung Membaca artikel dan acara yang ada, melihat
foto dan mengunduh video yang tertera dalam
website
Admin Memasukkan, menghapus, dan mengubah
artikel yang telah ada
Memasukkan dan menghapus photo yang ada.
PENGUNJUNG SITUS :
− BERANDA
Ada submenu yaitu Petualangan Super yaitu artikel yang menuliskan tentang aksi
petualangan yang pernah dilakukan dan memiliki berbagai tantangan, Acara Super
yaitu artikel tentang acara-acara yang diadakan dan disponsori oleh Djarum Super,
serta Produk Super yaitu mengenai Djarum Super.
− PETUALANGAN SUPER
GambarArtikel JenisArtikel Foreign Key
PhotoID Primary Key JudulPhoto Photo
Photo
AnggotaID Foreign Key
http://contoh.in
Submenu dalam Petualangan Super yaitu Jurnal Petualangan yang berisi tentang jurnal
petualangan yang pernah dilakukan dan Tips Petualang yang berisi tips-tips bagi para
pengunjung situs baik secara umum maupun dalam melakukan petualangan dan
bagaimana cara bertahan dalam bertualang itu sendiri.
− ACARA SUPER
Menu dalam Acara Super adalah acara-acara yang dibuat maupun disponsori oleh
Djarum Super yang berupa : Acara Petualangan berupa acara-acara yang berhubungan
petualangan dan memiliki tantangan, Acara Musik berupa acara-acara yang
behubungan dengan musik, serta Acara Olahraga berupa acara-acara yang
berhubungan dengan olahraga.
− PRODUK SUPER
Sub menu berisikan Tentang Djarum Super yaitu informasi mengenai rokok kretek
Djarum Super serta Penghargaan yaitu apa saja penghargaan yang pernah diterima
oleh Djarum Super.
− INFO JADWAL
Berupa info mengenai jadwal event yang diadakan Djarum Super untuk para pecinta
offroad dan rally, yaitu Djarum Super Real Adventure Offroad
− PHOTO & VIDEO
Berisi kumpulan foto-foto dari acara-acara yang diselenggarakan Djarum Super, serta
video iklan-iklan Djarum Super yang dapat di unduh.
ADMIN :
− BERANDA
Berisi informasi siapa yang sedang log in juga profil dari admin, yaitu nama lengkap,
email, dan telepon. Selain itu juga ada kolom pencarian sehingga admin dapat mencari
artikel yang ingin diubah atau dihapus berdasarkan judul artikel yang ada. Disini
http://contoh.in
admin dapat melakukan proses log out bila telah selesai agar tidak ada pihak yang
tidak bertanggung jawab dapat melakukan hal-hal yang tidak diinginkan.
− ARTIKEL
Menampilkan semua artikel yang ada di database Djarum Super, dan dapat dilakukan
penghapusan atau perubahan pada artikel-artikel tersebut.
− MASUKKAN ARTIKEL
Untuk memasukkan artikel baru pada database Djarum Super dan nanti akan tampil di
bagian pengunjung.
− MASUKKAN FOTO
Untuk memasukkan foto-foto baru pada database Djarum Super dan nanti akan tampil
di halaman Photo dan Video.
3.4 LOGICAL DATA DESIGN
http://contoh.in
3.5 LOGICAL WEB DATA DESIGN
BERANDA : Ini adalah tampilan beranda dimana user atau pengguna dapat melihat isi dari
artikel, foto dan juga mengunduh video. Adapun search box untuk memudahkan user menemukan
artiikel yang diinginkan. Pada footer terdapat menu login untuk admin dapat masuk ke halaman
admin.
http://contoh.in
PHOTO & VIDEO : Untuk para user yang ingin melihat gallery photo-photo dan video bisa
langsung membuka photo dan video kemudian ada juga pilihan untuk mengunduh video yang ada
dalam artikel.
http://contoh.in
LOGIN ADMIN
ADMIN_BERANDA : Berikut adalah contoh tampilan admin , dimana admin memiliki tampilan
beranda , admin dapat melihat artikel , kemudian mengupdate artikel dan tampilan log out .
http://contoh.in
ADMIN_LIHAT ARTIKEL : Jika admin ingin melakukan update atau penghapusan artikel,
admin dapat mengisi form di bawah ini untuk menentukan artikel mana yang akan di ubah
ADMIN_HAPUS & UBAH ARTIKEL
http://contoh.in
ADMIN_UBAH ARTIKEL : Jika admin ingin melakukan update artikel, admin dapat mengisi
form di bawah ini untuk menentukan artikel mana yang akan di ubah, selanjutnya admin dapat
browse file kemudian pilih simpan untuk melakukan update
http://contoh.in
3.6 PHYSICAL DATA DESIGN
Database yang kami gunakan pada situs ini adalah MySql dengan web server nya
yaitu xampp.
NAMA TABEL
ISI TABEL DATA TYPE KETERANGAN
AnggotaID int(2) PrimaryKey Nama Pengguna varchar(50) Kode Sandi varchar(100) Nama Lengkap varchar(100) Email varchar(100)
Anggota
Telepon int(20)
JenisArtikelID int(2) Primary Key Jenis Artikel
JenisArtikel varchar(100)
ArtikelID int(2) Primary Key JudulArtikel varchar(100) IsiArtikel varchar(2000) IsiArtikel2 varchar(2000) isiArtikel3 varchar(2000) IsiArtikel4 varchar(2000) GambarArtikel varchar(100) AnggotaID int(2) Foreign Key
Artikel
JenisArtikelID int(2) Foreign Key
PhotoID int(2) Primary Key JudulPhoto varchar(100) Photo varchar(100)
Photo
AnggotaID int(2) Foreign Key
3.7 PHYSICAL WEB DATA DESIGN
Situs Djarum Super adalah sebuah situs yang akan dibuat menggunakan bahasa
pemrograman PHP. Pembuatan website ini juga akan menggunakan database MySQL untuk
menyimpan database yang akan diperlukan. Halaman-halaman website akan memuat beberapa
gambar-gambar agar halaman website terlihat lebih menarik.
JQuery : Pada header untuk menampilkan pergeseran gambar dan video gallery.
http://contoh.in
BAB 4
KESIMPULAN DAN SARAN
4.1 KESIMPULAN
Dari situs Djarum Super yang telah dibuat ulang, dapat diambil kesimpulan
bahwa dari situs yang hanya berupa situs statis, diubah menjadi situs yang dinamis dimana
situs ini terhubung dengan database dan membuat lebih cepat kinerja nya. Selain itu juga
ditambahkan halaman khusus admin sehingga dapat melakukan penambahan, pengubahan
dan penghapusan artikel serta penambahan dan penghapusan foto.
4.2 SARAN
Tidak ada.