DEVELOPER GUIDE
User Manual:
Open the PDF directly: View PDF .
Page Count: 10
Download | |
Open PDF In Browser | View PDF |
AIRCRAFT RELIABILITY DAHSBOARD DEVELOPER’S GUIDE FUNDAMENTALS Aircraft Reliability Dashboard pada dasarnya hanya menggunakan PHP dan HTML Native. Disamping itu, Website ini didukung dengan css dari Bootstrap dan jquery untuk membuat website lebih menarik dan informatif. ARSTITEKTUR Aircraft Reliability Dashboard dibuat berdasarkan Arsitektur Client-Server. Database yang digunakan adalah database milik Aircraft Reliability Management. Setiap tabel merupakan tabel tanpa relasi. Modul yang kami gunakan adalah 1. Datatables Datatables merupakan modul open source yang telah lazim digunakan, karena tampilannya yang bagus dan tabel yang responsive. Selengkapnya mengenai datatables dapat diakses disini. Dan plugin ini merupakan plugin online yang dapat digunakan dengan menuliskan jquery di akhir script. Lalu membuat id sesuai dengan jquery yang telah dibuat, yang nantinya digunakan sebagai id untuk tabel tersebut. Gambar 1. Data Tables Copyright – Aircraft Reliability Management - 2017 Karena plugin tersebut adalah plugin open source, maka dokumentasi dari plugin tersebut sama seperti dokumentasi yang tertera pada website Datatables. 2. Chart JS Chart JS merupakan modul open source yang lazim digunakan karena tampilannya menarik dan informatif. Selengkapnya mengenai ChartJS dapat dilihat disini. Dan plugin ini merupakan plugin online yang dapat digunakan dengan menuliskan jquery di akhir script. Lalu membuat id sesuai dengan jquery yang telah dibuat, yang nantinya digunakan sebagai id untuk Canvas tersebut. Gambar 2. ChartJS pada halaman graph_delay.php 3. JSPdf JSPdf merupakan modul open source yang lazim digunakan untuk menekspor data dari website ke format .pdf. Selengkapnya mengenai JSPdf dapat dilihat disini. Sama seperti modul sebelumnya, JSPdf merupakan modul online yang dapat digunakan dengan menuliskan jquery di akhir script. Lalu memberi id pada div yang nantinya akan diekspor. 4. Jsonwrapper.php Jsonwrapper.php merupakan modul open source yang berguna untuk php versi dibawah 5.1 tapi dalam code terdapat fungsi yang memerlukan fungsi json. Funsgi tersebut seperti json_encode, json_decode, atau fungsi json lainnya yang dapat digunakan untuk mempermudah mendevelop website tersebut. ANATOMI CODE Unutk mempermudah developer mendevelop website ini, ada beberapa code yang sengaja kami buat statis. Tetapi Code tersebut selalu dipanggil saat muncul halaman baru. Code itu adalah: 1. Header.php 2. Navbar.php 3. Footer.php Copyright – Aircraft Reliability Management - 2017 Berikut apabila diimplementasikan dalam website Header.php Navbar.php Footer.php Gambar 3. Homepage website Penjelasan lengkap mengenai isi dari code diatas: 1. Header.php Halaman ini hanya menampilkan bagian atas setiap halaman saja. Logo yang digunakan merupakan gambar statis yang kami rancang agar tidak dapat ditekan oleh user. Pada Line 2 yang berisikanmerupakan code untuk menyembunyikan atau menampilkan sidebar. 2. Navbar.php Halaman ini merupakan halaman navigation bar yang selalu melekat di sebelah kiri setiap halaman. Terdapat variable $page_now yang berfungsi untuk menandai sekarang user ada di halaman apa pada navbar. Sehingga apabila user berada di salah satu halaman, maka halaman tersebut akan berubah warna Copyright – Aircraft Reliability Management - 2017 Gambar 4. Halaman user terkini berwarna biru muda 3. Footer.php Halaman ini merupakan bagian bawah website yang menunjukkan bahwa website ini adalah hak milik dari Aircraft Reliability Management. Dan tahun copyright yang menunjukkan bahwa website ini adalah website yang terbaru atau up to date. Terdapat Sembilan tombol yang berada pada navbar. Pada bagian Techlog/Delay, Pareto Techlog/Delay, Components Removal, Pareto Component Removal, dan MTBUR, halaman pertama setelah user menekan tombol tersebut adalah halaman filter. Halaman filter dinamai dengan format “awal_” dan diikuti dengan nama halaman selanjutnya, dan diakhiri dengan “.php”. Contoh: “awal_component.php”, yang artinya halaman ini adalah halaman pertama saat user menekan tombol component. Format penamaan ini berfungsi, sebagai pembeda antara halaman pertama yang hanya berisi filter, dengan halaman setelahnya yang menampilkan data secara keseluruhan. Berikut mengenai penjelasan setiap halaman. 1. Halaman inti Halaman inti merupakan halaman yang murni dikerjakan dengan native php. Seperti yang dituliskan pada penjelasan diatas, halaman inti adalah halaman yang bersangkutan dengan Techlog/Delay, Pareto Techlog/Delay, Components Removal, Pareto Component Removal, dan MTBUR. Dalam code kami telah kami sisipkan comment yang berguna untuk membantu developer mendevelop website tersebut. Terdapat kemiripan pada setiap awal halaman tersebut (halaman yang memiliki nama berawalan “awal_”) yaitu memanggil code lain yang berisi