63 3 Halaman Daftar Cagar Budaya
Desain antar muka halaman daftar cagar budaya ditunjukkan pada Gambar 24 di bawah ini:
Gambar 24. Rancangan desain antar muka halaman daftar cagar budaya 4 Halaman Detail Cagar Budaya
Desain antar muka halaman detail cagar budaya ditunjukkan pada Gambar 25 di bawah ini:
Gambar 25. Rancangan desain antar muka halaman detail cagar budaya
64 5 Halaman Login Administrator
Desain antar muka halaman login administrator ditunjukkan pada Gambar 26 di bawah ini:
Gambar 26. Rancangan desain antar muka halaman login administrator 6 Halaman Manage Cagar Budaya
Desain antar muka halaman manage cagar budaya ditunjukkan pada
Gambar 27 di bawah ini:
Gambar 27. Rancangan desain antar muka halaman manage cagar budaya
65 7 Halaman Tambah Cagar Budaya
Desain antar muka halaman tambah cagar budaya ditunjukkan pada Gambar 28 di bawah ini:
Gambar 28. Rancangan desain antar muka halaman tambah cagar budaya
66 8 Halaman Ubah Cagar Budaya
Desain antar muka halaman ubah cagar budaya ditunjukkan pada Gambar 29 di bawah ini:
Gambar 29. Rancangan desain antar muka halaman ubah cagar budaya
C. Tahap Implementasi
1. Implementasi Basis Data Implementasi basis data dilakukan setelah perancangan basis data selesai.
Pada framework Laravel dikenal schema migration yang berfungsi sebagai
database versioning dalam pembuatan basis data sebuah perangkat lunak. Dengan adanya
schema migration tersebut akan memudahkan kita dalam membuat beberapa versi basis data yang kita buat.
a. Tabel Users Hasil implementasi tabel user setelah di
generate oleh schema migration laravel ditunjukkan pada Gambar 30 berikut:
67 Gambar 30. Implementasi tabel users
b. Tabel Periode Implementasi tabel periode ditunjukkan pada Gambar 31 di bawah ini:
Gambar 31. Implementasi tabel periode c. Tabel Kabupaten
Implementasi tabel kabupaten ditunjukkan pada Gambar 32 di bawah ini:
Gambar 32. Implementasi tabel kabupaten d. Tabel Kecamatan
Implementasi tabel kecamatan ditunjukkan pada Gambar 33 di bawah ini:
Gambar 33. Implementasi tabel kecamatan e. Tabel Peta
Implementasi tabel peta ditunjukkan pada Gambar 34 berikut:
68 Gambar 34. Implementasi tabel peta
f. Tabel Foto
Implementasi tabel foto ditunjukkan pada Gambar 35 di bawah ini:
Gambar 35. Implementasi tabel foto 2. Implementasi Program
Implementasi program aplikasi Historia ini menggunakan text editor Sublime
Text versi 2. Berikut ini adalah beberapa potongan source code program yang
terdiri dari kelas routes, controller, model dan database.
a. Potongan Source Code Kelas Routes Potongan
source code kelas routes ditunjukkan pada Gambar 36 berikut:
Gambar 36. Potongan source code kelas routes