PENJELASAN jQuery UI dan Contoh Instalasi jQuery Ui di Bidang Kerja

JQuery UI merupakan plugin komponen user interface (hal-hal yang berhubungan dengan antarmuka pengguna) berupa interaksi, widget berfitur lengkap dan efek animasi yang berada di bawah framework JQuery. Setiap komponen dibangun sesuai dengan arsitektur kerja JQuery (menemukan sesuatu, kemudian memanipulasinya) dan memiliki kemampuan untuk menerima tema yang bermacam-macam sesuai dengan keperluan desain — JQuery UI

Sejauh yang Saya pelajari selama ini, dibandingkan dengan kemampuannya sebagai pendukung efek-efek animasi baru yang tidak ada di dalam JQuery, peran JQuery UI lebih mendominasi ke dalam hal-hal yang berhubungan dengan penciptaan aplikasi online dengan standar yang sangat baik:

Contoh Instalasi JQuery UI dalam Bidang Kerja

12345678910<link href='jqueryui-theme.css' type='text/css' rel='stylesheet'>

<script src='jquery.js' type='text/javascript'></script>

<script src='jqueryui-1.8.1.js' type='text/javascript'></script>

<script type='text/javascript'>

$(document).ready(function() {

  // Lakukan sesuatu di sini...

});

</script>

Google Ajax Libraries API (CDN)

JQuery UI siap pakai dari Google yang dapat digunakan:

Framework JQuery UI

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js'></script>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js'></script>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/jquery-ui.min.js'></script>

...

...

dan seterusnya sampai versi terakhir di tahun 2011…

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'></script>

CSS

Revisi CSS mengikuti revisi Framework JQuery UI:

<link rel='stylesheet' type='text/css' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/base/jquery-ui.css'>

...

...

<link rel='stylesheet' type='text/css' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css'>

Dokumentasi

Perpustakaan ini bergantung kepada JQuery. Anda juga harus memuat JQuery sebelum memuat modul ini. Versi 1.8.3 tidak didokumentasikan karena jangka waktu revisi yang pendek:

Saat Anda mencoba mengakses JQuery UI 1.8.3, yang keluar adalah JQuery UI 1.8.4

PENJELASAN jQuery

Halo agan2, Saatnya kita menngetahui apa jQuery itu. jQuery adalah Javascript Library, Kumpulan kode/fungsi Javascript siap pakai, sehingga memudahkan dan mempercepat kita dalam membuat kode javascript. Dari pengertian jQuery di atas, Secara standar apabila kita membuat kode javascript, maka diperlukan kode yang cukup panjang, bahkan terkadang sangat sulit dipahami, misalnya fungsi javascript untuk membuat stripe (warna selang-seling) pada baris suatu tabel adalah sebagai berikut:

functionstripe (id){

var even = false;

var evenColor = arguments[1] ? arguments[1] : “#fff”;

var oddColor = arguments[2] ? arguments[2] : “#eee”;

var table = document.getElementById(id);

if (!table) {return;}

var tbodies = table.getElementsByTagName(“tbody”);

for (var h=0; h < tbodies.length; h++) {

var trs = tbodies[h].getElementsByTagName(“tr”);

for (var i=0; i < trs.length; i++){

if (! hasClass(trs[i]) && ! trs[i].style.backgroundColor){

var tds = trs[i].getElementsByName(“td”);

for (var j=0; j<tds.length; j++){

var mytd=tds[j];

if (!hasClass(mytd) && ! mytd.style.backgroundColor){

mytd.style.backgroundColor=even ? evenColor:oddColor;

}

}

}

}

}

}

Nah disinilah peran/kemampuan jQuery sebagai Javascript Library, dimana kita bisa langsung memanggil fungsi yang terdapat di dalam Library tersebut, menariknya dengan kode jQuery kita hanya memerlukan satu/dua baris untuk membuat warna selang-seling pada suatu tabel, berikut kode sederhana jQuery:

jQuery(‘table tr:nth-child(odd)’).addClass(‘odd’);

Buset, ringkas banget kan jika kita menulis dengan kode jQuery? Oke, pada kesimpulannya kode jQuery menyederhanakan kode javascript. Hal ini sesuai dengan slogan kode jQuery yaitu “Write less, do more” yang artinya sedikit menulis tetapi melakukan banyak hal.

MEMBUAT JARINGAN LOCAL AREA NETWORK SEDERHANA MENGGUNAKAN PACKET TRACER

Asalamualaikum......
kali ini saya ingin berbagi ilmu tentang sebuah aplikasi yang biasa digunakan untuk membuat simulasi jaringan pada sebuah perusahaan,instansi pemerintah atau di dunia pendidikan..
Nama aplikasinya "Packet Tracer"....
baik lah kita mulai,
terlebih dulu kita buka aplikasi packet traser nya sehingga akan tampil seperti dibawah ini :

setelah kita buka kita masukan 2 buah komputer yang akan buat saling terhubung

setelah itu masukan pula switch sebagai penghubung kedua komputer tersebut

 

untuk menghubungkan komputer dengan switch kita menggunakan kabel cross

pilih kabel croos dan tarik ke arah komputer,serta kita seting pada fashethernet,begitu pula pada switch nya kita seting fashethernet

setelah kita hubungkan dengan kabel,

kita atur IP pada setiap komputer nya

komputer 1

Komputer 2

setelah IP nya kita atur maka kedua komputer tersebut sudah terkoneksi,untuk mengetahui apakah sudah terkoneksi atau belum kita bisa meng ping ip komputer tersebut

komputer 1 melakukan ping kepada komputer 2

komputer 2 melakukan ping kepada komputer1

atau dengan cara yang lebih mudah menggunkan pengiriman pesan dari komputer 1 kepada komputer 2

pesan dari komputer 1 telah di terima oleh komputer 2,

demikian cara mudah menggunakan packet tracer,

pada kesempatan berikutnya saya akan membuat simulasi menggabungkan 2 buah jaringan atau lebih supaya dapat terhubung,

tapi itu pun kalo saya jadi persentasi pada pelajaran WEB 2.0 ya guys,hehehehe

maka dari itu saya minta doa semua nya supaya saya jadi persentasi :-)

MEMBUAT WOWSLIDER

asalamualaikum.....

pada kesempatan kali ini saya akan menjelaskan tentang wowslider,

sedikit saya jelaskan pengertian wowslider yaitu software untuk menampilkan gambar sesuai dengan keinginan kita dan dapat pula kita pergunakan dalam sebuah website.

baik kita mulai saja,pertama kita harus punya software wowslider.exe dan kemudian kita install software tersebut seperti pada gambar di bawah ini :

setelah selesai menginstall kita klik finish dan coba jalan kan aplikasi tersebut,maka akn tampil seperti ini :

kemudian kita tambahkan image yang akan kita tampilkan pada wowslider

setelah image kita pilih kita pilih properties dan atur template serta efeknya

setelah kita atur kita klik publish dan atur alamat aplikasi kita akan di save dimana,

setelah itu klik publish lagi dan wowslider yang kita buat akan segera muncul

demikian penjelasan tetang wowslider,semoga bermanfaat :-)

KIKY SI KANCIL

hallo guys...
kesempatan kali ini saya akan menjelaskan tentang framework "Kiky Si Kancil" yang saya dapatkan dari dosen saya,
kita bisa lihat di bawah ini tampilan awal nya

Framework Kiky Si Kancil merupakan pengembangan dari CRUD Generator yang dibuat menggunakan kombinasi Lazarus, jQuery-UI, NodeFire dan sedikit imajinasi. Jangan bandingkan Framework "newborn" ini dengan Framework lain yang jauh lebih kompleks seperti Yii atau CodeIgniter. Sesuai dengan misi awalnya, yaitu menciptakan sebuah Framework yang dapat menyediakan mekanisme CRUD dalam hitungan detik, kode-kode pembangun Framework Kiky Si Kancil ini terus mengalami perkembangan ke arah yang lebih baik. Sebagai pendatang baru, diharapkan Framework ini dapat menjadi bahan pembelajaran bagi para pengguna web, khususnya programmer. 

kita bisa login dengan menggunakan

username : kiky

password : kiky

 

menu awal home

sub menu pengaturan user

sub menu pada home

sub menu data

sub menu skin

sub menu skin ini bermaksud untuk merubah background pada framework tersebut,kita bisa sesuaikan skin nya sesuai dengan yang kita inginkan,seperti pada gambar di bawah ini

setelah kita puas mempelajari framework "Kiky Si Kancil" kita bisa mengakhirinya dengan melogout framework tersebut.sekian penjelasan dari saya semoga bermanfaat ya guys.......

Pengertian WEB 2.0

WEB 2.0

Pengertian web 2.0 adalah sebuah teknologi berbasis web yang menawarkan tiga keuntungan. Pertama, kemampuan untuk DIY (do-it-yourself) atau melakukan sendiri, misalnya Wikipedia. Kedua, kemampuan untuk memberikan pengalaman berharga, seperti penggunaan AJAX dan Adobe Flex. Ketiga, pengembangan aplikasi berbasis web yang lebih sederhana seperti penggunaan scripting language PHP dan mashups. Media sosial yang merupakan sekumpulan media baru yang berbasis  Web 2.0 seperti situs jejaring sosial, blog, foto/video sharing sites dan yang lainnya, telah mengubah cara pandang dan praktik bisnis pada abad ke-21. Contoh Web 2.0 yang sangat populer adalah Wikipedia. Wikipedia mengubah bagaimana informasi dibuat dan dipergunakan secara kolaboratif.

Sejarah Lahirnya Web 2.0

            Web 2.0 lahir beberapa tahun lalu dari hasil wacana antara O’Reilly dan MediaLive International. Hanya dalam waktu  satu setengah tahun, lebih dari 9,5 juta halaman web dicatat Google mengandung nama ini.Walaupun diterima oleh banyak kalangan, tidak sedikit yang mengatakan bahwa istilah ini hanya  pekerjaan orang tehnik yang sedang gandrung dengan teknologi sehingga melahirkan kategorisasi yang bodoh dan tidak dapat dipahami publik. Para pelaku bisnis internet memahami bahwa tahun 2001 adalah tahun kelam dotcom. Saat itu memang sebagian besar dotcom yang menghiasi pentas bisnis tiga tahun sebelumnya dan menjadi primadona investasi dunia, tiba-tiba rontok, bertumbangan dan mati. Dotcom boom berubah menjadi Dotcom crash atau dotcom doom.

Tapi di balik kehancuran itu O’Reilly dan MediaLive International melihat bahwa masih ada dotcom yang lolos dari masa kritis tersebut. Setelah dianalisa, dotcom tersebut memiliki ciri yang sama dan ciri itu tidak dimiliki oleh para mantan dotcomers. Untuk mempermudah kategorisasi, Doughterty menyebut generasi baru itu Web 2.0.

Pengertian Web 2.0

            Web 2.0 adalah buzzword terbaru di dunia internet. Berbagai inovasi dan fitur terbaru yang muncul di dunia web membawa suatu pandangan baru tentang jenis situs web atau aplikasi web yang disebut web 2.0. Istilah web 2.0 disebut-sebut oleh Dale Dougherty dari O’Reilly Media yang melakukan brainstorming dengan Craig Cline dari Media Live untuk menghasilkan ide konferensi di mana mereka menjadi host. Akhirnya pada bukan Oktober 2004 O’Reilly Media, Battele dan MediaLive mlakukan konferensi web 2.0 pertama dan kedua pada bulan Oktober 2005. Sebelum muncul istilah web 2.0 yang sering digunakan adalah istilah semantic web.

            Keuntungan dari Web 2.0 adalah memungkinkan pengguna internet dapat melihat konten suatu website tanpa harus berkunjung ke alamat situs yang bersangkutan. Kemampuan Web 2.0 juga dalam melakukan aktivitas drag and drop, auto complete, chat, dan voice seperti layaknya aplikasi desktop, bahkan berlaku seperti sistem operasi, dengan menggunakan dukungan AJAX atau berbagai plug-in (API) yang ada di internet. Hal itu akan merubah paradigma pengembang sofware dari distribusi produk menjadi distribusi layanan.

            Sifat dari Web 2.0 adalah read write. Web 2.0 mempunyai kelebihan dimana interaksi sosial di dunia maya sudah menjadi kebutuhan, sehingga Web 2.0 ini memiliki beberapa ciri mencolok yaitu share, collaborate dan exploit. Di era Web 2.0 sekarang, penggunaan web untuk berbagi, pertemanan, kolaborasi menjadi sesuatu yang penting. Web 2.0 hadir dengan semakin banyaknya pengguna blog, Friendster, Myspace, Youtube dan Fickr. Aplikasi web 2.0 disajikan pada suatu web browser yang tidak memerlukan teknologi canggih dari sisi user, seperti MS Words,MS Excell,FrontPages dan yang lainnya. Teknologi Web 2.0 merupakan fasilitas gratis yang bisa digunakan setiap waktu.

Karakteristik Web 2.0

            Situs Web 2.0 membuat para pengguna untuk melakukan lebih dari sekedar mengambil informasi. Kita dapat memiliki data pada situs Web 2.0 dan menjalankan kontrol atas bawah data. Situs ini memiliki “Arsitektur partisipasi” yang mendorong pengguna untuk menambah nilai untuk aplikasi seperti yang mereka gunakan. Sering situs Web 2.0 yang kaya fitur, user-friendly antarmuka berdasarkan Ajax, OpenLaszlo, Flex mirip kaya atau media.

            Salah satu karakteristik pentingnya adalah adanya dukungan pada pemrograman yang sederhana dan ide akan web service atau RSS. Ketersediaan RSS akan menciptakan kemudahan untuk di-remix oleh website lain dengan menggunakan tampilannya masing-masing dan dukungan pemrograman yang sederhana. Adanya kemajuan inovasi pada antar-muka di sisi pengguna merupakan karakter dari Web 2.0. Karakteristik dari Web 2.0 adalah: kaya pengalaman pengguna, konten dinamis, metadata, web standar dan skalabilitas. Karakteristik lebih lanjut, seperti keterbukaan, kebebasan dan kecerdasan kolektif dengan cara partisipasi pengguna, juga dapat dilihat sebagai penting atribut Web 2.0.

Karakter WEB 2.0 adalah :

1.       Web sebagai platform

2.       Data sebagai pengendali utama

3.       Efek jaringan diciptakan oleh arsitektur partisipasi

4.       Inovasi dalam perakitan sistem serta situs disusun dengan menyatukan fitur dari pengembang yang terdistribusi dan independen (semacam model pengembangan “open source”

5.       Model bisnis yang ringan, yang dikembangkan dengan gabungan isi dan layanan

6.       Akhir dari siklus peluncuran (release cycle) perangkat lunak.

7.       Mudah untuk digunakan dan diadopsi oleh user

8.       Teknologi yang dipakai adalah AJAX

Keuntungan dari Web 2.0 adalah :

1.      Mudah untuk memasukkan data atau mengambil data dari system

2.      Pengguna memiliki datanya sendiri pada situs

3.      Berbasis web murni