vii Universitas Kristen Maranatha
Perancangan dan Realisasi Web Portal Jurusan Teknik Elektro
Universitas Kristen Maranatha
Alan Kristiawan Santoso
Jurusan Teknik Elektro Universitas Kristen Maranatha Jalan Prof. Drg. Surya Sumantri No.65
Bandung, Jawa Barat, 40164 E-mail: alankristiawan@gmail.com
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 Universitas Kristen Maranatha 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 Universitas Kristen Maranatha 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.
viii Universitas Kristen Maranatha
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, 40164 E-mail: alankristiawan@gmail.com
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.
ix Universitas Kristen Maranatha DAFTAR ISI
Halaman
HALAMAN JUDUL ... i
HALAMAN PENGESAHAN ... ii
PERNYATAAN ORISINALITAS TUGAS AKHIR ... iii
PERNYATAAN PUBLIKASI TUGAS AKHIR ... iv
KATA PENGANTAR ... v
1.6 Konten Web Portal JurusanTeknik Elektro ... 4
BAB II LANDASAN TEORI ... 7
2.3 Pemrograman Berorientasi Objek (Object Oriented) ... 10
2.3.1 Perbandingan Pemrograman Berorientasi Objek dengan Pemrograman Terstruktur ... 10
2.3.2 Pengertian Pemrograman Berorientasi Objek ... 11
2.3.3 Keuntungan Metodologi Berorientasi Objek ... 11
2.3.4 Konsep Dasar Orientasi Objek ... 12
2.3.5 Kelas (Class) ... 12
2.3.6 Objek (Object) ... 13
2.3.7 Constructor ... 14
2.3.8 Enkasulapsi (Encasulaption) ... 14
2.3.9 Pewarisan (Inheritance) ... 15
2.3.10 Polimorfisme (Polymorphism) ... 16
2.4 UML ... 17
2.4.1 Pengertian UML ... 17
2.4.2 Diagram UML ... 17
2.4.3 Activity Diagram (Diagram Aktifitas) ... 18
2.4.4 Use Case Diagram ... 18
x Universitas Kristen Maranatha
2.4.6 Sequence Diagram ... 20
2.5 MVC ... 20
2.5.1 Model ... 20
2.5.2 View ... 20
2.5.3 Controller ... 21
2.6 Framework Laravel ...21
2.6.1 Pengertian Laravel ... 21
2.6.2 Keuntungan Laravel ... 22
2.6.3 Routing ... 22
2.6.4 Composer ... 23
2.6.5 Bahasa Framework Laravel ... 24
2.6.6 Eloquent ... 26
BAB III PERANCANGAN SISTEM ... 28
3.1 Diagram UML Web Portal Teknik Elektro ... 28
3.1.1 Use Case Diagram ...28
3.1.2 Class Diagram ...29
3.1.3 Sequence Diagram ...32
3.1.3.1 Halaman Publik ... 32
3.1.3.2 Halaman Admin ... 45
BAB IV DATA PENGUJIAN DAN TAMPILAN INTERFACE ... 71
4.1 Tabel Hasil Survey Pengujian Modul Web Portal Teknik Elektro ... 71
4.2 Tabel Uji Kebenaran Setelah Koreksi ... 76
4.3 Tampilan Interface Web-Portal Jurusan Teknik Elektro ... 80
BAB V KESIMPULAN DAN SARAN ... 95
DAFTAR PUSTAKA ... 96 LAMPIRAN
xi Universitas Kristen Maranatha DAFTAR TABEL
Halaman
Tabel 4.1 Tabel Keberhasilan Uji Halaman Publik ... 71
Tabel 4.2 Persentase Keberhasilan Uji Halaman Publik ... 72
Tabel 4.3 Keberhasilan Uji Halaman Browse-Admin ... 73
Tabel 4.4 Keberhasilan Uji Halaman View-Admin ... 74
Tabel 4.5 Keberhasilan Uji Halaman Edit-Admin ... 74
Tabel 4.6 Keberhasilan Uji Halaman Delete-Admin ... 75
Tabel 4.7 Keberhasilan Uji Halaman Publik ... 75
Tabel 4.8 Keberhasilan Uji Halaman Browse-Admin ... 75
Tabel 4.9 Keberhasilan Uji Halaman View-Admin ... 75
Tabel 4.10 Keberhasilan Uji Halaman Edit-Admin ... 75
xii Universitas Kristen Maranatha 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 ... 14
Gambar 2.4 Contoh Inheritance pada Mahkluk Hidup ... 15
Gambar 2.5 Contoh Inheritance pada Aplikasi Akademik ... 16
Gambar 2.6 Pengembangan UML ... 17
Gambar 3.7 Diagram News and Announcement ... 35
Gambar 3.8 Diagram Agenda ... 36
Gambar 3.19 Diagram Community Services ... 44
Gambar 3.20 Diagram Laboratorium ... 44
Gambar 3.21 Diagram Autentifikasi Admin ... 45
Gambar 3.22 Diagram view-slide ... 45
Gambar 3.23 Diagram view-Contact ... 46
Gambar 3.24 Diagram view-News ... 46
Gambar 3.3 Diagram view-Curriculum ... 47
Gambar 3.26 Diagram view-Hima ... 47
Gambar 3.27 Diagram view-Workshop ... 48
Gambar 3.28 Diagram view-Lecture ... 48
Gambar 3.29 Diagram view-Staff ... 49
Gambar 3.30 Diagram view-Alumni ... 49
Gambar 3.31 Diagram view-Partnership ... 50
Gambar 3.32 Diagram view-Proceedings ... 50
Gambar 3.33 Diagram view-Research ... 51
Gambar 3.34 Diagram view-Community Services ... 51
xiii Universitas Kristen Maranatha
Gambar 3.36 Diagram add/edit-Contact ... 53
Gambar 3.37 Diagram add/edit-News ... 53
Gambar 3.38 Diagram add/edit-Curriculum ... 54
Gambar 3.39 Diagram add/edit-Hima ... 55
Gambar 3.40 Diagram add/edit-Workshop ... 56
Gambar 3.41 Diagram add/edit-Lecture ... 56
Gambar 3.42 Diagram add/edit-Staff ... 57
Gambar 3.43 Diagram add/edit-Alumni ... 58
Gambar 3.44 Diagram add/edit-Partnership ... 59
Gambar 3.46 Diagram add/edit-Proceedings ... 59
Gambar 3.47 Diagram add/edit-Research ... 60
Gambar 3.48 Diagram add/edit-Community Services ... 61
Gambar 3.49 Diagram edit-Logo ... 61
Gambar 3.50 Diagram edit-Masonry ... 62
Gambar 3.51 Diagram edit-Part ... 63
Gambar 3.52 Diagram edit-User ... 63
Gambar 3.53 Diagram delete-slide ... 64
Gambar 3.54 Diagram delete-Contact ... 64
Gambar 3.55 Diagram delete-News ... 65
Gambar 3.56 Diagram delete-Curriculum ... 65
Gambar 3.57 Diagram delete-Hima ... 66
Gambar 3.58 Diagram delete-Workshop ... 66
Gambar 3.59 Diagram delete-Lecture ... 67
Gambar 3.60 Diagram delete-Staff ... 67
Gambar 3.61 Diagram delete-Alumni ... 68
Gambar 3.62 Diagram delete-Partnership ... 68
Gambar 3.63 Diagram delete-Proceedings ... 69
Gambar 3.64 Diagram delete-Research ... 69
Gambar 3.65 Diagram delete-Community Services ... 70
Gambar 3.66 Diagram delete-User ... 70
Gambar 4.1 Halaman Publik Home ... 80
Gambar 4.2 Halaman Publik Curriculum ... 81
Gambar 4.3 Halaman Publik HIMA ... 81
Gambar 4.4 Halaman Publik Workshop ... 82
Gambar 4.5 Halaman Publik Lecturer ... 82
Gambar 4.6 Halaman Publik Staff ... 83
Gambar 4.7 Halaman Publik Alumni ... 83
Gambar 4.8 Halaman Publik Partnership ... 84
Gambar 4.9 Halaman Publik Journal ... 84
Gambar 4.10 Halaman Publik Research ... 85
Gambar 4.11 Halaman Publik Community Service ... 85
Gambar 4.12 Halaman Publik Subdomain ... 86
Gambar 4.13 Halaman Publik Subdomain-Activity ... 86
Gambar 4.14 Halaman Publik Subdomain-Practical Training ... 87
Gambar 4.15 Halaman Publik Subdomain-Training ... 87
Gambar 4.16 Halaman Publik Subdomain-Research ... 88
xiv Universitas Kristen Maranatha
Gambar 4.18 Halaman Publik Contact ... 89
Gambar 4.19 Halaman Admin Curriculum ... 89
Gambar 4.20 Halaman Admin HIMA ... 90
Gambar 4.21 Halaman Admin Workshop ... 90
Gambar 4.22 Halaman Admin Lecturer ... 91
Gambar 4.23 Halaman Admin Staff ... 91
Gambar 4.24 Halaman Admin Alumni ... 91
Gambar 4.25 Halaman Admin Partnership ... 92
Gambar 4.26 Halaman Admin Journal ... 92
Gambar 4.27 Halaman Admin Research ... 92
Gambar 4.28 Halaman Admin Community Service ... 92
Gambar 4.29 Halaman Admin Role ... 93
Gambar 4.30 Halaman Admin User ... 93
Gambar 4.31 Halaman Admin Subdomain ... 93
Gambar 4.32 Halaman Admin Contact ... 94
1
Universitas Kristen Maranatha BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Perkembangan ilmu pengetahuan selama beberapa periode terakhir sangat pesat. Perkembangan ilmu pengetahuan mencakup banyak bidang kehidupan, seperti bidang teknologi, komunikasi, kesehatan, dan banyak lagi. Perkembangan teknologi ini bertujuan tercapainya efisiensi dari sebuah kegiatan sehingga didapatkan hasil yang lebih baik. Tidak sedikit pengetahuan yang sudah lama dipercaya sebagai kebenaran mengalami perbaikan maupun perubahan dan banyak penemuan terobosan yang tidak pernah terbayangkan sebelumnya.
Seiring perkembangan ilmu pengetahuan dan banyaknya penemuan-penemuan baru di berbagai bidang, bidang pendidikan secara tidak langsung dan mau tidak mau harus beradaptasi terhadap perkembangan tersebut dimana bidang pendidikan merupakan media yang penting dalam distribusi pengetahuan. Untuk beradaptasi terhadap perkembangan informasi yang cepat, bidang pendidikan membutuhkan distribusi informasi yang terbaru yang bisa diakses dengan cepat, tepat, dan efisien.
Universitas adalah level pendidikan tertinggi dengan banyak informasi yang perlu dibagikan kepada masyarakat untuk mengetahui apa saja fasilitas, kegiatan, tenaga pengajar dalam sebuah universitas. Dalam lingkup yang lebih khusus, Jurusan Teknik Elektro Universitas Kristen Maranatha sebagai bagian dari sebuah Universitas juga membutuhkan sebuah sarana publikasi untuk membagikan informasi pada masyarakat.
Dengan adanya kebutuhan sarana publikasi tersebut maka diputuskan untuk merealisasikan sebuah Web Portal Jurusan Teknik Elektro sebagai Tugas Akhir. Web Portal ini akan dibangun menggunakan framework PHP yaitu Laravel yang akan menggunakan sistem MVC (Model View Controller) dan Perancangan sistem menggunakan UML dengan software Rational Rose.
2
Universitas Kristen Maranatha 1.2 Tujuan Penelitian
Tujuan dari Tugas Akhir ini adalah membuat sebuah Web Portal Jurusan Teknik Elektro sebagai sarana publikasi JurusanTeknikElektro kepada masyarakat umum.
1.3 Pembatasan Masalah
Berikut ini adalah batasan masalah yang akan digunakan sebagai berikut 1. Realisasi menggunakan pemrograman Framework PHP yaitu Laravel 2. Pemrograman menggunakan Full Object Oriented
3. Perancangan sistem menggunakan UML dengan software Rational Rose
4. Sistem Keamanan standard Laravel menggunakan web server di lokal komputer
1.4 Metode Penelitian
Pengerjaan Tugas Akhir penulis menggunakan metodologi sebagai berikut: a. Studi literatur
Bertujuan untuk mempelajari dan memahami teori dasar tentang sistem MVC (model view controller), dasar pemgrograman Laravel, dan Rekayasa Perangkat Lunak Rational Rose
b. Pengumpulan data
Mengumpulkan data dan informasi yang terkait kebutuhan user dari Web Portal Jurusan Teknik Elektro
c. Perancangan
Pengembangan Web Portal melalui tahapan-tahapan sebagai berikut: i. Inisiasi
Pembuatan proposal perangkat lunak ii. PengembanganKonsepSistem
Mendefinisikan lingkup konsep sistem dari webportal Jurusan Teknik Elektro
iii. Perencanaan
3
Universitas Kristen Maranatha iv. AnalisisKebutuhan
Mendokumentasikan kebutuhan dari user (analisa dan pengembangan kebutuhan user)
v. Desain
Mentransformasikan kebutuhan user menjadi fitur dan fungsi pada web portal Jurusan Teknik Elektro
vi. IntegrasidanPengujian
Demo sistem web portal dengan spesifikasi kebutuhan fungsional vii. Koreksi
Melakukan perbaikan berdasarkan feedback dari hasil pengujian
1.5 Sistematika Penyajian
Tugas Akhir ini disusun dengan sistematika penulisan sebagai berikut:
BAB I PENDAHULUAN
Membahas tentang latar belakang dilakukannya Tugas Akhir, rumusan masalah yang akan dibahas, maksud dan tujuan yang ingin dicapai, batasan masalah, metode penyelesaian masalah yang digunakan dalam Tugas Akhir ini, dan sistematika dari penulisan
BAB II LANDASAN TEORI
Berisi penjelasan dan teori mengenai Framework Laravel, sistem MVC (Model View Controller), dan Rekayasa Perangkat Lunak Rational Rose yang akan digunakan untuk membangun sitem Web Portal Jurusan Teknik Elektro.
BAB III PERANCANGAN SISTEM
Berisi perancangan sistem yang terdiri Use Case, Class Diagram, Sequences
Diagram, Activity Diagram.
BAB IV PENGUJIAN DAN ANALISA
4
Universitas Kristen Maranatha BAB V KESIMPULAN DAN SARAN
Berisi kesimpulan dari hasil penelitian Tugas Akhir ini serta saran-saran untuk pengembangan lebih lanjut.
1.6 Konten Web Portal JurusanTeknik Elektro
Web Portal
Gambar 1.1 Konten Web Portal Jurusan Teknik Elektro 1. Home
Home akan berisi Visi dan Misi dan tujuan dari Juruasn Teknik Elektro, Profil Lulusan, Pengumuman, dan Agenda Kegiatan dari Jurusan Teknik Elektro.
2. Akademik
Halaman Akademik akan berisi informasi mengenai program studi yang ditawarkan dan Kurikulum Jurusan Teknik Elektro.
3. Staff
5
Universitas Kristen Maranatha 4. Fasiltas
Halaman Fasilitas berisi daftar dan penjelasan mengenai laboratorium dan perpustakaan. Laboratorium akan mencakup penjelasan mengenai praktikum, kegiatan pelatihan, penelitian, Tugas Akhir, dan proyek.
5. Penelitian dan PPM
Halaman ini berisi informasi mengenai Research Group, Journal, dan Proseding
5. Alumni
Halaman Alumni akan berisi keterangan mengenai testimony dari para alumni Jurusan Teknik Elektro
6. Aktivitas Mahasiswa
Halaman ini berisi informasi mengenai kegiatan mahasiswa seperti Hima dan Workshop
7. Kerjasama
Halaman ini berisi daftar kerjasama Jurusan Teknik Elektro dengan pihak dari luar Universitas
8. Forum Tanya Jawab
95
Universitas Kristen Maranatha BAB V
KESIMPULAN DAN SARAN
Pada bab ini akan dijelaskan mengenai kesimpulan yang diambil dari hasil pengamatan dan saran- untuk pengembangan lebih lanjut.
5.1 KESIMPULAN
Perancangan dan realisasi web-portal Jurusan Teknik Elektro Universitas Kristen Maranatha berhasil, web-portal bekerja dengan baik pada lokal server sesuai dengan yang diharapkan.
5.2 SARAN
1. Perlu dikembangkan sistem keamanan untuk web-portal melengkapi sistem keamanan yang sudah ada dari Laravel
PERANCANGAN DAN REALISASI WEB PORTAL
JURUSAN TEKNIK ELEKTRO UNIVERSITAS
KRISTEN MARANATHA
DESIGN AND REALIZATION OF ELECTRICAL
ENGINEERING DEPARTMENT OF MARANATHA CHRISTIAN
UNIVERSITY WEB PORTAL
Tugas Akhir
Diajukan untuk Memenuhi Persyaratan Akademik Dalam Menyelesaikan Pendidikan pada Program Studi S1 Teknik Elektro Universitas Kristen Maranatha
Oleh
ALAN KRISTIAWAN SANTOSO
0622013
PROGRAM STUDI S1 TEKNIK ELEKTRO
FAKULTAS TEKNIK
UNIVERSITAS KRISTEN MARANATHA
BANDUNG
v PRAKATA
Puji dan syukur kepada Tuhan Yang Maha Esa atas berkat dan rahmat-Nya, penulis dapat menyelesaikan Tugas Akhir ini. Tugas Akhir ini berjudul
“PERANCANGAN DAN REALISASI WEB-PORTAL JURUSAN TEKNIK
ELEKTRO UNIVERSITAS KRISTEN MARANATHA” dibuat untuk memenuhi persyaratan program studi Strata 1 Fakultas Teknik Jurusan Elektro di Universitas Kristen Maranatha.
Pada kesempatan ini penulis ingin mengucapkan rasa terima kasih kepada pihak-pihak yang telah membantu penulis dalam Tugas Akhir ini, yaitu:
1. Bapak Dr. Ir. Daniel Setiadikarunia, MT. selaku pembimbing pertama yang telah menyempatkan tenaga, pikiran dan waktunya untuk membimbing penulis dalam menyusun laporan Tugas Akhir ini.
2. Bapak Yonatan Hutama, ST., MT. selaku pembimbing kedua yang telah menyempatkan tenaga, pikiran dan waktunya untuk membimbing penulis dalam menyusun laporan Tugas Akhir ini.
3. Novie Theresia.P., ST., MT. selaku Ketua Program Studi Teknik Elektro Universitas Kristen Maranatha dan dosen penguji yang selalu memberikan saran dan kritik dalam pembuatan tugas akhir ini.
4. Ibu Ir. Yohana Susanthi M.Sc., selaku Koordinator Tugas Akhir Jurusan Teknik Elektro Universitas Kristen Maranatha.
vi
6. Orang tua dan keluarga penulis yang telah memberikan semangat dan dorongan moral dan materi dalam menyelesaikan laporan Tugas Akhir ini.
7. Yohanes Prakasa, Petrus Adrian, Maria Angela, Yordan Triangga .W, S.Kom, Arga Kurniawan, ST., Ricky Shonda, ST., Bapak Diman, Bapak Albert, Bu Lily, Ibu Ningsih, Bapak Heridan, dan teman-teman lainnya yang telah memberikan saran dan kritik kepada penulis ketika mengerjakan Tugas Akhir ini.
8. Serta seluruh pihak yang tidak dapat penulis sebutkan satu-persatu yang telah memberikan kontribusi dalam menyusun laporan Tugas Akhir ini.
Dengan menyadari bahwa tidak ada segala sesuatu yang sempurna, penulis sangat mengharapkan adanya kritik dan saran yang membangun agar segala kekurangan pada laporan Tugas Akhir ini dapat menjadi Masukkan yang berharga bagi penulis.
Akhir kata, penulis mengucapkan terima kasih yang sebesar-besarnya kepada seluruh pihak, semoga Tuhan membalas kebaikan saudara semua. Penulis juga berharap laporan Tugas Akhir ini dapat bermanfaat bagi semua pihak yang membutuhkan.
Bandung, 30 Oktober 2016
96
Universitas Kristen Maranatha
DAFTAR PUSTAKA
1. https://id.wikipedia.org/wiki/HTML 2. http://php.net/manual/en/
3. “Materi Perkuliahan - Pemrograman Berorientasi Objek”, Bandung, Indonesia. 4. “Materi Perkuliahan - Unified Modelling Language (UML)”, Bandung, Indonesia 5. http://laravel.com
6. http://w3schools.com