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
![Page 1: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/10.jpg)
Rancangan Diagram Usecase Usecase User
![Page 11: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/14.jpg)
Rancangan Diagram Activity(Pengisian Jadwal)
![Page 15: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/16.jpg)
Class Diagram
![Page 17: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/18.jpg)
Koneksi CCTV
![Page 19: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/21.jpg)
Tampilan Program
Halaman depan
![Page 22: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/22.jpg)
Tampilan Program
Halaman CCTV
![Page 23: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/23.jpg)
Tampilan Program
Halaman Sejarah
![Page 24: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/24.jpg)
Tampilan Program
Halaman admin
![Page 25: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/25.jpg)
Tampilan Program
Halaman CCTV (admin)
CCTV dapat dikontrol melalui halaman
![Page 26: Pembuatan Website Prototype Pelabuhan ASDP menggunakan PHP dan MySQL](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022050819/56814fc8550346895dbd8261/html5/thumbnails/27.jpg)
Terima Kasih
Tommy Herdiansyah Pembimbing : Dr. Retno Maharesi SSI., MSc