Laporan TR PWEB

LAPORAN TUGAS AKHIR PEMOGRAMAN WEB
“ RESERVASI TIKET KAPAL”
Disusun oleh :
Christonus Joens Luturmas (702014023)
Prisilia Tehupuring (702015027)
Gian Takain (702016025)
Otoi Narek (702017020)
UNIVERSITAS KRISTEN SATYA WACANA
FAKULTAS TEKNOLOGI INFORMASI
SALATIGA
2019
DAFTAR ISI
Cover ……………………………………………………………………………………………..
Daftar Isi …………………………………………………………………………………………
Daftar Gambar …………………………………………………………………………………...
Daftar Tabel ……………………………………………………………………………………...
BAB I
Pendahuluan ………………………………………………………………………………………
BAB II
Tinjauan Pustaka ………………………………………………………………………………….
BAB III
Landasan Teori …………………………………………………………………………………..
BAB IV
Deskripsi Pekerjaan ………………………………………………………………………………
Waktu Pelaksanaan ………………………………………………………………………………
Tahap Pelaksanaan ……………………………………………………………………………….
BAB V
Hasil dan Pembahasan ……………………………………………………………………………
BAB VI
Kesimpulan dan Saran ……………………………………………………………………………
DAFTAR GAMBAR
1. Tampilan User
1.1. Tampilan Login
1.2. Tampilan Home
1.3. Tampilan Pemesanan TIket
1.4. Tampilan Profil Perusahaan
1.5. Tampilan Produk dan Promo
1.6. Tampilan Tujuan Wisata
2. Tampilan Admin
2.1. Tampilan Login
2.2. Tampilan Dasboard
2.3. Tampilan kelola data Kapal
2.4. Tampilan kelola data rute
2.5. Tampilan kelola data harga
BAB I
PENDAHULUAN
Perkembangan informasi teknologi saat ini telah berkembang dengan pesat. Penggunaan website
dalam menyampaikan informasi sangatlah membantu dan bermanfaat bagi lembaga-lembaga
atau perusahaan-perusahaan. Penyampaian informasi dengan website tidak membutuhkan waktu
yang lama dan dapat dilakukan darimana saja. Tidak dibatasi oleh tempat,waktu dan biaya.
Proses mendapatkan informasi dari website juge lebih up to date. Informasi yang ditampilkan
dan disajikan dapat berubah seiring jalannya waktu sehingga informasi yang disajikan tidak
ketinggalan zaman atau terlambat. Kemudahan ini yang membuat website sebagai sarana
informasi yang digemari user saat ini. Kebutuhan akan akses informasi dan perkembangan
teknologi membawa perubahan pada berbagai macam sistem yang sejalan dengan kehidupan
manusia. Perkembangan teknologi setiap tahun akan mengalami kemajuan yang pesat, hal ini
juga berpengaruh pada perkembangan Negara maupun perusahaan.
BAB II
TINJAUAN PUSTAKA
Dalam penelitian Dana Pranata,Hamdani,Dyna Marisa K (2015) dijelaskan bahwa dalam suatu
perancangan aplikasi dibutuhkan prinsip-prisnsip dasar mengenai web desain seperti HTML
yang benar dan elemen interaktif juga sistem navigasi yang jelas. Selanjutnya dalam
implementasi program digunakan PHPMYADMIN,HTML,CSS,MYSQL,JAVASCRIPT.
PhpMyadmin merupakan perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP
yang digunakan untuk menangani administrasi MySQL melalui website Jejaring Jagat Jembar
(World Wide Web). Hyper Text Markup Language(HTML) dikenal sebagai bahasa kode
berbasis teks untuk membuat sebuah halaman web, keberadaannya dikenal dengan adanya
eksistensi *htm atau *html. Cascading Style Sheets adalah suatu cara untuk membuat format atau
layout halaman web menjadi lebih menarik dan mudah dikelola. MySQL merupakan software
yang berbasis Structure Query Language (SQL) tergolong sebagai DBMS(Database
Management System) yang bersifat open source. Javascript adalah bahasa pemograman web
yang bersifat Client Side Programming Language.
Pada penelitian ini dilakukan pembuatan beberapa desain web yang berbeda dengan
menggunakan bahasa pemograman seperti
PHPMYADMIN,HTML,CSS,MYSQL,JAVASCRIPT. Rahman (2013) mengatakan bahwa
PhpMyAdmin adalah sebuah software berbasis pemrograman PHP yang dipergunakan sebagai
administrator MySQL melalui browser (web) yang digunakan untuk management database.
Hidayahtullah dan Kawistara (2015) menyebutkan bahwa ada empat (4) cara memasang kode
CSS kedalam kode HTML/halaman web yakni : 1. Inline style sheet (memasukan kode CSS
langsung pada tag HTML. 2. Internal Style Sheet (embed atau memasang kode CSS kedalam
bagian <head>). 3. Me-link ke eksternal CSS. Raharjo (2011) mengemukakan bahwa Cascading
Style Sheet (CSS) adalah suatu bahasa yang bekerja sama dengan HTML untuk mendefinisikan
bagaimana suatu isi halaman web ditampilkan atau dipresentasikan. Presentasi ini meliputi style
atau gaya teks, link, maupun tata letak (layout) halaman. Madcom (2016) menyatakan bahwa
MySQL adalah proses sistem manajemen Database SQL yang bersifat open source dan paling
popular pada kemajuan teknologi saat ini. Menurut Kadir (2013) Java script adalah bahasa skrip
yang digunakan untuk mengontrol tindakan-tindakan yang diperlukan di halaman web.
Penelitian ini juga dilakukan dengan menggunakan pengelolaan web pada

PHPMYADMIN,HTML,CSS,MYSQL,JAVASCRIPT. Menurut Nugroho (2013) PhpMyAdmin
adalah tools MySQL Client berlisensi Freeware. PhpMyAdmin harus dijalankan di sisi server
web dan pada komputer harus tersedia PHP, karena berbasis web. Henderson (2009)
menyampaikan bahwa HTML (Hyper Text Markup Language) merupakan bahasa yang
digunakan untuk mendeskripsikan struktur sebuah halaman web sedangkan Henderson juga
menegaskan bahwa CSS (Cascading Style Sheet) merupakan bahasa-bahasa yang
merepresentasikan halaman pada web. Kurniawan (2010) menegaskan bahwa MySQL
merupakan salah satu jenis database yang banyak digunakan unuk membuat aplikasi berbasis
web yang dinamis. Raharjo (2011) menjelaskan bahwa Java script adalah bahasa yang berfungsi
membuat skrip-skrip program yang dapat dikenal dan dieksekusi oleh web browser dengan
tujuan untuk menjadikan halaman web lebih bersifat interaktif
BAB III
LANDASAN TEORI
A. PhpMyadmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP
yang digunakan untuk menangani administrasi MySQL melalui Jejaring Jagat Jembar
(World Wide Web). phpMyAdmin mendukung berbagai operasi MySQL, diantaranya
(mengelola basis data, tabeltabel, bidang (fields), relasi (relations), indeks, pengguna
(users), perijinan (permissions), dan lain-lain). Pada dasarnya, mengelola basis data
dengan MySQL harus dilakukan dengan cara mengetikkan baris-baris perintah yang
sesuai (command line) untuk setiap maksud tertentu. Jika seseorang ingin membuat basis
data (database), ketikkan baris perintah yang sesuai untuk membuat basis data. Hal
tersebut tentu saja sangat menyulitkan karena seseorang harus hafal dan mengetikkan
perintahnya satu per satu. Saat ini banyak sekali perangkat lunak yang dapat
dimanfaatkan untuk mengelola basis data dalam MySQL, salah satunya adalah
phpMyAdmin. Dengan phpMyAdmin, seseorang dapat membuat database, membuat
tabel, mengisi data, dan lain-lain dengan mudah, tanpa harus menghafal baris
perintahnya.
B. MySQL merupakan software yang tergolong database server dan bersifat open source.
Open Source menyatakan bahwa software ini dilengkapi dengan source code (kode yang
dipakai untuk membuat MySQL),selain tentu saja bentuk executabel-nya atau kode yang
dapat dijalankan secara langsung dalam system operasi, dan bias diperoleh dengan cara
mengunduh diinternet secara gratis. Hal menarik lainnya adalah MySQL juga bersifat
multiplatform. MySQL dapat dijalankan pada berbagai system operasi. Pengaksesan data
dalam database dapat dilakukan dengan mudah melalui SQL (Structure Query
Languange). Data dalam database bias diakses melalui aplikasi non-web (misalnya
dengan visual basic) maupun aplikasi Web (misalnya aplikasi PHP). SQL ( Structured
Query Language ) adalah bahasa standart yang digunakan untuk mengakses server
database. Semenjak tahun 70an bahasa ini telah dikembangkan oleh IBM, yang kemudian
diikuti dengan adanya Oracle, Informix dan Sybase. Dengan menggunakan SQL, proses
akses database menjadi lebih userfriendly dibandingkan dengan misalnya dBase ataupun
Clipper yang masih menggunakan perintah – perintah pemrograman murni.
C. MYSQL
MySQL merupakan software yang tergolong database server dan bersifat open source.
Open Source menyatakan bahwa software ini dilengkapi dengan source code (kode yang
dipakai untuk membuat MySQL),selain tentu saja bentuk executabel-nya atau kode yang
dapat dijalankan secara langsung dalam system operasi, dan bias diperoleh dengan cara
mengunduh diinternet secara gratis. Hal menarik lainnya adalah MySQL juga bersifat
multiplatform. MySQL dapat dijalankan pada berbagai system operasi. Pengaksesan data
dalam database dapat dilakukan dengan mudah melalui SQL (Structure Query
Languange). Data dalam database bias diakses melalui aplikasi non-web (misalnya
dengan visual basic) maupun aplikasi Web (misalnya aplikasi PHP).
SQL ( Structured Query Language ) adalah bahasa standart yang digunakan untuk
mengakses server database. Semenjak tahun 70an bahasa ini telah dikembangkan oleh
IBM, yang kemudian diikuti dengan adanya Oracle, Informix dan Sybase. Dengan
menggunakan SQL, proses akses database menjadi lebih userfriendly dibandingkan
dengan misalnya dBase ataupun Clipper yang masih menggunakan perintah – perintah
pemrograman murni.
D. JAVASCRIPT
JavaScript adalah bahasa scripting kecil, ringan, berorientasi objek yang ditempelkan
pada kode HTML dan di proses di sisi client. JavaScript digunakan dalam pembuatan
website agar lebih interaktif dengan memberikan kemampuan tambahan terhadap HTML
melalui eksekusi perintah di sisi browser. JavaScript dapat merespon perintah user
dengan cepat dan menjadikan halaman web menjadi responsif. JavaScript memiliki
struktur sederhana, kodenya dapat disisipkan pada dokumen HTML atau berdiri sebagai
satu kesatuan aplikasi. Struktur penulisan JavaScript adalah sebagai berikut. <script
language = “javascript”> 
</script>.
E. HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan
untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah
Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas
format ASCII agar dapat menghasilkan tampilan wujudyang terintegerasi. Dengan kata
lain, berkas yang dibuat dalam perangkat lunakpengolah kata dan disimpan kedalam
format ASCII normal sehingga menjadi home page dengan perintahperintah HTML.
Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan
percetakan yang disebut dengan SGML(Standard Generalized Markup Language),
HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman
web. HTML saatini merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World Wide Web Consortium(W3C). HTML dibuat oleh kolaborasi
Caillau TIM dengan Berners-lee robert ketika merekabekerja di CERNpada tahun 1989
(CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).
F. CSS
CSS adalah suatu cara untuk membuat format atau layout halaman web menjadi lebih
menarik dan mudah dikelola. CSS muncul karena sulitnya mengatur layout tampilan
dokumen yang dibuat dengan HTML murni meskipun telah menggunakan berbagai
kombinasi format. Dengan memanfaakan CSS, pengformatan halaman web juga dapat
dilakukan secara cepat dan efisien. Output tampilan pada seluruh halaman web juga dapat
dibuat konsisten dengan menggunakan external style sheet. Tag-tag standar HTML juga
dapat didefinisikan ulang formatnya menggunakan CSS. Selain itu cukup banyak
pekerjaan web page formatting yang mustahil dilakukan oleh standar HTML, tetapi
dengan mudah dapat dikerjakan menggunakan bantuan CSS.
BAB IV
DESKRIPSI PEKERJAAN
1.1
1.2.
1.3.
1.4.
1.5.
1.6
2.1
2.2.
2.3
2.4
2.5
2.6
WAKTU DAN PELAKSANAAN KERJA
Waktu yang dibutuhkan untuk mengerjakan untuk project ini kurang lebih 1 minggu
TAHAPAN PELAKSANAAN
1. Pembuatan tampilan menggunakan HTML dan CSS
2. Pembuatan fungsi-fungsi pada atribut input dan button.
3. Pembuatan database dan table.
4. Insert data pada database.
BAB V
HASIL DAN PEMBAHASAN
Tampilan awal yaitu login, kemudian user dan admin memiliki username dan password
yang berbeda, dan juga memiliki tampilan berbeda. Jika masuk sebagai user maka akan muncul
tampilan Home, Pemesanan, Profil Perusahaan, Produk dan Promo, Tujuan Wisata dan logout.
Pada tampilan Home terlampir apa yang perusahaan sediakan. Kemudian masuk ke
Pemesanan, yaitu ada pilihan dari mana kapal berangkat, dimana kapal tiba, tanggal berapa kapal
berangkat, nama kapal yang dimasudkan, dan kategori harga. Kemudian jika sudah di pilih
semuanya maka tekan button “Pesan Tiket”. Setelah itu akan masuk ke tampilan cetak tiket.
Kemudian pada Profil Perusahaan terlampir sejarah perusahaan dan apa yang disediakan
oleh perusahaan. Kemudian ada Produk dan Promo yaitu apa yang disediakan oleh perusahaan
dalam artian berupa diskon atau promo liburan ke pulau-pulau terkenal dengan keindahan alam.
Juga ada Tujuan wisata yang menampilkan kemana kapal berlayar ke tempat terkenal. Kemudian
logout.
Untuk tampilan sebagai Admin, pertama ada tampilan dashboard. Kemudian ada pilihan
Kapal. Pada menu kapal ada 3 fungsi yang bias dilakukan oleh admin. Yaitu tambah data kapal
yang baru, edit data kapal, dan hapus data kapal. Selanjutnya pada tampilan Rute juga sama. Ada
3 fungsi yaitu tambah rute, edit data rute, dan hapus rute. Dan pada harga juga sama, memiliki 3
fungsi, tambah harga, edit harga, dan hapus harga. Kemudian di setiap menu bias logout kapan
saja.
IMPLEMENTASI TABEL
No. Nama Kapal Nomor Kapal
1 Selamat Sampai Tujuan 23 EDIT HAPUS
2 Dobonsolo 12 EDIT HAPUS
Pelabuhan Asal Pelabuhan Tujuan Tanggal

Ambon Surabaya 14 Agustus 2019 EDIT HAPUS
Tenau (Kupang) Surabaya 20 Agustus 2019 EDIT HAPUS
Surabaya Bau-Bau 29 Agustus 2019 EDIT HAPUS
Harga Kategori
175000 Anak-anak EDIT HAPUS
250000 Perempuan EDIT HAPUS
300000 Laki-laki EDIT HAPUS
BAB VI
KESIMPULAN DAN SARAN

Kesimpulan :
Dengan demikian dapat disimpulkan bahwa dengan adanya perusahaan transportasi laut sangat
menguntungkan bagi masyarakat yang suka dengan perjalanan yang murah dan pemandangan
laut yang luar biasa.
Saran :
Kedepanya perusahan ini harus lebih meningkatkan mutu dan pelayanan terhadap masyarakat.

Laporan TR PWEB

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Laporan TR PWEB

Diunggah oleh

Hak Cipta:

Format Tersedia

LAPORAN TUGAS AKHIR PEMOGRAMAN WEB

“ RESERVASI TIKET KAPAL”

Christonus Joens Luturmas (702014023)

Prisilia Tehupuring (702015027)

Gian Takain (702016025)

Otoi Narek (702017020)

UNIVERSITAS KRISTEN SATYA WACANA

FAKULTAS TEKNOLOGI INFORMASI

Penelitian ini juga dilakukan dengan menggunakan pengelolaan web pada

Pelabuhan Asal Pelabuhan Tujuan Tanggal

KESIMPULAN DAN SARAN

Anda mungkin juga menyukai