PENGEMBANGAN CODE GENERATOR BERBASIS WEB UNTUK MEMBANGKITKAN KODE MODUL APLIKASI WEB

Transkripsi

1 PENGEMBANGAN CODE GENERATOR BERBASIS WEB UNTUK MEMBANGKITKAN KODE MODUL APLIKASI WEB LAPORAN TUGAS AKHIR Disusun Sebagai Syarat Kelulusan Tingkat Sarjana oleh: Primanio / PROGRAM STUDI TEKNIK INFORMATIKA SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA INSTITUT TEKNOLOGI BANDUNG 2009

2 LEMBAR PENGESAHAN Program Studi Sarjana Teknik Informatika Pengembangan Code Generator Berbasis Web Untuk Membangkitkan Kode Modul Aplikasi Web Tugas Akhir Program Studi Sarjana Teknik Informatika Institut Teknologi Bandung oleh: Primanio / Telah disetujui dan disahkan sebagai Laporan Tugas Akhir di Bandung, pada tanggal 16 September 2009 Pembimbing Riza Satria Perdana, S.T., M.T. NIP i

3 ABSTRAK Pada Tugas Akhir ini dikembangkan perangkat lunak Code Generator yang merupakan sebuah aplikasi web yang dapat membangkitkan kode modul aplikasi web lain yang paling umum digunakan. Code Generator menerima informasi tentang modul aplikasi yang akan dibangkitkan berupa file template serta skema basis data yang diberikan oleh pengguna dan menghasilkan kode dari modul aplikasi tersebut sesuai dengan informasi yang telah diberikan. Code Generator dikembangkan untuk membantu proses pengembangan perangkat lunak, terutama pada fase pembangunan. Proses transformasi rancangan perangkat lunak ke kode program pada fase pembangunan merupakan salah satu proses yang memakan banyak waktu. Code Generator dapat dimanfaatkan untuk mempercepat proses tersebut dengan melakukan pembangkitan kode secara otomatis, terutama pada kode-kode yang repetitif dan bersifat umum. Code Generator menggunakan prinsip Automated Code Generation yang memanfaatkan meta-data dari suatu proyek perangkat lunak dan membangkitkan kode program dari informasi yang diberikan. Meta-data yang diberikan oleh pengguna Code Generator berupa skema basis data dan file template yang berisi rancangan perangkat lunak. File template yang diberikan menggunakan format JavaScript Object Notation (JSON) yang ringan dan relatif mudah untuk dibuat dan diproses Hasil yang didapat dari Tugas Akhir ini adalah tercapainya pengembangan aplikasi web Code Generator. Aplikasi Code Generator tersebut dapat membangkitkan kode aplikasi web yang paling umum digunakan. Kode yang dibangkitkan oleh Code Generator dapat langsung diintegrasikan pada framework yang cukup populer di kalangan pengembang aplikasi web, yaitu CodeIgniter. Kata kunci: Code Generator, Aplikasi Web, template, Automated Code Generation, JavaScript Object Notation, framework, CodeIgniter ii

4 KATA PENGANTAR Puji dan syukur kepada Tuhan Yang Maha Esa, karena atas bimbingan dan kasih sayang-nya penulis dapat menyelesaikan Tugas Akhir ini. Penulis bermaksud berterima kasih kepada semua pihak yang telah berperan penting dalam penyelesaian Tugas Akhir ini, terutama kepada: 1. Bapak Riza Satria Perdana, S.T., M.T., selaku pembimbing, atas bantuan, kesabaran dan bimbingan yang diberikan selama pengerjaan Tugas Akhir ini. 2. Ibu Yani Widyani, S.T., M.T., selaku reviewer dalam Presentasi Proposal Tugas Akhir ini. 3. Bapak Achmad Imam Kristijantoro, S.T., M.Sc., Ph.D, selaku penguji pada Seminar dan Sidang Tugas Akhir ini. 4. Bapak Bugi Wibowo, S.T., M.T., selaku penguji pada Prasidang Tugas Akhir ini. 5. Ibu Tricya E. Widagdo, S.T., M.Sc., selaku penguji pada Sidang Tugas Akhir ini. 6. Keluarga yang telah memberikan dukungan dan doa selama pengerjaan Tugas Akhir ini. 7. Semua teman-teman Teknik Informatika yang telah memberikan berbagai kenangan dan pelajaran berharga selama penulis menjalani perkuliahan di Institut Teknologi Bandung. Semoga Tugas Akhir ini mampu memberi manfaat bagi pihak-pihak yang membutuhkan. Penulis menyadari bahwa masih terdapat kekurangan dalam Tugas Akhir ini dan penulis terbuka terhadap saran dan kritik pada Tugas Akhir ini. Bandung, 26 Agustus 2009 Penulis iii

5 DAFTAR ISI ABSTRAK... ii KATA PENGANTAR... iii DAFTAR ISI... iv DAFTAR TABEL... vii DAFTAR GAMBAR... viii DAFTAR KODE... x BAB I PENDAHULUAN... I LATAR BELAKANG... I RUMUSAN MASALAH... I TUJUAN... I BATASAN MASALAH... I METODOLOGI... I SISTEMATIKA PENULISAN... I-5 BAB II STUDI PUSTAKA... II CODE GENERATOR... II Mekanisme Code Generator... II Jenis Code Generator... II Keuntungan dan Kerugian Penggunaan Code Generator... II JAVASCRIPT OBJECT NOTATION (JSON)... II Gambaran Umum JSON... II Struktur JSON... II JSON Dalam PHP... II APLIKASI WEB BERORIENTASI OBJEK... II Gambaran Umum Aplikasi Web... II Jenis Aplikasi Web... II Penggunaan Konsep Objek dan MVC dalam Aplikasi Web... II Implementasi Objek dalam PHP... II Framework PHP yang menggunakan Model MVC... II-22 iv

6 v BAB III ANALISIS... III APLIKASI YANG DITANGANI OLEH CODE GENERATOR... III Aplikasi Web Informasional... III Aplikasi Web Interaktif... III Aplikasi Web Transaksional... III ANALISIS PEMANFAATAN FRAMEWORK CODEIGNITER... III CodeIgniter Sebagai Framework Aplikasi yang Dibangkitkan... III CodeIgniter Sebagai Framework Aplikasi Code Generator... III ANALISIS APLIKASI CODE GENERATOR... III Gambaran Umum Aplikasi Code Generator... III Analisis Metode Code Generation yang Digunakan... III Analisis Kode Modul Aplikasi Target... III Analisis Kebutuhan Aplikasi Code Generator... III Model Use-case Aplikasi Code Generator... III Model Analisis Aplikasi Code Generator... III-18 BAB IV PERANCANGAN... IV RANCANGAN KELAS APLIKASI CODE GENERATOR... IV Kelas-Kelas Bertipe View... IV Kelas-Kelas Bertipe Model... IV Kelas-Kelas Bertipe Controller... IV Hubungan Antar Kelas Dalam Aktivitas-Aktivitas Pada Code Generator... IV RANCANGAN FILE TEMPLATE... IV File Template Standar Code Generator... IV File Template Masukan Pengguna... IV RANCANGAN ANTARMUKA... IV Halaman Konfigurasi Basis Data... IV Halaman Pemilihan Basis Data... IV Halaman Upload File Definisi Basis Data... IV Halaman Upload File Template... IV-22 BAB V IMPLEMENTASI DAN PENGUJIAN... V-1

7 vi 5.1 LINGKUNGAN IMPLEMENTASI... V BATASAN IMPLEMENTASI... V IMPLEMENTASI APLIKASI CODE GENERATOR... V Implementasi Kelas-Kelas Bertipe Model... V Implementasi Kelas-Kelas Bertipe Controller... V Implementasi Kelas-Kelas Bertipe View... V IMPLEMENTASI ANTARMUKA... V PENGGUNAAN APLIKASI CODE GENERATOR... V Langkah Penggunaan Aplikasi Code Generator... V Deployment Kode Hasil Pembangkitan... V PENGUJIAN APLIKASI CODE GENERATOR... V Lingkungan Pengujian... V Hasil Pengujian... V-11 BAB VI KESIMPULAN DAN SARAN... VI KESIMPULAN... VI SARAN... VI-1 DAFTAR PUSTAKA... xi LAMPIRAN A KASUS UJI SKEMA BASIS DATA... A-1 LAMPIRAN B KASUS UJI RANCANGAN MODUL APLIKASI... B-1

8 DAFTAR TABEL Tabel II-1 Layout spesifik JSON... II-11 Tabel III-1 Penggunaan Tipe Informasional, Interaktif, dan Transaksional pada Tipe Aplikasi Lain... III-2 Tabel III-2 Tanggung Jawab Kelas Pada Aplikasi Web Informatif... III-11 Tabel III-3 Tanggung Jawab Kelas pada Aplikasi Web Interaktif... III-11 Tabel III-4 Tanggung Jawab Kelas pada Aplikasi Web Transaksional... III-11 Tabel III-5 Konfigurasi basis data - Membuat basis data baru... III-16 Tabel III-6 Konfigurasi basis data - Memakai basis data yang sudah ada... III-16 Tabel III-7 Meng-upload file definisi basis data... III-17 Tabel III-8 Meng-upload file template... III-17 Tabel III-9 Membangkitkan kode aplikasi... III-18 Tabel III-10 Rincian kelas dalam aplikasi Code Generator... III-23 Tabel IV-1 Pemetaan Kelas Analisis ke Kelas Perancangan... IV-2 Tabel IV-2 Deskripsi kelas-kelas bertipe view... IV-2 Tabel IV-3 Dekripsi kelas-kelas bertipe model... IV-4 Tabel IV-4 Deskripsi kelas-kelas bertipe controller... IV-7 Tabel V-1 Pemetaan Kelas Perancangan ke Kelas Implementasi... V-2 Tabel V-2 Implementasi Kelas-Kelas Bertipe Model... V-3 Tabel V-3 Implementasi Kelas Dbconfig_model... V-3 Tabel V-4 Implementasi Kelas Template_model... V-4 Tabel V-5 Implementasi Kelas-Kelas Bertipe Controller... V-5 Tabel V-6 Implementasi Kelas Config_db... V-5 Tabel V-7 Implementasi Kelas Template... V-6 Tabel V-8 Implementasi Kelas Generator... V-6 Tabel V-9 Implementasi Kelas-Kelas Bertipe View... V-7 Tabel V-10 Implementasi Kelas Config_db_view... V-7 Tabel V-11 Implementasi Kelas Template_view... V-8 Tabel V-12 Implementasi Kelas Generator_view... V-9 Tabel V-13 Pengujian Aplikasi Code Generator... V-12 Tabel V-14 Pengujian Kode Hasil Pembangkitan... V-15 vii

9 DAFTAR GAMBAR Gambar II-1 Posisi code generator dalam proses implementasi perangkat lunakii-2 Gambar II-2 Unsur-unsur penting dalam pembangkitan kode... II-3 Gambar II-3 Mekanisme code munger... II-4 Gambar II-4 Mekanisme inline-code expander... II-5 Gambar II-5 Mekanisme mixed-code generator... II-5 Gambar II-6 Mekanisme partial-class generator... II-6 Gambar II-7 Mekanisme tier generator... II-7 Gambar II-8 Kompleksitas dan Sejarah Pengembangan Jenis-jenis Aplikasi Web... II-16 Gambar II-9 Skema model MVC... II-18 Gambar II-10 Arsitektur CodeIgniter... II-23 Gambar III-1 Mekanisme aplikasi web informasional... III-3 Gambar III-2 Skema objek aplikasi web informasional... III-3 Gambar III-3 Mekanisme aplikasi web interaktif... III-3 Gambar III-4 Skema objek aplikasi web interaktif... III-4 Gambar III-5 Mekanisme aplikasi web transaksional... III-5 Gambar III-6 Skema objek aplikasi web transaksional... III-5 Gambar III-7 Pemanfaatan Kode Hasil Pembangkitan... III-6 Gambar III-8 Arsitektur Code Generator... III-7 Gambar III-9 Gambaran umum code generator... III-8 Gambar III-10 Diagram use-case code generator... III-15 Gambar III-11 Diagram kelas use-case mengisi konfigurasi basis data... III-19 Gambar III-12 Sequence diagram - Pengguna memilih untuk membuat basis data baru dari file definisi... III-19 Gambar III-13 Sequence diagram - Pengguna memilih untuk menggunakan skema basis data yang sudah ada... III-20 Gambar III-14 Diagram kelas use-case meng-upload file definisi basis data. III-20 Gambar III-15 Sequence diagram Meng-upload file definisi basis data... III-21 Gambar III-16 Diagram kelas use-case meng-upload file template... III-21 Gambar III-17 Sequence diagram Meng-upload file template... III-22 Gambar III-18 Diagram kelas use-case membangkitkan kode aplikasi... III-22 Gambar III-19 Sequence diagram - Membangkitkan kode aplikasi... III-23 Gambar III-20 Diagram kelas keseluruhan aplikasi Code Generator... III-24 Gambar IV-1 Hubungan Antar Kelas dalam Aktivitas Mengisi Konfigurasi Basis Data... IV-10 Gambar IV-2 Hubungan antar kelas dalam aktivitas mneg-upload file definisi basis data... IV-11 viii

10 Gambar IV-3 Hubungan Antar Kelas dalam Aktivitas Meng-upload File template masukan... IV-12 Gambar IV-4 Hubungan antar kelas dalam aktivitas membangkitkan kode aplikasi... IV-13 Gambar IV-5 Pemrosessan File Template Dalam Code Generator... IV-14 Gambar IV-6 Halaman konfigurasi basis data... IV-20 Gambar IV-7 Halaman pemilihan basis data... IV-21 Gambar IV-8 Halaman upload file definisi basis data... IV-21 Gambar IV-9 Halaman upload file template... IV-22 Gambar V-1 Skema Penggunaan Aplikasi Code Generator... V-10 Gambar V-2 Skema Deployment Kode Hasil Pembangkitan... V-10 ix

11 DAFTAR KODE Kode II-1 Contoh JSON - Pasangan Key/Value... II-10 Kode II-2 Contoh JSON - List Nilai Terurut... II-10 Kode II-3 Fungsi json_decode... II-11 Kode II-4 Fungsi json_encode... II-12 Kode II-5 Fungsi json_last_error... II-12 Kode II-6 Contoh Kode Kelas dalam PHP... II-21 Kode II-7 Instansiasi Objek dan Invokasi Method dalam PHP... II-22 Kode II-8 Struktur Kelas Controller dalam CodeIgniter... II-24 Kode IV-1 Rancangan File Template Kelas Model... IV-16 Kode IV-2 Rancangan File Template Kelas Controller... IV-17 Kode IV-3 Rancangan File Template Kelas View... IV-18 Kode IV-4 Rancangan File Template Masukan Pengguna... IV-19 x