Penggunaan form didalam suatu aplikasi yang berbasis web banyak dibutuhkan untuk menunjang dari Penggunaan form didalam suatu aplikasi yang berbasis web banyak dibutuhkan untuk menunjang dari sisi fungsionalitas web. Kebutuhan akan suatu form sudah menjadi kewajiban didalam aplikasi sisi fungsionalitas web. Kebutuhan akan suatu form sudah menjadi kewajiban didalam aplikasi berbasis
berbasis web, web, karena karena fungsinya fungsinya yang yang memang memang dibutuhkan dibutuhkan diantaranya, diantaranya, sebagai sebagai form form login login suatusuatu member dari web tertentu, form pemesanan dari suatu barang serta form pengisian untuk suatu data. member dari web tertentu, form pemesanan dari suatu barang serta form pengisian untuk suatu data. Selama ini, pembuatan suatu form menggunakan format dari HTML baik itu ditulis secara manual Selama ini, pembuatan suatu form menggunakan format dari HTML baik itu ditulis secara manual maupun menggunakan perangkat lunak yang memang dikembangkan untuk membuat form didalam maupun menggunakan perangkat lunak yang memang dikembangkan untuk membuat form didalam aplikasi web.
aplikasi web. Aplikasi
Aplikasi form builder form builder ini merupakan suatu aplikasi yang dimudahkan untuk membangun suatu form ini merupakan suatu aplikasi yang dimudahkan untuk membangun suatu form sesuai dengan tabel yang ada didalam database yang telah dipilih pengguna. Aplikasi ini dibangun sesuai dengan tabel yang ada didalam database yang telah dipilih pengguna. Aplikasi ini dibangun dengan menggunakan teknologi web seperti Jquery, Ajax dan Javascript serta menggunakan bahasa dengan menggunakan teknologi web seperti Jquery, Ajax dan Javascript serta menggunakan bahasa pemrograman
pemrograman PHP. PHP. AplikasiAplikasi form form builder builder ini menghasilkan generate dari tabel dalam bentuk suatu ini menghasilkan generate dari tabel dalam bentuk suatu folder yang berisi form, beserta bahasa pemrogramannya.
folder yang berisi form, beserta bahasa pemrogramannya. Kata Kunci :
Kata Kunci : form builder form builder , Jquery, Ajax, Javascript, PHP, web, Jquery, Ajax, Javascript, PHP, web
ABSTRACT ABSTRACT
The use of forms within a web-based applications that are needed to support the functionality of the The use of forms within a web-based applications that are needed to support the functionality of the web. The need for a form has become a liability in the web-based applications, because its function is web. The need for a form has become a liability in the web-based applications, because its function is indeed required of them, as a member of the login form certain web, order form of an item as well as indeed required of them, as a member of the login form certain web, order form of an item as well as charging for a data form. During this time, making an HTML form using the format of either written charging for a data form. During this time, making an HTML form using the format of either written manually or using software that was developed to create a form within a web application.
manually or using software that was developed to create a form within a web application.
The application form builder is an application that are permitted to build a form in accordance with The application form builder is an application that are permitted to build a form in accordance with existing tables in a database that has been selected by the user. This application is built using web existing tables in a database that has been selected by the user. This application is built using web technologies such as jQuery, Ajax and Javascript and use the PHP programming language. The technologies such as jQuery, Ajax and Javascript and use the PHP programming language. The application form builder generates generated from a table in the form of a folder that contains the application form builder generates generated from a table in the form of a folder that contains the form, along with programming langua
form, along with programming languages.ges. Key words : form builder, Jquery, AJAX, Java
1.
1. PENDAHULUANPENDAHULUAN 1.1.
1.1. Latar BelakangLatar Belakang
Dengan semakin pesatnya kemajuan Dengan semakin pesatnya kemajuan teknologi yang semakin canggih setiap harinya, teknologi yang semakin canggih setiap harinya, terutama dalam perkembangan suatu aplikasi terutama dalam perkembangan suatu aplikasi web dimana untuk saat ini penggunaan web web dimana untuk saat ini penggunaan web banyak
banyak sekali sekali digunakan digunakan untuk untuk keperluankeperluan masyarakat, baik itu mereka yang mengerti masyarakat, baik itu mereka yang mengerti proses
proses pembuatan pembuatan web web maupun maupun mereka mereka yangyang awam dengan teknologi web yang ada. awam dengan teknologi web yang ada. Didalam penggunaan web itu sendiri, pasti Didalam penggunaan web itu sendiri, pasti menyediakan atau membutuhkan suatu elemen menyediakan atau membutuhkan suatu elemen yang mendukung diantaranya adalah form. yang mendukung diantaranya adalah form.
Untuk saat ini penggunaan form banyak Untuk saat ini penggunaan form banyak dibutuhkan untuk segala bidang misalnya form dibutuhkan untuk segala bidang misalnya form registrasi untuk pendaftaran, form login, form registrasi untuk pendaftaran, form login, form penjualan,
penjualan, dan dan penggunaan penggunaan lainnya lainnya yangyang sesuai dengan kebutuhan masing
sesuai dengan kebutuhan masing – – masing masing pengguna. Karena kebutuhan fo
pengguna. Karena kebutuhan form yang tinggirm yang tinggi dan sisi fungsionalitas serta efisiensi inilah dan sisi fungsionalitas serta efisiensi inilah diperlukan adanya suatu aplikasi yang diperlukan adanya suatu aplikasi yang memudahkan didalam pembuatan form secara memudahkan didalam pembuatan form secara keseluruhan.
keseluruhan.
Oleh karena itu, proyek akhir ini Oleh karena itu, proyek akhir ini diharapkan nantinya dapat mempermudah diharapkan nantinya dapat mempermudah pengguna
pengguna untuk untuk membuat membuat suatu suatu form form untukuntuk aplikasi sesuai dengan
aplikasi sesuai dengan databasedatabase yang telah yang telah mereka buat.
mereka buat. 1.2.
1.2. Rumusan MasalahRumusan Masalah
Setelah melihat latar belakang Setelah melihat latar belakang pembuatan
pembuatan form form builderbuilder ini, permasalahanini, permasalahan yang ada didalam pembuatan aplikasi ini yang ada didalam pembuatan aplikasi ini diantaranya :
diantaranya : a.
a. Bagaimana membuat suatu aplikasiBagaimana membuat suatu aplikasi berbasis
berbasis ajax ajax yang yang dapat dapat menggeneratemenggenerate form beserta php code maupun disertakan form beserta php code maupun disertakan pula ajax javascript-nya,
pula ajax javascript-nya, b.
b. Bagaimana nantinya aplikasiBagaimana nantinya aplikasi form builder form builder mempunyai advance fungsionalitas mempunyai advance fungsionalitas seperti edit code
seperti edit code on the flyon the fly,, c.
c. Bagaimana Bagaimana membuat membuat lingkunganlingkungan aplikasi/kerja yang didalamnya aplikasi/kerja yang didalamnya mendukung untuk dimasukkan suatu mendukung untuk dimasukkan suatu modul yang menggenerate tabel menjadi modul yang menggenerate tabel menjadi suatu form dan report.
suatu form dan report. 1.3.
1.3. Batasan MasalahBatasan Masalah
Melihat dari rumusan masalah yang Melihat dari rumusan masalah yang ada didalam pembuatan aplikasi
ada didalam pembuatan aplikasi form form builderbuilder
c.
c. Komponen HTML yang digunakanKomponen HTML yang digunakan didalam aplikasi ini, diantaranya :
didalam aplikasi ini, diantaranya : -- String,String,
-- Password,Password, -- Text Area,Text Area, -- Combo Box,Combo Box, -- Radio Button,Radio Button, -- Date picker,Date picker, -- Date time picker,Date time picker, -- Time picker,Time picker, -- UploadUpload d.
d. Type data dari MySQL yang tidakType data dari MySQL yang tidak digunakan didalam aplikasi ini, digunakan didalam aplikasi ini, diantaranya :
diantaranya : -- Serial,Serial,
-- Binary, Varbinary,Binary, Varbinary,
-- Tinyblob, Tinyblob, Mediumblob, Mediumblob, Blob,Blob, Longblob,
Longblob, -- Enum,Enum, -- Set,Set,
-- Geometry,Geometry,
-- Point, Linestring, Polygon,Point, Linestring, Polygon,
-- Multipoint, Multipoint, Multilinestring,Multilinestring, Multipolygon,
Multipolygon, -- GeometrycollectionGeometrycollection 1.4.
1.4. Tujuan dan ManfaatTujuan dan Manfaat
Tujuan dari proyek akhir yang Tujuan dari proyek akhir yang berjudul Perancangan dan
berjudul Perancangan dan Pembuatan AplikasiPembuatan Aplikasi Form Builder
Form Builder ini adalah : ini adalah : a.
a. Merancang dan membuat aplikasi formMerancang dan membuat aplikasi form yang dari segi fungsionalitas dibutuhkan yang dari segi fungsionalitas dibutuhkan banyak pengguna
banyak pengguna b.
b. Diharapkan dengan adanya aplikasi formDiharapkan dengan adanya aplikasi form builder ini
builder ini dapat mdapat memberikan kemudahanemberikan kemudahan dalam membuat suatu form dengan dalam membuat suatu form dengan efisien dan efektif
efisien dan efektif 2.
2. TINJAUAN PUSTAKATINJAUAN PUSTAKA 2.1.
2.1. PHPPHP
PHP (dulu
PHP (dulu Personal Personal Home Home PagePage,, sekarang
sekarang Hypertext Hypertext Preprocessor Preprocessor ) merupakan) merupakan salah satu bahasa server
salah satu bahasa server – – side yang didesain side yang didesain khusus untuk aplikasi web. PHP merupakan khusus untuk aplikasi web. PHP merupakan program
program yang yang dikembangkan dikembangkan secara secara bersamabersama oleh para programmer dari seluruh dunia yang oleh para programmer dari seluruh dunia yang menekuni dunia open source. PHP menekuni dunia open source. PHP dikembangkan khususnya untukmengakses dikembangkan khususnya untukmengakses dan memanipulasi data yang ada di data base dan memanipulasi data yang ada di data base sever open source seperti MySQL. Dengan sever open source seperti MySQL. Dengan
a.
a. Bahasa pemrograman PHP adalahBahasa pemrograman PHP adalah sebuah bahasa script yang tidak sebuah bahasa script yang tidak melakukan sebuah
melakukan sebuah kompilasikompilasi dalamdalam penggunaanya.
penggunaanya. b.
b. Web Server yang mendukung PHPWeb Server yang mendukung PHP dapat ditemukan dimana - mana dapat ditemukan dimana - mana dari mulai
dari mulai apacheapache,, IISIIS,, LighttpdLighttpd,, nginx
nginx,, hingga hingga XitamiXitami dengandengan konfigurasi yang relatif mudah. konfigurasi yang relatif mudah. c.
c. Dalam sisi pengembangan lebihDalam sisi pengembangan lebih mudah, karena banyaknya
mudah, karena banyaknya milismilis --milis dan
milis dan developer developer yang siapyang siap membantu dalam pengembangan. membantu dalam pengembangan. d.
d. Dalam sisi pemahamanan, PHPDalam sisi pemahamanan, PHP adalah bahasa scripting yang paling adalah bahasa scripting yang paling mudah karena memiliki referensi mudah karena memiliki referensi yang banyak.
yang banyak.
PHP adalah bahasa open source yang PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
dapat digunakan di berbagai mesin ((LinuxLinux,, Unix
Unix,, MacintoshMacintosh,, WindowsWindows)) dan dapat dan dapat dijalankan secara runtime melalui console dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah serta juga dapat menjalankan perintah-perintah sistem.
sistem. 2.2.
2.2. Konsep Kerja PHPKonsep Kerja PHP
Proses kerja dari suatu web dapat dilihat Proses kerja dari suatu web dapat dilihat sebagai berikut :
sebagai berikut : 1.
1. Browser mengirimkan HTTP Request keBrowser mengirimkan HTTP Request ke Web Server
Web Server 2.
2. Permintaan diterima oleh Web ServerPermintaan diterima oleh Web Server 3.
3. Server menterjemahkan kode PHP yangServer menterjemahkan kode PHP yang diterima menjadi kode HTML
diterima menjadi kode HTML
Kode HTML yang diterjemahkan oleh Kode HTML yang diterjemahkan oleh mesin PHP akan dikirimkan pada HTTP mesin PHP akan dikirimkan pada HTTP Response dan diterima kembali oleh klien. Response dan diterima kembali oleh klien.
dilihat dari suku katanya terdiri dari dua suku dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa kata, yaitu Java dan Script. Java adalah Bahasa pemrograman
pemrograman berorientasi berorientasi objek, objek, sedangkansedangkan Script adalah serangkaian instruksi program. Script adalah serangkaian instruksi program. Ada beberapa hal yang harus diperhatikan Ada beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, dalam pengelolaan pemrograman JavaScript, diantaranya JavaScr
diantaranya JavaScr ipt adalah “case sensitive”,ipt adalah “case sensitive”, yang artinya JavaScript membedakan huruf yang artinya JavaScript membedakan huruf besar dan huruf kec
besar dan huruf kecil.il.
Selain itu, ada beberapa deskripsi dari Selain itu, ada beberapa deskripsi dari javascript
javascript yang yang menjadi menjadi karateristik karateristik daridari Javascript :
Javascript : a.
a. Javascript didesain untuk menambahJavascript didesain untuk menambah interaktif pada halaman HTML.
interaktif pada halaman HTML. b.
b. Javascript merupakan bahasa scripting.Javascript merupakan bahasa scripting. c.
c. Bahasa script merupakan suatu bahasaBahasa script merupakan suatu bahasa pemrograman yang r
pemrograman yang ringan.ingan. d.
d. Javascript biasanya disimpan langsungJavascript biasanya disimpan langsung didalam halaman HTML.
didalam halaman HTML. e.
e. Javascript adalah bahasa interpreter yangJavascript adalah bahasa interpreter yang berarti
berarti script script mengeksekusi mengeksekusi tanpatanpa kompilasi awal.
kompilasi awal. f.
f. Setiap Setiap orang orang dapat dapat menggunakanmenggunakan javascript tanpa harus membeli lisensi. javascript tanpa harus membeli lisensi.
2.4.
2.4. AJAXAJAX
AJAX memiliki kepanjangan AJAX memiliki kepanjangan Asynchronous Javascript And XML Asynchronous Javascript And XML merupakan suatu teknik baru dalam dunia web merupakan suatu teknik baru dalam dunia web tapi bukan merupakan bahasa pemrograman tapi bukan merupakan bahasa pemrograman yang baru. Dengan adanya AJAX, akses data yang baru. Dengan adanya AJAX, akses data ke server yang dikirim melalui client via web ke server yang dikirim melalui client via web dapat lebih cepat daripada mekanisme biasa. dapat lebih cepat daripada mekanisme biasa. Hal ini dikarenakan AJAX tidak perlu Hal ini dikarenakan AJAX tidak perlu melakukan proses loading page (refresh page) melakukan proses loading page (refresh page) atau pindah ke page yang lain.
atau pindah ke page yang lain.
Pada aplikasi Javascript konvensional Pada aplikasi Javascript konvensional jika
jika kita kita menginginkan menginginkan data data dari dari server server kitakita menggunakan Form dan memanggilnya menggunakan Form dan memanggilnya dengan method GET atau POST. Sehingga dengan method GET atau POST. Sehingga pengunjung
pengunjung perlu perlu mengklik mengklik tombol tombol dandan kemudian halaman akan kerefresh untuk kemudian halaman akan kerefresh untuk menampilkan hasil dari request tersebut. Nah, menampilkan hasil dari request tersebut. Nah, kalau dengan Ajax, Javascript berkomunikasi kalau dengan Ajax, Javascript berkomunikasi langsung keserver dengan sebuah fungsi yang langsung keserver dengan sebuah fungsi yang disebut X
disebut XMLHttpRequestMLHttpRequest dengandengan XMLHttpRequest suatu halaman web dapat XMLHttpRequest suatu halaman web dapat direquest dari server dan diterima hasilnya direquest dari server dan diterima hasilnya tanpa perlu terjadi refresh pada halaman web tanpa perlu terjadi refresh pada halaman web
DOM yang diakses denganDOM yang diakses dengan clientclient side
side scripting scripting languagelanguage, khususnya, khususnya implementasi ECMA Script seperti implementasi ECMA Script seperti JavaScript dan JScript, untuk JavaScript dan JScript, untuk menampilkan secara dinamis dan menampilkan secara dinamis dan berinteraksi
berinteraksi dengan informasi dengan informasi yangyang ditampilkan
ditampilkan
Objek Objek XMLHttpRequest XMLHttpRequest untukuntuk melakukan pertukaran data melakukan pertukaran data asinkronus dengan
asinkronus dengan web server web server .. Pada beberapa
Pada beberapa framework framework dan dan kasus Ajax, objek IFrame lebih kasus Ajax, objek IFrame lebih dipilih daripada XMLHttpRequest dipilih daripada XMLHttpRequest untuk melakukan pertukaran data untuk melakukan pertukaran data dengan
dengan web server web server ..
XML umumnya digunakan sebagai XML umumnya digunakan sebagai format untuk pengiriman data, walaupun format untuk pengiriman data, walaupun format lain juga memungkinkan, seperti format lain juga memungkinkan, seperti HTML,
HTML, plain text plain text , JSON dan EBML., JSON dan EBML.
2.5.
2.5. JqueryJquery
JQuery adalah librari JavaScript yang JQuery adalah librari JavaScript yang memungkinkan kita untuk membuat program memungkinkan kita untuk membuat program web pada suatu halaman web, tanpa harus web pada suatu halaman web, tanpa harus secara eksplisit kita menambahkan event atau secara eksplisit kita menambahkan event atau pun properti pada hal
pun properti pada halaman web tersebut.aman web tersebut.
Dengan JQuery, suatu halaman web yang Dengan JQuery, suatu halaman web yang menjadi aplikasi web, jika dilihat sourcenya, menjadi aplikasi web, jika dilihat sourcenya, akan terlihat seperti dokumen HTML biasa; akan terlihat seperti dokumen HTML biasa; tidak ada kode JavaScript yang terlihat tidak ada kode JavaScript yang terlihat langsung. Teknik pemrograman web seperti ini langsung. Teknik pemrograman web seperti ini disebut sebagai unobstrusive JavaScript disebut sebagai unobstrusive JavaScript programming.
programming.
JQuery merupakan salah satu librari yang JQuery merupakan salah satu librari yang membuat program web di sisi klien, tidak membuat program web di sisi klien, tidak terlihat sebagai program JavaScript biasa, yang terlihat sebagai program JavaScript biasa, yang harus secara eksplisit disisipkan pada harus secara eksplisit disisipkan pada dokumen web. Pada teknik pemrograman sisi dokumen web. Pada teknik pemrograman sisi klien dengan menggunakan JavaScript biasa, klien dengan menggunakan JavaScript biasa, setiap elemen yang akan memiliki event, akan setiap elemen yang akan memiliki event, akan secara eksplisit terlihat ada event yang secara eksplisit terlihat ada event yang dilekatkan pada elemen tersebut.
dilekatkan pada elemen tersebut.
JQuery mempunyai lisensi dibawah GNU JQuery mempunyai lisensi dibawah GNU artinya jQuery merupakan aplikasi yang Open artinya jQuery merupakan aplikasi yang Open Source dan bebas di publikasikan oleh Source dan bebas di publikasikan oleh siapapun. Ukurannya juga cukup kecil yaitu siapapun. Ukurannya juga cukup kecil yaitu sebesar 56 KB (
sebesar 56 KB (compressed compressed ) sehingga) sehingga menggunakan jQuery menjadi jauh lebih cepat menggunakan jQuery menjadi jauh lebih cepat dan mudah daripada menggunakan framework dan mudah daripada menggunakan framework yang lain atau menggunakan Javascript yang lain atau menggunakan Javascript
Sistem yang ada saat ini untuk Sistem yang ada saat ini untuk membuat suatu form yang digunakan didalam membuat suatu form yang digunakan didalam sebuah aplikasi web, biasanya pembuat sebuah aplikasi web, biasanya pembuat aplikasi masih melakukan
aplikasi masih melakukan coding coding dandan menghubungkannya terlebih dahulu pada menghubungkannya terlebih dahulu pada database yang ingin digunakan secara manual. database yang ingin digunakan secara manual. Sehingga, secara otomatis mereka harus Sehingga, secara otomatis mereka harus mengerti lebih dalam mengenai cara mengerti lebih dalam mengenai cara pembuatan suatu form yang akan diaplikasikan pembuatan suatu form yang akan diaplikasikan pada sebuah web.
pada sebuah web.
Selain melakukan
Selain melakukan coding coding secarasecara manual, mereka juga harus mendesain form manual, mereka juga harus mendesain form yang akan digunakan sesuai dengan yang ada yang akan digunakan sesuai dengan yang ada didalam database dan kebutuhan yang didalam database dan kebutuhan yang diinginkan.
diinginkan.
3.2.
3.2. Deskripsi SistemDeskripsi Sistem
Aplikasi
Aplikasi form form builder builder ini merupakan ini merupakan suatu sistem yang digunakan untuk suatu sistem yang digunakan untuk memudahkan pengguna didalam melakukan memudahkan pengguna didalam melakukan pembuatan
pembuatan form form yang yang akan akan diaplikasikandiaplikasikan didalam
didalam sebuah sebuah web. web. Dimana Dimana nantinyanantinya pengguna
pengguna dapat dapat menggunakan menggunakan aplikasi aplikasi iniini secara
secara user friendlyuser friendly, karena pengguna dapat, karena pengguna dapat memilih database yang ingin digunakan dan memilih database yang ingin digunakan dan hasilnya nanti berupa form dan report yang hasilnya nanti berupa form dan report yang oleh pengguna nantinya dapat dimasukkan oleh pengguna nantinya dapat dimasukkan kedalam aplikasi web yang dibuat.
kedalam aplikasi web yang dibuat.
3.3.
3.3. Gambaran SistemGambaran Sistem
Alur aplikasi
Alur aplikasi form form builder builder ini secara ini secara keseluruhan digambarkan melalui gambaran keseluruhan digambarkan melalui gambaran sistem berikut :
sistem berikut : a.
Dari gambaran diatas dapat dijelaskan Dari gambaran diatas dapat dijelaskan alur dari aplikasi
alur dari aplikasi form form builder builder ini, mulai ini, mulai dari pemilihan lokasi MySql Server dari pemilihan lokasi MySql Server hingga menampilkan hasil form dan hingga menampilkan hasil form dan report.
report. 1)
1) User memasukkan tempat dimanaUser memasukkan tempat dimana database disimpan, untuk lokal database disimpan, untuk lokal biasanya ada pada localhost
biasanya ada pada localhost 2)
2) Beberapa database akan ditampilkanBeberapa database akan ditampilkan 3)
3) User memilih database yang akanUser memilih database yang akan digunakan
digunakan 4)
4) Setelah memilih database, user dapatSetelah memilih database, user dapat memilih kolom pada tabel yang akan memilih kolom pada tabel yang akan digenerate
digenerate 5)
5) Setelah itu, akan masuk didalamSetelah itu, akan masuk didalam aplikasi inti dimana tabel yang telah aplikasi inti dimana tabel yang telah dipilih akan digenerate menjadi suatu dipilih akan digenerate menjadi suatu tampilan form dan report
tampilan form dan report
3.4.
3.4. Analisa SistemAnalisa Sistem
Sebelum dilakukan perancangan dan Sebelum dilakukan perancangan dan pembuatan
pembuatan aplikasiaplikasi form form builder builder diperlukan diperlukan adanya analisa dari sistem yang akan dibuat adanya analisa dari sistem yang akan dibuat nantinya untuk mengantisipasi kesulitan apa nantinya untuk mengantisipasi kesulitan apa yang ada didalam proses pembuatan aplikasi yang ada didalam proses pembuatan aplikasi ini.
ini.
Analisa yang dilakukan, diantaranya : Analisa yang dilakukan, diantaranya : a.
a. Melakukan Melakukan analisa analisa untukuntuk memetakan didalam membuat memetakan didalam membuat aplikasi yang sebelumnya aplikasi yang sebelumnya dilakukan
dilakukan codingcoding manual secaramanual secara teknik menjadi aplikasi yang secara teknik menjadi aplikasi yang secara detail dapat menyesuaikan dengan detail dapat menyesuaikan dengan kondisi
kondisi hardcodehardcode yang sebenarnya, yang sebenarnya, sehingga diharapkan tujuan awal sehingga diharapkan tujuan awal pembuatan aplikasi
pembuatan aplikasi ini dimana ini dimana useruser dapat seminimal mungkin dapat seminimal mungkin melakukan
melakukan coding coding secara manual secara manual dapat terpenuhi
dapat terpenuhi b.
b. Melakukan analisa dari alur atauMelakukan analisa dari alur atau flow
flow process process aplikasi mulai dari aplikasi mulai dari awal hingga mendapatkan hasil awal hingga mendapatkan hasil yang diinginkan. Diantaranya yang diinginkan. Diantaranya konfigurasi server localhost yang konfigurasi server localhost yang nantinya digunakan untuk nantinya digunakan untuk menampilkan nama
menampilkan nama – – namanama database. Proses ini dilakukan database. Proses ini dilakukan diawal guna melakukan
diawal guna melakukan mapping mapping untuk proses selanjutnya yaitu untuk proses selanjutnya yaitu menampilkan tabel dan kolom yang menampilkan tabel dan kolom yang akan digunakan.
akan digunakan. c.
c. Analisa komunikasi data, karenaAnalisa komunikasi data, karena menggunakan AJAX didalam menggunakan AJAX didalam aplikasi ini, maka perlu dianalisa aplikasi ini, maka perlu dianalisa sebelumnya mengenai proses sebelumnya mengenai proses komunikasi data. Dalam aplikasi komunikasi data. Dalam aplikasi ini menggunakan metode
ini menggunakan metode returnreturn value string
value string didalam didalam prosesproses komunikasi data, dimana komunikasi data, dimana komunikasi ini dilakukan dengan komunikasi ini dilakukan dengan mengirimkan suatu variabel berupa mengirimkan suatu variabel berupa string yang didalamnya berisi data string yang didalamnya berisi data –
– data yang dibutuhkan dan sebagai data yang dibutuhkan dan sebagai pemisah
pemisah didalam didalam variabel variabel tersebuttersebut menggunakan tanda pemisah atau menggunakan tanda pemisah atau yang biasa dikenal dengan yang biasa dikenal dengan tokenisasi string
tokenisasi string .. d.
d. Menganalisa didalam memetakanMenganalisa didalam memetakan ((mapping mapping ) sistem supaya dapat) sistem supaya dapat
e.
e. Menganalisa Menganalisa sistem sistem bagaimanabagaimana supaya didalam aplikasi ini terdapat supaya didalam aplikasi ini terdapat adanya
adanya validate method validate method untuk untuk melakukan pengecekan apakah melakukan pengecekan apakah input yang diberikan sama dengan input yang diberikan sama dengan type data yang ada.
type data yang ada. 4.
4. Flowchart Alur SistemFlowchart Alur Sistem
5.
5. Kesimpulan dan SaranKesimpulan dan Saran
Setelah dilakukan serangkaian proses Setelah dilakukan serangkaian proses perancangan,
perancangan, pembuatan pembuatan hingga hingga pengujianpengujian
untuk mempersingkat waktu pengerjaan untuk mempersingkat waktu pengerjaan mereka. Terutama pada bagian mereka. Terutama pada bagian management database dimana selama ini management database dimana selama ini mereka melakukan
mereka melakukan hardcodehardcode secarsecar amanual.
amanual. 2.
2. Didalam aplikasiDidalam aplikasi form form builderbuilder ini, jugaini, juga terdapat 2 fungsi dimana user dapat terdapat 2 fungsi dimana user dapat melakukan edit data secara langsung melakukan edit data secara langsung ataupun di zip terlebih dahulu untuk ataupun di zip terlebih dahulu untuk disatukan didalam project user.
disatukan didalam project user.
Saran yang dapat dilakukan untuk Saran yang dapat dilakukan untuk pengembangan
pengembangan aplikasiaplikasi form form builder builder berbasis berbasis web versi 2, ialah :
web versi 2, ialah : 1.
1. Dapat dilengkapi lagi type data yangDapat dilengkapi lagi type data yang digunakan didalam aplikasi,
digunakan didalam aplikasi, 2.
2. Menambahkan fungsi check box agarMenambahkan fungsi check box agar dapat dimanfaatkan oleh user jika didalam dapat dimanfaatkan oleh user jika didalam database tersebut membutuhkan adanya database tersebut membutuhkan adanya fungsi check box.
fungsi check box. 6.
6. DAFTAR PUSTAKADAFTAR PUSTAKA [1] Anonim. 2011.
[1] Anonim. 2011. AJAX AJAX . (Online).. (Online). ((http://indo- http://indo- comunity.blogspot.com/2011/01/jenis- jenis-bahasa-pemrograman-dala jenis-bahasa-pemrograman-dalam.htmlm.html,, diakses 19 Juni 2011) diakses 19 Juni 2011) [2] Anonim.
[2] Anonim. AJAX AJAX . . (Online).(Online). ((http://www.w3schools.com/ajax/http://www.w3schools.com/ajax/,, diakses diakses 19 Juni 2011)
19 Juni 2011) [3] Anonim.
[3] Anonim. JavaScript JavaScript . . (Online).(Online). ((http://www.w3schools.com/js/http://www.w3schools.com/js/,, diakses 19 diakses 19 Juni 2011)
Juni 2011) [4] Anonim.
[4] Anonim. JQUERY. JQUERY. (Online).(Online). ((http://cahyasulianto.wordpress.com/web/jqhttp://cahyasulianto.wordpress.com/web/jq uery/
uery/,, diakses 19 Juni 2011) diakses 19 Juni 2011) [5]
[5] Supono. Supono. 2006.2006. Apa Apa Itu Itu Javascript Javascript .. (Online).
(Online).
((http://supono.wordpress.com/2006/09/05/ahttp://supono.wordpress.com/2006/09/05/a pa-itu-javascript/
pa-itu-javascript/,, diakses 19 Juni 2011) diakses 19 Juni 2011) [6]
[6] Sutarman. Sutarman. 2003.2003. “Membangun Aplikasi“Membangun Aplikasi Web dengan PHP dan MySQL”
Web dengan PHP dan MySQL”. Graha. Graha Ilmu. Yogyakarta
Ilmu. Yogyakarta [7] Winarno, Idris.
[7] Winarno, Idris. Ajax Tutorial. Ajax Tutorial. (Online). (Online).
(http://lecturer.eepis-its.edu/~idris/files/aplikasi_web/
its.edu/~idris/files/aplikasi_web/AjaxAjax%20%20 Tutorial
Tutorial.ppt, diakses 19 Juni 2011).ppt, diakses 19 Juni 2011) [8]
[8] Widono, Widono, Arif.Arif. Perancangan Perancangan dandan Pembuatan
Pembuatan Form Form Builder Builder Berbasis Berbasis WebWeb.. 2003 2003 [9] [9] ((http://dudu.web.id/2010/11/tutorial- http://dudu.web.id/2010/11/tutorial-START START STOP STOP Input lokasi server, Input lokasi server, username dan password username dan password
Memilih database Memilih database yang digunakan yang digunakan Memilih tabel Memilih tabel yang akan yang akan
di-Melakukan generate dari Melakukan generate dari tabel yang telah dipilih tabel yang telah dipilih me
menn adi adi foform rm dadan rn ree orortt
Hasil generate berupa Hasil generate berupa tampilan
tampilan preview preview dan zip dan zip yang didalamnya berisi yang didalamnya berisi form presentasi, php code, form presentasi, php code, dan ajax Javascript(bersifat dan ajax Javascript(bersifat