pembuatan website prototype pelabuhan asdp menggunakan php dan mysql

27
Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL Tommy Herdiansyah Pembimbing : Dr. Retno Maharesi SSI., MSc

Upload: diep

Post on 21-Jan-2016

88 views

Category:

Documents


0 download

DESCRIPTION

Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL. Tommy Herdiansyah. Pembimbing : Dr. Retno Maharesi SSI . , MSc. Latar Belakang. Perkembangan Internet yang pesat Kebutuhan Informasi yang spesifik dan realtime - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Pembuatan Website Prototype Pelabuhan ASDP menggunakan

PHP dan MySQL

Tommy Herdiansyah Pembimbing : Dr. Retno Maharesi SSI., MSc

Page 2: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Latar Belakang

Perkembangan Internet yang pesat Kebutuhan Informasi yang spesifik dan

realtime Adanya kebutuhan sistem dalam membantu

membuat keputusan secara online

Page 3: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Tujuan

Membuat website prototype pelabuhan ASDP yang dapat Menampilkan informasi terkini secara realtime. Menjadi salah satu alternatif sistem penunjang

keputusan pelayaran

Page 4: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Struktur Navigasi

Struktur navigasi user

Index Menu Utama Tentang Kami

Karir

Kontak Kami

Informasi Layanan

Cuaca

SDMSejarahVisi Misi

Form Pilihan perjalanan

Jadwal

5 potongan berita

CCTV

Tarif

Page 5: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Struktur Navigasi

Struktur navigasi admin

Login Menu Utama Beranda

Lintasan

Cuaca

Berita

Jadwal

Pelabuhan

Kapal

Navigasi

CCTV

Page 6: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Pengguna dan Kontrol Aksi

Admin : Menambah, mengubah, menghapus, melihat menu website (berita, jadwal, cuaca, lintasan, pelabuhan, kapal, navigasi)

User/Pengunjung

Admin

User : Melihat menu (berita, jadwal, cuaca, lintasan, pelabuhan, kapal, navigasi dan cctv)

Page 7: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Perancangan Halaman Situs Web

Halaman UserMenu UtamaMenu Utama

Gambar LogoGambar Logo Form pencarian jadwalForm pencarian jadwal

Konten

5 Judul berita terbaru5 Judul berita terbaru

CCTV

Text,LinkText,Link

GambarGambar

Text,LinkText,Link

Text,video,gambar,linkText,video,gambar,link

Gambar, Link

Gambar, Link

Text,LinkText,Link

Page 8: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Perancangan Halaman Situs Web

Halaman AdminGambar LogoGambar Logo Selamat datang adminSelamat datang admin

KontenMenu

Samping

Menu UtamaMenu Utama

Page 9: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Perancangan Halaman Situs Web

Halaman AdminGambar LogoGambar Logo Selamat datang adminSelamat datang admin

KontenMenu

Samping

TextText

GambarGambar

Text,LinkText,Link

Text,video,gambar,linkText,video,gambar,link

Text,LinkText,Link

Menu UtamaMenu Utama

Sub Menu

Text,LinkText,Link

Page 10: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Rancangan Diagram Usecase Usecase User

Page 11: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Rancangan Diagram Usecase Usecase

admin

Mengubah Tarif

Mengubah Jalur Lintasan

Mengubah Jadwal

Mengubah Sejarah

Mengubah Visi dan Misi

Mengubah Struktur

Organisisi

Mengubah Sumber Daya

Manusia

Mengubah Kapal dan Pelabuhan

Mengubah Berita

Perusahaan

Mengubah Berita

Pelabuhan

Mengatur Kontak Kami

Mengubah Jadwal

Mengubah cuaca

MenambahBerita

Perusahaan

Menambah Berita

Pelabuhan

Memasukan kelaikan jalan kapal

Membuat kategori menu

Mengubah kategori menu

Membuat menu

Mengubah menu

Page 12: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Rancangan Diagram Sequence

Webinterfaceuserinterface

Session CekGelombangSessi

on

Memasukan ketinggian gelombang

Cek GelombangGelombang

[Tinggi gelombang] tinggihGel:= 2-3meter atau 3-4 meter() :integer ]

Peringatan Peringatan Kapal

nelayan,kapal kecil

[tinggiGel:=2-3Meter or

cuaca:=HujanLebat AND kecAngin >

15Knot]

Peringatan Peringatan semua jenis

kapal

[tinggiGel:= 3- 4 Meter or cuaca:=HujanLebat AND

kecAngin > 25knot]

Peringatan Tampilkan Peringatan

Tinggi GelombangCuacaKecepatan angin

Jika tinggi gel 2-3m

AtauCuaca sedang hujan lebatDisertai kec.angin mencapai lebihDari 15 Knot

Peringatan!! Kapal kecil dilarang berlayar

Page 13: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Rancangan Diagram Sequence

Webinterfaceuserinterface

Session CekGelombangSessi

on

Memasukan ketinggian gelombang

Cek GelombangGelombang

[Tinggi gelombang] tinggihGel:= 2-3meter atau 3-4 meter() :integer ]

Peringatan Peringatan Kapal

nelayan,kapal kecil

[tinggiGel:=2-3Meter or

cuaca:=HujanLebat AND kecAngin >

15Knot]

Peringatan Peringatan semua jenis

kapal

[tinggiGel:= 3- 4 Meter or cuaca:=HujanLebat AND

kecAngin > 25knot]

Peringatan Tampilkan Peringatan

Jika tinggi gel 3-4m

AtauCuaca sedang hujan lebatDisertai kec.angin mencapai lebihDari 25 Knot

Peringatan!! Semua Kapal kecil dilarang berlayar

Tinggi GelombangCuacaKecepatan angin

Page 14: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Rancangan Diagram Activity(Pengisian Jadwal)

Page 15: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Diagram Relasional

Tabel lintasan memiliki relasi yang kuat dengan tabel perairan

Setiap perairan akan memiliki cuaca setiap hari

Setiap kapal memiliki perusahaan

Lintasan Perairan

Jadwal

Kapal

Pelabuhan

Cuaca

Peringatan

Perusahaan

Pulau

Page 16: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Class Diagram

Page 17: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Perancangan Database

Database terdiri dari 17 tabel Tabel Cuaca

Tabel Detail Artikel

Tabel Keterangan DSS

Tabel DSS

Tabel gambar Pelabuhan

Tabel Kategori Artikel

Tabel Menu Kategori

Tabel Menu List

Tabel Menu Tabel Pelabuhan

Tabel Jadwal

Tabel kapal

Tabel Lintasan

Tabel Perusahaan

Tabel Pengguna

Tabel perairan

Tabel Pulau -

Page 18: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Koneksi CCTV

Page 19: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Pengujian

Pengujian Secara Offline Debugging Resolusi layar Pengujian Browser

Firefox(best) Chrome 6

Internet ExplorerVersion 6 (or lower)

Page 20: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Pengujian

Pengujian secara online Koneksi test melalui 3 jenis ISP

Biznet (203.142.76.133 , Pancoran Depok) Telkom(222.124.185.169 , Gunadarma Depok) IINET Limited(124.171.38.171 , Sydney Australia)

Pengujian hyperlink/bugging Penujian tampilan browser

(mozzila,opera,chrome)http://pelabuhan.kakatomi.com

Page 21: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Tampilan Program

Halaman depan

Page 22: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Tampilan Program

Halaman CCTV

Page 23: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Tampilan Program

Halaman Sejarah

Page 24: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Tampilan Program

Halaman admin

Page 25: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Tampilan Program

Halaman CCTV (admin)

CCTV dapat dikontrol melalui halaman

Page 26: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Kesimpulan

Website pelabuhan ASDP dapat berjalan dengan baik

Website ini dapat menampilkan informasi secara realtime lewat penggunaan cctv

Website ini dapat dijadikan salah satu bahan pertimbangan pengambilan keputusan layak jalannya pelayaran

Page 27: Pembuatan  Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL

Terima Kasih

Tommy Herdiansyah Pembimbing : Dr. Retno Maharesi SSI., MSc