Kuliahku

17 Apr 2012

Yahoo User Interface (YUI) Javascript Framework

Yahoo! User Interface Library (YUI) adalah open source JavaScript library untuk membangun kaya interaktif aplikasi web menggunakan teknik seperti Ajax , DHTML dan DOM scripting. YUI mencakup inti beberapa CSS, tersedia di bawah Lisensi BSD .  Pengembangan YUI dimulai pada 2005 dan Yahoo properti seperti My Yahoo! dan halaman depan Yahoo!. YUI dirilis untuk umum pada Februari 2006.

Pada bulan September 2009, Yahoo merilis YUI 3, versi baru dari YUI dibangun untuk memodernisasi perpustakaan dan menggabungkan dari YUI 2. Di antara perangkat tambahan adalah CSS selector mesin didorong untuk mengambil DOM elemen dimaksudkan untuk membuat kode menulis lebih cepat dan lebih mudah.
Perpustakaan YUI proyek di Yahoo! didirikan oleh Thomas Sha dan disponsori secara internal oleh Yahoo! pendiri Jerry Yang , arsitek utamanya Sha, Adam Moore, dan Matt Sweeney.
YUI menyediakan library yang dapat diunduh keseluruhan secara gratis pada Download YUI 2 Library

Utilitas
YUI mempunyai banyak sekali utilitas yang dapat kita gunakan antara lain :

Animasi 
Membantu menciptakan efek posisi, ukuran, opacity atau karakteristik lain dari elemen halaman.
Browser Sejarah Manajer
Membantu aplikasi web menggunakan tombol kembali browser dan fungsi bookmark.
Connection Manager  
Membantu mengelola XMLHttpRequest transaksi dalam lintas-browser mode. Ini telah terintegrasi dukungan untuk bentuk posting, penanganan error , callback dan meng-upload file.
DataSource  
Menyediakan antarmuka dikonfigurasi umum untuk komponen lain untuk berinteraksi dengan berbagai jenis data, dari array JavaScript sederhana untuk server online selama XHR.
Drag dan drop 
Drag YUI dan Utilitas Gugurkan memudahkan untuk membuat draggable elemen dan menciptakan target penurunan yang merespon tarik acara.
Elemen 
Menyediakan pembungkus untuk elemen HTML di DOM dan membuat tugas umum sederhana seperti menambahkan pendengar, memanipulasi DOM, dan menetapkan dan mendapatkan atribut.
ImageLoader 
ImageLoader YUI memungkinkan Anda untuk menunda pemuatan gambar yang tidak terlihat di viewport pada saat beban halaman. Hal ini dapat mengakibatkan meningkatkan kinerja besar.
JSON 
Utility JSON menyediakan metode untuk validasi data JSON masuk untuk memverifikasi bahwa aman dan metode untuk mengkonversi data JavaScript ke sebuah string JSON diformat. Metode ini didasarkan pada karya Douglas Crockford di JSON.org.
YUI Loader
YUI Loader adalah client-side loader mesin yang secara dinamis dapat memuat komponen YUI (dan dependensi) dengan cepat.

Penggunaan YUI Loader
Untuk menggunkan YUI Loader, masukkan script berikut ke dalam halaman web anda :

Label:

28 Mar 2012

Rangkuman Web Programing

Pengertian Internet
Internet merupakan kepanjangan dari interconnection-networking, yang merupakan sistem global dari seluruh jaringan komputer yang saling terhubung menggunakan standar Internet Protocol Suite (TCP/IP) untuk melayani miliaran pengguna di seluruh dunia. Internet ialah sistem komputer umum, yang berhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket (packet switching communication protocol).

Sejarah Internet di Indonesia
Internet masuk di Indonesia pada tahun 1985 yaitu dengan berdirinya UUNET yang menghubungkan UI, UT, ITB, UGM, dan ITS. Dan pada tahun 1990 dibangun Infrastruktur Jaringan Nasional. Pada tahun 1992 diadakan pertemuan pertama yang membahas tentang teknologi internet oleh BPP Teknologi, LAPAN, STT Telkom Bandung dan UI sehingga dibentuklah Internet Paguyuban. Setelah itu pada tahun 1994 Top Level Domain Id masuk ke Indonesia dan IPTEKNET sebagai Internet Service Provide yang pertama di Indonesia. Internet pun mempunyai layanan-layanan, layanan internet antara lain :

WWW (World Wide Web)
Menggunakan konsep hyperlink dan Hypertext Markup LanguageProtokol
HTTP (Hypertext Transfer Protocol), Port 80


Arsitektur Web 

 Teknologi Aplikasi Web
 Sisi Client (Client-side) 
        Diolah di sisi client (web browser) 
       + Lebih ringan  
        -  Statis, kompatibilitas browser, kurang secure 
  Sisi Server (Server-side)  
       Diolah di sisi server (web server + parser) 
       +  Dinamis, secure, kompatibilitas tinggi
       -  lalu lintas meningkat 

Cara Kerja Web 
 Model statis
Browser melakukan permintaan (sesuatu.html) ke  Web server, Web server merespon dengan mengirim Kode HTML ke browser.

Model dinamis

Browser melakukan permintaan (sesuatu.php) ke  Web server, Web server merespon dengan memproses Skip php, mesin php, sehingga menjadi kode HTMLdan dikerikan ke browser. 

Label: