RANCANG BANGUN APLIKASI PORTOFOLIO MAHASISWA MENGGUNAKAN FRAMEWORK LARAVEL (STUDI KASUS JURUSAN TEKNIK INFORMATIKA UNIVERSITAS MUHAMMADIYAH MALANG)

Transkripsi

1 RANCANG BANGUN APLIKASI PORTOFOLIO MAHASISWA MENGGUNAKAN FRAMEWORK LARAVEL (STUDI KASUS JURUSAN TEKNIK INFORMATIKA UNIVERSITAS MUHAMMADIYAH MALANG) TUGAS AKHIR Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Novan Alkaf Bahraini Saputra JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

2

3

4

5 LEMBAR PERSEMBAHAN Selesainya tugas akhir ini tidak terlepas dari bantuan berbagai pihak, sehingga pada kesempatan ini penulis dengan segala kerendahan hati mengucapkan terima kasih kepada semua pihak yang telah memberikan bantuan moril dan materil secara langsung maupun tidak dalam proses penyusunan tugas akhir ini hingga selesai. Terima kasih kepada : 1. Orang Tua saya, Bapak Ir. H. Syahrul dan Ibu Hj. Djubaidah, atas segala dukungan, bimbingan dan nasehat yang membangun serta doa yang selalu bapak dan ibu selipkan disetiap waktu untuk saya. Semoga dengan menyelesaikan Tugas Akhir ini dapat memberikan kebahagiaan untuk bapak dan ibu. 2. Dosen pembimbing saya, bapak Maskur, S.Kom., M.kom dan Bapak Ilyas, S.Kom, M.Kom yang sudah memberikan waktunya untuk membimbing dan memberi masukan terkait tugas akhir saya. Terima kasih atas kata-kata penyemangatnya disetiap saya bimbingan pak!. 3. Rektor beserta pembantu rektor I, II, III UMM yang telah mengapresiasi saya melalui beasiswa prestasi selama 3 semester. 4. Yulida Khairunnisa, perempuan yang selalu memberi semangat untuk dapat menyelesaikan tugas akhir ini. Terima kasih telah menemani disaat senang maupun duka. Akhirnya kita dapat wisuda bareng 5. PSM GITASURYA UMM / Gitasurya Student Choir, keluarga serta rumah kedua saya,juga sebagai tempat untuk menggali pengalaman bermusik. Terima kasih atas apapun yang saya dapat selama saya berada di Gitasurya. Sampai kapanpun Gitasurya adalah rumah dan keluarga bagi saya 6. Kifuh Family, Para sahabat SMA yang selalu memberi semangat! See you on top guys! 7. Badar, Usman, Scot, Ridha, Khafiz, Toriq. Terima kasih atas persahabatan yang luar biasa serta bantuan apapun di masa perkuliaha, kalian awesome guys! Sukses buat kalian semua! 8. Seluruh teman-teman kelas IT-B 2011, sukses selalu untuk kita semua!

6 KATA PENGANTAR Bismillaahhirrahmaanirrahiim Alhamdulillah, puji syukur penulis panjatkan kepada Allah SWT yang telah memberi kekuatan yang pada akhirnya penulis mampu menyelesaikan skripsi ini. Penulisan skripsi ini diajukan untuk memenuhi salah satu syarat kelulusan dalam jenjang perkuliahan Strata 1 Teknik Informatika Universitas Muhammadiyah Malang. Dalam penulisan skripsi ini tidak lepas dari kekurangan, baik aspek kualitas maupun kuantitas dari materi penelitian yang disajikan, maka penulis membutuhkan kritik dan saran yang bersifat membangun untuk kemajuan pendidikan di masa yang akan datang. Malang, 17 Oktober 2015 Penulis

7 DAFTAR ISI ABSTRAK... i ABSTRACT... ii KATA PENGANTAR... iii DAFTAR ISI... iv DAFTAR GAMBAR... vii DAFTAR TABEL... x BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Metodologi Studi Literatur Analisa dan Perancangan Sistem Implementasi Uji Coba dan Evaluasi Penyusunan Laporan Sistematika Penulisan... 4 BAB II LANDASAN TEORI Portofolio Pengertian Portofolio Manfaat Portofolio PHP Framework Pengertian Framework Kelebihan Penggunaan Framework Laravel Sejarah Laravel Arsitektur Laravel Fitur Laravel Penerapan Laravel Pada Aplikasi Portofolio Bootstrap... 17

8 2.6 Basis Data Relational Database Management System (RDBMS) MySql Kelebihan dan Kekurangan MySql UML (Unified Modeling Language) BAB III ANALISIS DAN PERANCANGAN SISTEM Analisa Analisa dan Gambaran Umum Analisa Kebutuhan Fungsional Analisa Kebutuhan Non-Fungsional Usecase Skenario Usecase Perancangan Activity Diagram Sequence Diagram Class Diagram Entity Relationship Diagram Design Interface Aplikasi BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Lingkungan Pengembangan Sistem Implementasi Interface Implementasi Aplikasi Implementasi Artikel Implementasi Profile Implementasi Cetak Portofolio Implementasi Hapus Member Implementasi Registrasi Implementasi Login Implementasi Komentar dan Rating Implementasi Pencarian... 68

9 Implementasi Download Implementasi Notifikasi Implementasi Timeline Pengujian Pengujian Fungsionalitas Pengujian Framework Laravel BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA... 84

10 DAFTAR GAMBAR Gambar 2.1 Popularitas Framework PHP Dalam Lingkup Kerja Gambar 2.1 Popularitas Framework PHP Dalam Personal Project Gambar 3.1 Usecase Diagram Gambar 3.2 Activity Diagram Upload Aplikasi Gambar 3.3 Activity Diagram Edit Aplikasi Gambar 3.4 Activity Diagram Delete Aplikasi Gambar 3.5 Activity Diagram Buat Artikel (User dan Admin) Gambar 3.6 Activity Diagram Edit Artikel (User dan Admin) Gambar 3.7 Activity Diagram Delete Artikel (User dan Admin) Gambar 3.8 Activity Diagram Buat Profile Gambar 3.9 Activity Diagram Edit Profile Gambar 3.10 Activity Diagram Cetak Portofolio Gambar 3.11 Activity Diagram Hapus Member Gambar 3.12 Activity Diagram Regitrasi Gambar 3.13 Activity Diagram Login Gambar 3.14 Activity Diagram Komentar dan Rating Gambar 3.15 Activity Diagram Pencarian Gambar 3.16 Activity Diagram Download Gambar 3.17 Activity Diagram Notifikasi Gambar 3.18 Activity Diagram Timeline Gambar 3.19 Sequence Diagram Upload Aplikasi Gambar 3.20 Sequence Diagram Edit Aplikasi Gambar 3.21 Sequence Diagram Hapus Aplikasi Gambar 3.22 Sequence Diagram Buat Artikel Gambar 3.23 Sequence Diagram Edit Aplikasi Gambar 3.24 Sequence Diagram Hapus Artikel Gambar 3.25 Sequence Diagram Buat Profile Gambar 3.26 Sequence Diagram Edit Profile Gambar 3.27 Sequence Diagram Cetak Portofolio Gambar 3.28 Sequence Diagram Hapus Member Gambar 3.29 Sequence Diagram Registrasi Gambar 3.30 Sequence Diagram Login... 46

11 Gambar 3.31 Sequence Diagram Komentar dan Rating Gambar 3.32 Sequence Diagram Pencarian Gambar 3.33 Sequence Diagram Download Gambar 3.34 Sequence Diagram Notifikasi Gambar 3.35 Sequence Diagram Timeline Gambar 3.36 Class Diagram Gambar 3.37 ERD Diagram Gambar 3.38 Tampilan Login Gambar 3.39 Tampilan Register Gambar 3.40 Tampilan Home Gambar 3.41 Tampilan Halaman Member Gambar 3.42 Tampilan About Gambar 3.43 Tampilan Halaman Admin Gambar 3.44 Tampilan Form Upload Aplikasi Gambar 4.1 Interface Form Upload Aplikasi Gambar 4.2 Potongan Kode Fungsi Untuk Upload Aplikasi Gambar 4.3 Interface Edit Aplikasi Gambar 4.4 Potongan Kode Fungsi Untuk Edit Aplikasi Gambar 4.5 Interface Hapus Aplikasi (User) Gambar 4.6 Potongan Kode Fungsi Untuk Hapus Aplikasi (User) Gambar 4.7 Interface Hapus Aplikasi (Admin) Gambar 4.8 Potongan Kode Fungsi Untuk Hapus Aplikasi (Admin) Gambar 4.9 Interface Buat Artikel Gambar 4.10 Potongan Kode Fungsi Untuk Buat Artikel Gambar 4.11 Interface Edit Artikel Gambar 4.12 Potongan Kode Fungsi Untuk Edit Artikel Gambar 4.13 Interface Hapus Artikel (User) Gambar 4.14 Potongan Kode Fungsi Untuk Hapus Artikel (User) Gambar 4.15 Interface Hapus Artikel (Admin) Gambar 4.16 Potongan Kode Fungsi Untuk Hapus Artike (Admin) Gambar 4.17 Interface Buat Profile... 62

12 Gambar 4.18 Potongan Kode Fungsi Untuk Buat Profile Gambar 4.19 Interface Edit Profile Gambar 4.20 Potongan Kode Fungsi Untuk Edit Profile Gambar 4.21 Interface Cetak Portfolio Gambar 4.22 Potongan Kode Fungsi Untuk Cetak Portofolio Gambar 4.23 Interface Hapus Member Gambar 4.24 Potongan Kode Fungsi Untuk Hapus Member Gambar 4.25 Interface Registrasi Gambar 4.26 Potongan Kode Fungsi Untuk Registrasi Gambar 4.27 Interface Login Gambar 4.28 Potongan Kode Fungsi Untuk Login Gambar 4.29 Interface Komentar dan Rating Gambar 4.30 Potongan Kode Fungsi Untuk Komentar dan Rating Gambar 4.31 Interface Pencarian Gambar 4.32 Potongan Kode Fungsi Untuk Pencarian Gambar 4.33 Interface Download Gambar 4.34 Potongan Kode Fungsi Untuk Download Gambar 4.35 Interface Notifikasi Gambar 4.36 Potongan Kode Fungsi Untuk Notifikasi Gambar 4.37 Interface Timeline Gambar 4.38 Potongan Kode Fungsi Untuk Timeline Gambar 4.39 Hasil Pengujian Keamanan... 81

13 DAFTAR TABEL Tabel 3.1 Kebutuhan Fungsional Tabel 3.2 Kebutuhan Non Fungsional Tabel 3.3 Skenario Aplikasi (User) Tabel 3.4 Skenario Aplikasi (Admin) Tabel 3.5 Skenario Artikel (User) Tabel 3.6 Skenario Artikel (Admin) Tabel 3.7 Skenario Profile Tabel 3.8 Skenario Cetak Portofolio Tabel 3.9 Skenario Hapus Member Tabel 3.10 Skenario Registrasi Tabel 3.11 Skenario Login Tabel 3.12 Skenario Komentar dan Rating Tabel 3.13 Skenario Pencarian Tabel 3.14 Skenario Download Tabel 3.15 Skenario Notifikasi Tabel 3.16 Skenario Timeline Tabel 4.1 Pengujian Fungsionalitas Tabel 4.2 Hasil Pengujian Aspek Kecepatan Tabel 4.3 Hasil Pengujian Aspek Performa... 81

14 DAFTAR PUSTAKA [1] (diakses tanggal 25 Februari 2015, pada pukul ) [2] (diakes tanggal 25 Februari 2015, pada pukul 15.25) [3] (diakses tanggal 25 Februari 2015, pada pukul 15.30) [4] Alatas Husein, RESPONSIVE WEB DESIGN dengan PHP dan BOOTSTRAP, Yogyakarta: Lokomedia, 2013 [5] Hakim Lukmanul, PROYEK WEBSITE SUPER WOW! DGN PHP DAN JQUERY, Yogyakarta: Lokomedia, 2013 [6] (diakses tanggal 2 mei 2015, pada pukul 19.22) [7] (diakses tanggal 2 mei 2015, pada pukul 19.26) [8] (diakses tanggal 2 mei 2015, pada pukul 19.30) [9] (diakses tanggal 2 mei 2015, pada pukul 19.33) [10] (diakses tanggal 4 mei 2015, pada pukul 13.24) [11] Awaludin Rahmat,Menyelami framework laravel,2015 [12] (diakses tanggal 4 mei 2015, pada pukul 13.26) [13] (diakses tanggal 4 mei 2015, pada pukul ) [14] (diakses tanggal 4 mei 2015 pada pukul 13.31) [15] ( diakses tanggal 4 mei 2015, pada pukul ) [16] (diakses tanggal 4 mei 2015, pada pukul 13.33)

15 [17] (diakses tanggal 4 mei 2015, pada pukul 13.36) [18] ( diakses tanggal 2 mei 2015, pada pukul 13.42) [19] (diakses tanggal 4 mei 2015, pada pukul 13.58)

16 BIOGRAFI PENULIS Novan Alkaf Bahraini Saputra dilahirkan di Balikpapan, Kalimantan Timur pada tanggal 10 November Penulis dengan konsentrasi rekayasa perangkat lunak jurusan Teknik Informatika Universitas Muhammadiyah Malang tahun 2011 ini berasal dari Banjarmasin, Kalimantan Selatan yang beralamat di Jl.Meranti II No. 43 Kayutangi. Jika ada pertanyaan dan saran terkait dengan tugas akhir ini dapat menulis pesan melalui novanabs@gmail.com.