Perancangan dan Realisasi Web Portal Jurusan Teknik Elektro. Universitas Kristen Maranatha ABSTRAK

Transkripsi

1 Perancangan dan Realisasi Web Portal Jurusan Teknik Elektro Alan Kristiawan Santoso Jurusan Teknik Elektro Jalan Prof. Drg. Surya Sumantri No.65 Bandung, Jawa Barat, ABSTRAK Universitas merupakan level pendidikan tertinggi dengan banyak informasi yang perlu dibagikan mengenai apa saja fasilitas, kegiatan, dan siapa saja yang berperan dalam sebuah universitas. Dalam lingkup yang lebih khusus, Jurusan Teknik Elektro sebagai bagian dari sebuah Universitas membutuhkan sebuah sarana publikasi untuk membagikan informasi kepada masyarakat. Dalam Tugas Akhir ini dirancang dan direalisasikan sebuah Web Portal Jurusan Teknik Elektro dalam skala lokal server. Web Portal ini akan dibangun menggunakan framework PHP yaitu Laravel dan Perancangan sistem menggunakan UML dengan software Rational Rose. Perancangan dan Realisasi Web Portal Jurusan Teknik Elektro Universitas Kristen Maranatha (server lokal) berhasil dan berfungsi sesuai yang diharapkan. Web Portal ini dapat dikembangkan dalam hal keamanan untuk hosting online. Kata Kunci: Web Portal, UML, Rational Rose, Laravel vii

2 DESIGN AND REALIZATION OF ELECTRICAL ENGINEERING DEPARTMENT OF MARANATHA CHRISTIAN UNIVERSITY WEB PORTAL Alan Kristiawan Santoso Electrical Engineering Department of Maranatha Christian University Prof. Drg. Surya Sumantri St, No.65 Bandung, West Java, ABSTRACT University is the highest level of education with a lot of information need to be share about what are the facilities, activities, and everyone who take part in a University. Specificly Electrical Engineering Department as part of Maranatha Christian University need a publication medium to share information. With the needs for publication, in this Undergraduate Thesis it s decided to design crystallize a Web Portal of Electrical Engineering Deparment of Maranatha Christian University in local serve. This Web Portal will be built based on PHP framework of Laravel and system design using UML with Rational Rose as a software engineering. Design and crystallize for Web Portal of Engineering Department of Maranatha Christian University is succeed and working as its expected in local server. Web Portal can be improve for internet security as online hosting. Keywords: Web Portal, UML, Rational Rose, Laravel viii

3 DAFTAR ISI Halaman HALAMAN JUDUL... i HALAMAN PENGESAHAN... ii PERNYATAAN ORISINALITAS TUGAS AKHIR... iii PERNYATAAN PUBLIKASI TUGAS AKHIR... iv KATA PENGANTAR... v ABSTRAK... vii ABSTRACT... viii DAFTAR ISI... ix DAFTAR TABEL... xi DAFTAR GAMBAR... xii BAB I PENDAHULUAN Latar Belakang Masalah Tujuan Penelitian Pembatasan Masalah Daftar Pustaka Metode Penelitian Konten Web Portal JurusanTeknik Elektro... 4 BAB II LANDASAN TEORI Web Portal PHP Pengertian HTML Pengertian PHP Sintaksis Dasar Kelebihan PHP Pemrograman Berorientasi Objek (Object Oriented) Perbandingan Pemrograman Berorientasi Objek dengan Pemrograman Terstruktur Pengertian Pemrograman Berorientasi Objek Keuntungan Metodologi Berorientasi Objek Konsep Dasar Orientasi Objek Kelas (Class) Objek (Object) Constructor Enkasulapsi (Encasulaption) Pewarisan (Inheritance) Polimorfisme (Polymorphism) UML Pengertian UML Diagram UML Activity Diagram (Diagram Aktifitas) Use Case Diagram Class Diagram (Diagram Kelas) ix

4 2.4.6 Sequence Diagram MVC Model View Controller Framework Laravel Pengertian Laravel Keuntungan Laravel Routing Composer Bahasa Framework Laravel Eloquent BAB III PERANCANGAN SISTEM Diagram UML Web Portal Teknik Elektro Use Case Diagram Class Diagram Sequence Diagram Halaman Publik Halaman Admin BAB IV DATA PENGUJIAN DAN TAMPILAN INTERFACE Tabel Hasil Survey Pengujian Modul Web Portal Teknik Elektro Tabel Uji Kebenaran Setelah Koreksi Tampilan Interface Web-Portal Jurusan Teknik Elektro BAB V KESIMPULAN DAN SARAN DAFTAR PUSTAKA LAMPIRAN A. Coding Halaman Public (view)... A-1 B. Coding Halaman Public (controller)... B-1 C. Coding Model... C-1 D. Coding Halaman Admin (view)... D-1 E. Coding Halaman Admin (controller)... E-1 x

5 DAFTAR TABEL Halaman Tabel 4.1 Tabel Keberhasilan Uji Halaman Publik Tabel 4.2 Persentase Keberhasilan Uji Halaman Publik Tabel 4.3 Keberhasilan Uji Halaman Browse-Admin Tabel 4.4 Keberhasilan Uji Halaman View-Admin Tabel 4.5 Keberhasilan Uji Halaman Edit-Admin Tabel 4.6 Keberhasilan Uji Halaman Delete-Admin Tabel 4.7 Keberhasilan Uji Halaman Publik Tabel 4.8 Keberhasilan Uji Halaman Browse-Admin Tabel 4.9 Keberhasilan Uji Halaman View-Admin Tabel 4.10 Keberhasilan Uji Halaman Edit-Admin Tabel 4.11 Keberhasilan Uji Halaman Delete-Admin xi

6 DAFTAR GAMBAR Halaman Gambar 1.1 Konten Web Portal Jurusan Teknik Elektro... 4 Gambar 2.1 Perbandingan PHP dan output HTML... 8 Gambar 2.2 Ilustrasi Perbandingan Metodologi Orientasi Fungsi dan Objek.. 11 Gambar 2.3 Ilustrasi Kelas dan Objek Gambar 2.4 Contoh Inheritance pada Mahkluk Hidup Gambar 2.5 Contoh Inheritance pada Aplikasi Akademik Gambar 2.6 Pengembangan UML Gambar 2.7 Diagram UML Gambar 3.1 Use Case Diagram Gambar 3.2 Class Diagram I Gambar 3.3 Class Diagram II Gambar 3.4 Class Diagram III Gambar 3.5 Layout Halaman Home Gambar 3.6 Diagram UI-Home Gambar 3.7 Diagram News and Announcement Gambar 3.8 Diagram Agenda Gambar 3.9 Diagram Contact Gambar 3.10 Diagram Curriculum Gambar 3.11 Diagram Hima Gambar 3.12 Diagram Workshop Gambar 3.13 Diagram Lecturer Gambar 3.14 Diagram Staff Gambar 3.15 Diagram Alumni Gambar 3.16 Diagram Partnership Gambar 3.17 Diagram Proceedings Gambar 3.18 Diagram Research Gambar 3.19 Diagram Community Services Gambar 3.20 Diagram Laboratorium Gambar 3.21 Diagram Autentifikasi Admin Gambar 3.22 Diagram view-slide Gambar 3.23 Diagram view-contact Gambar 3.24 Diagram view-news Gambar 3.3 Diagram view-curriculum Gambar 3.26 Diagram view-hima Gambar 3.27 Diagram view-workshop Gambar 3.28 Diagram view-lecture Gambar 3.29 Diagram view-staff Gambar 3.30 Diagram view-alumni Gambar 3.31 Diagram view-partnership Gambar 3.32 Diagram view-proceedings Gambar 3.33 Diagram view-research Gambar 3.34 Diagram view-community Services Gambar 3.35 Diagram add/edit-slide xii

7 Gambar 3.36 Diagram add/edit-contact Gambar 3.37 Diagram add/edit-news Gambar 3.38 Diagram add/edit-curriculum Gambar 3.39 Diagram add/edit-hima Gambar 3.40 Diagram add/edit-workshop Gambar 3.41 Diagram add/edit-lecture Gambar 3.42 Diagram add/edit-staff Gambar 3.43 Diagram add/edit-alumni Gambar 3.44 Diagram add/edit-partnership Gambar 3.46 Diagram add/edit-proceedings Gambar 3.47 Diagram add/edit-research Gambar 3.48 Diagram add/edit-community Services Gambar 3.49 Diagram edit-logo Gambar 3.50 Diagram edit-masonry Gambar 3.51 Diagram edit-part Gambar 3.52 Diagram edit-user Gambar 3.53 Diagram delete-slide Gambar 3.54 Diagram delete-contact Gambar 3.55 Diagram delete-news Gambar 3.56 Diagram delete-curriculum Gambar 3.57 Diagram delete-hima Gambar 3.58 Diagram delete-workshop Gambar 3.59 Diagram delete-lecture Gambar 3.60 Diagram delete-staff Gambar 3.61 Diagram delete-alumni Gambar 3.62 Diagram delete-partnership Gambar 3.63 Diagram delete-proceedings Gambar 3.64 Diagram delete-research Gambar 3.65 Diagram delete-community Services Gambar 3.66 Diagram delete-user Gambar 4.1 Halaman Publik Home Gambar 4.2 Halaman Publik Curriculum Gambar 4.3 Halaman Publik HIMA Gambar 4.4 Halaman Publik Workshop Gambar 4.5 Halaman Publik Lecturer Gambar 4.6 Halaman Publik Staff Gambar 4.7 Halaman Publik Alumni Gambar 4.8 Halaman Publik Partnership Gambar 4.9 Halaman Publik Journal Gambar 4.10 Halaman Publik Research Gambar 4.11 Halaman Publik Community Service Gambar 4.12 Halaman Publik Subdomain Gambar 4.13 Halaman Publik Subdomain-Activity Gambar 4.14 Halaman Publik Subdomain-Practical Training Gambar 4.15 Halaman Publik Subdomain-Training Gambar 4.16 Halaman Publik Subdomain-Research Gambar 4.17 Halaman Publik Subdomain-Project xiii

8 Gambar 4.18 Halaman Publik Contact Gambar 4.19 Halaman Admin Curriculum Gambar 4.20 Halaman Admin HIMA Gambar 4.21 Halaman Admin Workshop Gambar 4.22 Halaman Admin Lecturer Gambar 4.23 Halaman Admin Staff Gambar 4.24 Halaman Admin Alumni Gambar 4.25 Halaman Admin Partnership Gambar 4.26 Halaman Admin Journal Gambar 4.27 Halaman Admin Research Gambar 4.28 Halaman Admin Community Service Gambar 4.29 Halaman Admin Role Gambar 4.30 Halaman Admin User Gambar 4.31 Halaman Admin Subdomain Gambar 4.32 Halaman Admin Contact Gambar 4.33 Halaman Admin Department Management xiv