Artikel EXTJS
-
Upload
adriyanto-prakasa -
Category
Documents
-
view
257 -
download
0
Transcript of Artikel EXTJS
5/13/2018 Artikel EXTJS - slidepdf.com
http://slidepdf.com/reader/full/artikel-extjs 1/3
Ditulis oleh Yudianto Sujana di/pada Februari 26, 2009
Teman saya seorang web developer pernah menyarankan saya untuk belajar tentang ExtJS,karena banyak kesibukkan, baru beberapa hari belakangan ini saya sempet belajar tentang ExtJS.
Begitu mulai mengenal tentang ExtJS saya mulai menyadari bahwa apa yang disarankan teman
saya itu ternyata benar (thanks om). Setelah membaca beberapa tutorial dan mencobanya secaralangsung, saya mulai menikmati membuat aplikasi web dengan ExtJS, karena hanya dengansedikit usaha, saya bisa membuat sesuatu yang hebat.
Oke cukup curhatnya sekarang saya ingin membagikan sedikit dari apa yang sudah saya
pelajari tentang ExtJS.
³Apa itu ExtJS?´ pertanyaan itu mungkin yang pertama kali muncul saat membaca judul artikelini. Pertanyaan yang sama juga saya tanyakan kepada teman saya saat dia memberitahu tentang
ExtJS.ExtJS adalah sebuah library (framework) Javascript yang powerfull yang dapat
menyederhanakan pembuatan aplikasi web berbasis AJAX. Selain mempermudah proses requestdan response secara asynchronous, ExtJS juga menyediakan komponen-komponen yang bisa kita
gunakan untuk membangun antarmuka aplikasi web. Komponen-komponen yang disediakan juga sangat banyak seperti tombol, grid, tab, tree, menu dan lainnya.
ExtJS dapat dijalankan pada semua web browser yang populer saat ini dengan tampilan yangsama antar browser (cross browser). Beberapa web browser yang mendukung ExtJS diantaranya
adalah:
y Internet Explorer versi 6 keatasy Mozilla Firefox versi 1.5 keatas
y Apple Safari versi 2 keatas
y Opera versi 9 keatas
Saat ini ExtJS sudah sampai versi 2.2.1 yang dapat didownload di extjs.com
Seperti kebiasaan sebelumnya, saat orang yang baru mempelajari sebuah bahasa pemrograman,maka akan membuat sebuah program ³Hello World´, maka kita juga akan mencoba membuat
sebuah ³Hello World´ dengan ExtJS.
Sebelum mulai, beberapa hal yang harus kita siapkan sebelum mempelajari ExtJS adalah:
y ExtJSy Web Server, contohnya apache. Untuk mempermudah dapat menggunakan XAMPP
y Editor, saya menggunakan Netbeans 6.5y Web browser
y Kopi & snack
Setelah peralatan lengkap, saatnya kita beraksiPertama buatlah sebuah folder di htdocs, kita beri nama belajarextjs saja biar mudah
5/13/2018 Artikel EXTJS - slidepdf.com
http://slidepdf.com/reader/full/artikel-extjs 2/3
mengingatnya. Setelah itu ekstraklah ExtJS ke dalam folder yang baru kita buat, lalu ubah namafoldernya menjadi extjs.
Buat sebuah file dengan nama hello.html dengan editor anda. Untuk bisa bekerja dengan ExtJSkita harus melakukan link kebeberapa file seperti berikut
view source print?1.<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> 2.<script src="extjs/adapter/ext/ext-base.js"></script> 3.<script src="extjs/ext-all-debug.js"></script>
Link ke file ext-all-debug.js hanya dilakukan pada saat pengembangan, jika aplikasi sudah
selesai dan siap online, link tersebut harus diganti ke file ext-all.jsBerikutnya kita akan membuat skrip untuk menampilkan pesan ³Hello World´.
Tambahkan kode berikut ini dibawah link ke ExtJS
view source print?1.<script> 2.Ext.onReady(function() { 3. Ext.Msg.alert('Pesan', 'Hello World'); 4.}); 5.</script>
Secara lengkap file hello.html akan berisi seperti ini
view source print?
01.<html> 02. <head> 03. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 04. <title></title> 05. <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-
all.css" /> 06. <script src="extjs/adapter/ext/ext-base.js"></script> 07. <script src="extjs/ext-all-debug.js"></script> 08. <script> 09. Ext.onReady(function() { 10. Ext.Msg.alert('Pesan', 'Hello World'); 11. }); 12. </script> 13. </head> 14. <body>
15. 16. </body> 17.</html>
Setelah selesai simpan file dan coba jalankan di browser anda dengan mengetikkan
http://localhost/belajarextjs/hello.html