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

Latar Belakang

Perkembangan Internet yang pesat Kebutuhan Informasi yang spesifik dan

realtime Adanya kebutuhan sistem dalam membantu

membuat keputusan secara online

Tujuan

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

keputusan pelayaran

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

Struktur Navigasi

Struktur navigasi admin

Login Menu Utama Beranda

Lintasan

Cuaca

Berita

Jadwal

Pelabuhan

Kapal

Navigasi

CCTV

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)

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

Perancangan Halaman Situs Web

Halaman AdminGambar LogoGambar Logo Selamat datang adminSelamat datang admin

KontenMenu

Samping

Menu UtamaMenu Utama

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

Rancangan Diagram Usecase Usecase User

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

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

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

Rancangan Diagram Activity(Pengisian Jadwal)

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

Class Diagram

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 -

Koneksi CCTV

Pengujian

Pengujian Secara Offline Debugging Resolusi layar Pengujian Browser

Firefox(best) Chrome 6

Internet ExplorerVersion 6 (or lower)

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

Tampilan Program

Halaman depan

Tampilan Program

Halaman CCTV

Tampilan Program

Halaman Sejarah

Tampilan Program

Halaman admin

Tampilan Program

Halaman CCTV (admin)

CCTV dapat dikontrol melalui halaman

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

Terima Kasih

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