11
BAB III. PERANCANGAN SISTEM 3.1 Perangkat Lunak
Dalam pembuatan Perancangan Sistem Informasi
Promosi Condotel Berbasis Web Pada PT.Anugerah Tri Artha
penulis menggunakan perangkat lunak/software sebagai
berikut :
a. Adobe Dreamweaver CS5
Penulis menggunakan software ini karena software ini
sering digunakan oleh para programmer dan bahasa
yang digunakan mudah dipahami.
b. Xampp 1.8.1
Xampp adalah sebuah aplikasi yang dapat merangkum
beberapa beberapa server sekaligus. Fungsinya
adalah sebagai server yang berdiri sendiri (Localhost).
Penulis menggunakan Apache dan MySQL yang telah
disediakan didalam aplikasi xampp.
c. Windows 7
Windows 7 adalah sistem operasi yang sangat popular
saat ini, penulis menggunakan ini karena tampilan
yang mudah dipahami dan software yang penulis
12 3.2 Lembar Kerja Tampilan (LKT)
1. Halaman Awal website
Gambar 3.1 LKT Ha la man A wal Website
Navigasi :
Klik Home untuk kehalaman utama. Klik About As untuk kehalaman about us. Klik Atria Condotel & Conference untuk
kehalaman informasi condotel.
Klik Contact Us untuk kehalaman kontak. Klik Gallery untuk kehalaman galeri
Klik News Update untuk melihat berita terbaru Klik Our Partner untuk melihat partner
13
Keterangan :
Teks Menu navigasi memakai jenis huruf Open Sans ukuran 14pt
Teks Content memakai jenis huruf Open Sans
ukuran 12pt
2. Halaman Atria Condotel & condeference
Pada halaman ini mencakup berberapa halaman yang
mempunyai tampilan yang sama seperti:
14
Gambar 3.2 LKT Ha la man Atria Condotel & Conference
Navigasi:
Klik Home untuk kehalaman utama. Klik About Us untuk kehalaman about us. Klik Atria Condotel & Conference untuk
kehalaman informasi condotel.
Klik Contact Us untuk kehalaman kontak. Klik Gallery untuk kehalaman galeri.
Klik News Update untuk melihat berita terbaru Klik Our Partner untuk melihat partner
perusahaan.
Klik Job Oppurtunities untuk kehalaman
lowongan pekerjaan.
Klik Special Promo untuk melihat promo
spesial.
Klik Event untuk melihat acara atau event
yang akan dilaksanakan atau sudah
15 Klik O verview untuk melihat desain awal
condotel.
Klik Facilities untuk melihat fasilitas- fasilitas
dari condotel.
Klik Unit Type untuk melihat tiper-tipe
condotel yang akan dibangun.
Klik Floor Plan untuk melihat denah lantai condotel.
Klik Location Map untuk melihat denah lokasi
yang akan dibangun condotel.
Klik Price List untuk melihat daftar harga
condotel.
Klik Concept untuk melihat konsep dari condotel.
Klik Information untuk menuju kehalaman
informasi.
Klik Gallery untuk melihat galeri tentang
condotel.
Keterangan :
Text menu navigasi menggunakan jenis huruf
Open Sans ukuran 14pt.
Text content menggunakan jenis huruf Open
16 Text judul menggunakan jenis huruf Open
Sans ukuran 14pt.
3. Halaman Contact Us
Pada halaman ini mencakup beberapa halaman yang
memiliki tampilan sama adalah sebagai berikut: Halaman Progress
Halaman gallery Halaman News Update Halaman Our Partner Halaman Special Promo Halaman Event
Gambar 3.3 LKT Ha la man Contact Us
Navigasi :
Klik Home untuk kehalaman utama. Klik About Us untuk kehalaman about us. Klik Atria Condotel & Conference untuk
17 Klik Contact Us untuk kehalaman kontak. Klik Gallery untuk kehalaman galeri.
Klik News Update untuk melihat berita terbaru Klik Our Partner untuk melihat partner
perusahaan.
Klik Job Oppurtunities untuk kehalaman
lowongan pekerjaan.
Klik Special Promo untuk melihat promo spesial.
Klik Event untuk melihat acara atau event
yang akan dilaksanakan atau sudah
dilaksanakan oleh perusahaan.
Keterangan :
Text menu navigasi menggunakan jenis huruf
Open Sans ukuran 14pt.
Text content menggunakan jenis huruf Open
Sans ukuran 12 pt.
Text judul menggunakan jenis huruf Open
Sans ukuran 14pt.
4. Halaman About Us
Halaman yang menampilkan tentang sejarah
18
Gambar 3.4 LKT Ha la man About Us
Navigasi:
Klik Home untuk kehalaman utama. Klik About Us untuk kehalaman about us. Klik Atria Condotel & Conference untuk
kehalaman informasi condotel.
Klik Contact Us untuk kehalaman kontak. Klik Gallery untuk kehalaman galeri.
Klik News Update untuk melihat berita terbaru Klik Our Partner untuk melihat partner
perusahaan.
Keterangan:
Text menu navigasi menggunakan jenis huruf
Open Sans ukuran 14pt.
Text content menggunakan jenis huruf Open
19 Text judul menggunakan jenis huruf Open
Sans ukuran 14pt.
5. Halaman Administrator
Halaman yang berfungsi untuk mengubah informasi
berupa teks,dan gambar.
Gambar 3.5 LKT Ha la man Ad ministrator
Navigasi:
Klik menu utama untuk mengubah halaman-halaman
website
Klik Menu Gallery untuk mengubah Gallery
Klik Menu The Condotel untuk mengubah halaman
condotel
Klik Menu User untuk mengubah halaman tentang
user
Keterangan:
Teks button menggunakan jenis huruf Arial dengan
20 Teks menu menggunakan jenis huruf arial Uppercase
dengan ukuran 12pt
1.3 Jaringan Se matik Tampilan (JST)
Jaringan Semantik Tampilan merupakan pengetahuan
secara grafis yang menunjukkan hubungan antar berbagai
objek,adapun JST dalam pembuatan website yang telah
dibuat adalah sebagai berikut:
8
21
b. Klik halaman Contact Us dari halaman Atria
Condotel & Conference atau klik Halaman Atria
Condotel & Conference dari halaman Contact Us.
c. Klik halaman Progress dari halaman Contact Us atau
klik halaman Contact Us dari halaman Progress
d. Klik halaman Gallery dari halaman Progress atau
klik halaman Progress dari halaman Gallery.
e. Klik halaman News Update dari halaman Gallery
atau klik halaman Gallery dari halaman News
Update.
f. Klik halaman O ur Partner dari halaman News
Update atau klik halaman News Update dari halaman
Our Partner.
dari halaman Atria Condotel & Conference.
i. Klik halaman Home dari halaman Our Partner atau
klik halaman O ur Partner dari halaman Home.
j. Klik halaman Gallery dari halaman O ur Partner atau
klik halaman O ur Partner dari halaman Gallery.
k. Klik halaman About Us dari halaman News Update
atau klik halaman News Update dari halaman About
22
l. Klik halaman Home dari halaman About Us atau klik
halaman About Us dari halaman Home.
m. Klik halaman Contact Us dari halaman About Us
atau klik halaman About Us dari halaman Contact
Us.
n. Klik halaman Atria Condotel & Conference dari
halaman Home atau klik halaman Home dari
halaman Atria Condotel & Conference.
o. Klik halaman Gallery dari halaman Atria Condotel &
Conference atau klik halaman Atria Condotel &
Conference dari halaman Gallery.
p. Klik halaman Progress dari halaman Atria Condotel
& Conference atau klik halaman Atria Condotel &
Conference dari halaman Progress.
q. Klik halaman Contact Us dari halaman Home atau
klik halaman Home dari halaman Contact Us.
r. Klik halaman Contact Us dari halaman News Update
atau klik halaman News Update dari halaman
Contact Us
s. Klik halaman Gallery dari halaman Contact Us atau
klik halaman Contact Us dari halaman Gallery.
t. Klik halaman Progress dari halaman Home atau klik
halaman Home dari halaman Progress.
u. Klik halaman Gallery dari halaman Home atau klik
23
v. Klik halaman News Update dari halaman Home atau
klik halaman Home dari halaman News Update.
w. Klik halaman Job Oppurtunities dari halaman Atria
Condotel & Conference dari halaman Special Promo.
y. Klik halaman Event dari halaman Atria Condotel &
Conference atau klik halaman Atria Condotel &
Conference dari halaman Event.
Keterangan :
1. Halaman Home
2. Halaman About Us
3. Halaman Atria Condotel & Conference
4. Halaman Contact Us
5. Halaman Progress
6. Halaman Gallery
7. Halaman News Update
8. Halaman Our Partner
9. Halaman Job Oppurtunities
10.Halaman Special Promo
24 3.2 Context Diagram (CD)
Diagram konteks pada sistem pembuatan website
promosi ditujukan pada gambar
Sistem informasi promosi PT.Anugerah Tri Artha
admin pengunjung
Informasi data calon pelanggan dan calon
investor
Gambar 3.7 Context Diagram
3.3 Data Flow Diagram (DFD)
Gambar 3.8 DFD tingkat 0 Sistem info rmasi website promosi PT.Anugerah
Tri Artha
25 ADMIN
Hapus Informasi Perusahaan
Tambah Informasi Perusahaan
Hapus informasi perusahaan
Hapus Berita
Tambah Berita
Update Berita
Data pengunjung
Informasi perusahaan
Data Berita
Pembeli
Informasi pembeli
Update Informasi Pengunjung
Hapus informasi pengunjung
Gambar 3.9 DFD tingkat 1 Sistem info rmasi website promosi PT.Anugerah
26 3.4 Daftar Tabel
Gambar 3.10 daftar tabel 3.5 Struktur Tabel
Struktur tabel pada pembuatan Sistem Informasi
Website Promosi PT.Anugerah Tri Arta adalah sebagai
berikut:
1. Tabel User
Tabel User digunakan untuk menyimpan Username
dan Password untuk proses login, digunakan untuk
identifikasi saat proses login pada halaman
27
Gambar 3.11 Struktur Tabe l User
2. Tabel Album
Tabel Album digunakan untuk mengelompokkan foto
ataupun gambar yang dalamnya berisi foto-foto yang
mendeskripsikan album.
Gambar 3.12 Struktur Tabe l Albu m
3. Tabel Banner
Tabel Banner digunakan untuk menampilkan iklan
yang akan ditampilkan pada halaman website.
28 4. Tabel Berita
Tabel Berita digunakan untuk menapilkan berita-berita
seputar informasi condotel pada halaman website.
Gambar 3.14 Struktur Tabe l Berita 5. Tabel Event
Tabel Event Digunakan Untuk menapilkan acara yang
diselenggarakan oleh pihak perusahaan.
Gambar 3.15 Struktur Tabe l Event
6. Tabel Favicon
Tabel Favicon digunakan untuk menampiklan icon
29
Gambar 3.16 Struktur Tabe l Fav icon 7. Tabel Gallery
Tabel Gallery digunakan untuk menapilkan foto- foto
condotel dan fasilitas- fasilitas condotel
Gambar 3.17 Struktur Tabe l Gallery
8. Tabel Galle ryhome
Tabel Galleryhome digunakan untuk menampilkan
foto-foto pada halaman awal atau homepage.
Gambar 3.18 Struktur Tabe l Ga lleryho me 9. Tabel Gambar
Tabel Gambar digunakan untuk menampilkan
fasilitas-fasilitas yang dimiliki oleh condotel.
30 10. Tabel Header
Tabel Header digunakan untuk menampilkan foto- foto
sekilas tentang condotel melalui foto slide pada
halaman awal atau home.
Gambar 3.20 Struktur Tabe l Header
11. Tabel Modul
Tabel Modul adalah kumpulan data atau informasi
tentang condotel.
Gambar 3.21 Struktur Tabe l Modul
12. Tabel Progress
Tabel Progess digunakan untuk menampikan progres
31
Gambar 3.22 Struktur Tabe l Progress 13. Tabel Slide
Tabel Slide digunakan untuk menampilkan foto- foto
tentang condotel pada halaman condotel.
Gambar 3.23 Struktur Tabe l Slide 14. Tabel Social
Tabel Social digunakan untuk menampilkan social
media yang dimiliki oleh condotel.
32 15. Tabel Statistik
Tabel Statistik digunakan untuk menampilkan atau
menghitung daftar pengunjung condotel.
Gambar 3.25 Struktur Tabe l Statistik 16. Tabel Title
Tabel Title digunakan untuk menampilkan judul
halaman selama halaman itu dibuka.
Gambar 3.26 Struktur Tabe l Title 17. Tabel YM
Tabel YM digunakan untuk menampilkan akun Yahoo
Messagger yang dimiliki condotel.
