pembuatan website prototype pelabuhan asdp menggunakan php dan mysql
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 PresentationTRANSCRIPT
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