SISTEM

Mengenal jQuery dan Apa yang bisa dilakukan jQuery ?

2015-12-10T21:43:00.002-08:00

sebelum belajar lebih lanjut tentang jquery minimal kita sudah mengenal dan paham dulu sedikit banyaknya tentang HTML, CSS Seperti biasanya sebelum kita memulai tutorial ini mari kita mengenal sedikit tentang jquery yang akan kita pelajari.

apa-itu-jQuery

Apa itu jQuery ?
jQuery adalah pustaka kecil dari Javascript bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML.

Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah Lisensi MIT dan GPL.
jQuery sangat ringan walaupun hanya sedikit tulisan namun jQuery mampu melakukan hal lebih menakjudkan. jQuery mampu membuat tampilan suatu web menjadi lebih menarik.

Apa yang bisa dilakukan dengan JQuery?

1. Mengakses bagian halaman tertentu dengan mudah.
Tanpa adanya library Javascript khusus, untuk mengakses suatu bagian tertentu dari halaman, harus mengikuti aturan Document Object Model (DOM) dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML.
Dengan kata lain, pengaksesan bagian tertentu dari halaman sangat tergantung pada struktur dari HTML. JQuery menawarkan cara yang mudah (bahkan sangat mudah) dalam mengakses bagian tertentu dari halaman. Pengaksesan juga tidak terlalu bergantung pada struktur HTML.

2. Mengubah tampilan bagian halaman tertentu.
CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web. Namun terkadang CSS punya kelemahan yang cukup mengganggu, yaitu beberapa perintah CSS tidak didukung oleh semua browser. Cukup merepotkan jika kita harus mendesign halaman web dengan beberapa CSS sekaligus. Sekali lagi JQuery menawarkan solusi untuk mengatasi hal tersebut. Dengan JQuery, “kesenjangan” yang terjadi antara browser dalam urusan CSS akan tertutup dengan baik.

3. Mengubah isi dari halaman.
Jaman dulu (baca:sebelum JQuery lahir) cukup sulit jika kita akan mengubah sebagian isi dari halaman. Mengubah disini dapat berarti mengganti teks, menambahkan teks atau gambar, mengurutkan suatu daftar (list), menghapus baris tabel dan sebagainya. Dengan JQuery, hal tersebut dapat dilakukan dengan hanya beberapa baris perintah.

4. Merespond interaksi user dalam halaman.
Website yang baik tidak cukup digambarkan dengan user-interface dan tampilan yang memukau. Namun lebih dari itu, bagaimana pengunjung dapat berinteraksi dengan website dan dapat mengatur tampilannya sendiri.
Interaktivitas sangat bergantung bagaimana pemrograman yang dipakai dalam menangani event-handling. Javascript sendiri memiliki beberapa event-handling seperti onclick untuk menangani event saat terjadi click. Namun demikian, event handling pada Javascript terbatas pada object-object tertentu, dan jenisnya pun terbatas. JQuery melengkapi semuanya dengan tambahan penanganan event-handling yang semakin mudah.

5. Menambahkan animasi ke halaman.
Animasi seringkali disertakan dalam suatu halaman web untuk menambah kecantikannya. Saat ini animasi masih cukup digemari oleh para peselancar situs.
Animasi dapat dibuat dalam berbagai gaya, ada yang menggunakan Flash, gambar bergerak (GIF), video, dan sebagainya. Masing-masing tentu memiliki kelebihan dan kekurangan masing-masing. JQuery sendiri menawarkan konsep animasi (walaupun masih sederhana) yang cukup apik namun ramah bandwidth alias ringan. Salah satu animasi yang bisa dibuat dengan JQuery adalah fading jika terdapat suatu bagian dari halaman ditambahkan atau dihilangkan.

6. Mengambil informasi dari server tanpa me-refresh seluruh halaman.
Mengambil informasi dari server tanpa refresh halaman merupakan salah satu konsep dasar dari yang namanya AJAX (Asynchronous Javascript and XML).
Pada penerapannya, cukup ribet jika harus membangun website dengan konsep AJAX, saat ini banyak library khusus yang berusaha mempermudahnya. JQuery merupakan salah satunya.

7. Menyederhanakan penulisan Javascript biasa.
Semboyan JQuery adalah “Write less, do more” atau dengan kata lain kesederhanaan dalam penulisan code, tetapi menghasilnya tampilan yang lebih. Sebenarnya inilah yang menjadi daya tarik tersendiri buat para pengembang web untuk menggunakan JQuery.
Hal-hal yang perlu anda kuasai sebelum memulai jQuery!
 HTML (wajib!)
 CSS
 JavaScript (wajib!)

jQuery berisi beberapa fitur, yaitu:
 HTML element selections
 HTML element manipulation
 CSS manipulation
 HTML event functions
 JavaScript Effects and animations
 HTML DOM traversal and modification
 AJAX
 Utilities

Memulai jQuery Masih ingat dengan artikel kita yang pertama tentang javascript? jQuery disimpan sebagai file JavaScript tunggal, yang berisi semua metode jQuery. Hal ini dapat ditambahkan ke halaman web dengan markup dalam bentuk link eksternal.
Contoh methode Javascript biasa <script type=“text/javascript”> //disini area penulisan script </script>
jQuery membutuhkan methode dari Javascript tetapi kita melakukan serach dengan link external Contoh penulisan methode jQuery
<script type=“text/javascript” src=“xxx.js”> </script> //ini adalah methode penulisan jQuery.
<script type=“text/javascript”> disini area penulisan script </script>
catatan: Perlu di ingat penulisan tag <script> dari jQuery harus berada pada tag <head> dan </head>.
nah, seperti yang anda lihat di atas methode penulisan jQuery dan javascript hampir sama, hanya saja jQuery menambahkan external link untuk mendapatkan file atau data jQuery yang tersimpan. setelah itu barulah kita menulikan methode javascript seara terpisah.

Pada tag src=“xxx.js” diganti dengan file jQuery yang bisa anda download disedia oleh google code. atau anda bisa berkunjung dan download secara langsung ke website resmi nya di sini: jQuery.com
Contoh dasar berikut saya akan memberikan contoh dasar dari penulisan jQuery yaitu menggunakan methode hide(). kita akan menggunakan html element selection yaitu pada tag element <p> dan menyembunyikan semua yang berada dalam element <p>. pertama buatlah sebuah folder baru dan beri nama jquery test. jika anda menggunakan wamp server maka folder nya bisa anda buat pada direktori www.
setelah itu download file jquery nya lalu masukan kedalam folder yang baru saja anda buat. lalu buka text editor atau html editor favorit anda. lalu buatlah sebuah susunan html biasa seperti ini <html> </head> </head> <body> </body>
berikutnya masukan tag script jquery dan javascript seperti ini pada bagian <head> dan </head>: <script type=”"text/javascript” src=”jquery-1.2.3.pack.js”></script> <script type=”text/javascript”> </script> lalu pada tag <body> dan </body> masukan tag berikut <h3>tekan tombol ini untuk menjalankan jQuery</h3>
<p>ini adalah jquery html element selector pertama saya yang menggunakan methode hide().</p>
<p>ini juga adalah paragraf yang lainnya dan akan hilang juga karena menggunakan tag <p> element</p>
berikut pada tag <script type="text/javascript">dan</script> masukan kode berikut:
$(document).ready(function(){
$("botton").click(function(){
$(“p”).hide();
});
});

setelah itu simpan dengan nama file jquery.html, sekarang coba anda buka pada browser anda file jquery.html dan lihat hasilnya.
bagaimana mudahkan, jika terjadi kesalahan dan file tidak dapat bekerja silahkan berikan komentar dan beritahukan masalahnya.

Salam Otodidak

sumber:
google.com
ilmuwebsite.com
wikipedia.org

Belajar Mengenal Operator Percabangan dan perulangan pada Delphi

2015-11-22T20:41:00.001-08:00

apa itu percabangan pada delphi ? baiklah kita sekarang akan mengenal jenis percabangan dan perulangan pada delphi. Dalam bahasa pemograman delphi mengenal dua operator percabangan

Pengertian Percabangan dan Perulangan
Perulangan adalah suatu cara untuk mengulang satu atau sekumpulan perintah sampai mencapai kondisi tertentu.
Percabangan adalah merupakan operator yang digunakan untuk menentukan pilihan terhadap beberapa pilihan yang ada.

Percabangan dan Perulangan pada Delphi7

Jenis-Jenis Percabangan dan Perulangan

Percabangan IF THEN

Merupakan operator percabangan yang digunakan untuk menentukan pilihan atas beberapa kondisi yang merupakan syarat terhadap pilihan yang sudah ditentukan. Ada dua model percabangan If

1. Percabangan Untuk Pilihan Kondisi Tunggal

Merupakan operator Percabangan yang digunakan untuk menentukan sebuah pilihan dengan kondisi tunggal.
Contoh

If nilai > 76 then keterangan ='Lulus';

2. Percabangan Untuk Kondisi Majemuk

Merupakan operator Percabangan yang digunakan untuk menentukan pilihan dengan kondisi yang harus di penuhi lebih dari satu
Contoh

If nilai > 76 then
ket='a'
else
If nilai > 75 then
ket='b'
If nilai > 65 then
ket='c'
end
end.

Percabangan Case of

Case of adalah merupakan metode lain dari sebuah percabangan, berfungsi sama seperti fungsi if yaitu untuk menentukan sebuah pilihan atas beberapa pilihan dengan kondisi sebagai syarat yang harus terpenuhi. Secara fungsi case dan if tidak ada perbedaan tetapi untuk penulisan fungsi case lebih mudah di terapkan untuk pilihan atau kondisi lebih dari satu
contoh
case <variabel> of
value_1<statement>;
value_2<statement>;
begin
<statement>;
<statement>;
end;
..............
...............
else
<statement>;
end;
end.

Dari sintaks diatas dapat kita lihat bahwa case of hanya membandingkan suatu variabel dengan beberapa isi atau value tertentu. kelebihan dari penggunaan case of terletak pada kemudahan dan minimnya penulisan kode yang di berikan , adapun tipe data yang didukung oleh case of hanyalah data dengan tipe ordinal atau angka, sehingga proses pemilihan kondisinya tidak se-variatif If Then.

Perulangan For To Do

Perulangan ini berjalan dengan menggunakan suatu variabel counter yang akan bertambah secara otomatis ketika perintah yang di ulang telah selesai dikerjakan.
Contoh
For counter:= nilai awal to nilai akhir do
begin
statement;
statement;
end;

Perulangan For Down To Do

perulangan ini sama seperti denan menggunakan suatu variabel counter yang akan bertambah secara otomatis.
contoh
for counter:=nilai awal DownTo nilai akhir Do
begin
perintah;
perintah;
end;

Perulangan Repeat Until

perulangan ini bekerja sampai kondisi yang diinginkan tercapai. Perulangan ini juga bisa digunakan untuk perulangan yang menggunakan banyak kondisi (multi kondisi loop)
contoh
repeat
perintah;
perintah;
until kondisi;

Apa itu Deklarasi dan Tipe Data

2015-11-13T06:39:00.001-08:00

kembali lagi nich belajar pemograman menggunakan delphi , kali ini saya akan coret-coret tentang mengenal Deklarasi dan tipe data . Apa itu Deklarasi ? Apa itu Tipe data ?

1. Deklarasi
Dalam Setiap penulisan bahasa pemograman, deklarasi sangat digunakan apabila dalam penulisan program dibutuhkan identifier atau tanda pengenal. Identifier pada umumnya dibuat oleh programmer yang digunakan untuk mewakili nilai dari suatu object. Indentifier yang dikenal dalam delphi adalah label, konstanta, tipe, fungsi, procedure maupun variabel.

Deklarasi Konstanta

Deklarasi konstanta adalah tanda pengenal dalam Delphi yang mempunyai nilai yang sudah tetap. diawali dengan kata Const terus di ikuti dengan identifier yang di beri nilai, Untuk contoh deklarasi Konstanta bisa di liat di bawah ini

Deklarasi-Konstanta-Pada-Delphi

Deklarasi variabel

Deklarasi Variabel adalah tanda pengenal dalam delphi yang mempunyai nilai, yang mana nilai tersebut akan terus berubah selama proses berjalan. dan variabel ini diawali dengan kata Var terus di ikuti dengan kumpulan identifier yang di ikuti dengan tipe data yang dibutuhkan. Untuk contoh bisa diliat di bawah ini

Deklarasi-Variabel-Pada-Delphi

2. Tipe Data
Tipe Data itu bisa di bilang tempat untuk menentukan pemberian nilai terhadap suatu variabel sesuai atau tidaknya dengan nilai yang diberikan oleh user . Dalam versi lain tipe data juga di artikan sebagai batasan terhadap fungsi tanda pengenal atas semua nilai yang diterima.. logikanya yaitu ketika kita menempatkan sebuah pengenal harga maka hanya akan mengenal angka, dan jika kita memberikan nilai string makan //aduhh sory hhe nulis makan lagi hhe maksudnya 'maka' maklum lum makan dri tadi nich pulang jalan jalan langsung aja di tulis dan praktekkin biar gak lupa . maka secara otomatis data akan di tolak.

Tipe Data Integer

Awas loh hati-hati bukan interger tapi integer ,soalnya saya sendiri suka lupa penulisannya hhe maklummm masih nubie , nah kembali lagi Tipe Data Integer yaitu merupakan tipe data bilangan bulat yang hanya mengenal bilangan decimal, dan tidak mengenal pecahan.

macam-macam-tipe-data-integer

Tipe Data Enumerated

Tipe data ini adalah berupa nilai urutan dari data yang telah dibuat. Penulisan pada deklarasi

variabel: [variable] : ([data0],[data1],[data2]);

Masing-masing data akan diberikan nilai integer secara urut, urutan dimulai dengan nilai urut 0. Jika ingin melihat nilai integer dari setiap data maka dengan perintah: ord ([data]).

Tipe Data Real

Tipe Data real adalah tipe data dari suatu tanda pengenal. selain mengenal bilangan bulat tipe data ini juga mengenal nilai angka pecahan.

macam-macam-tipe-data-real

Tipe Data String

Tipe Data String adalah salah satu jenis tipe data yang mengenal angka dan dapat juga mengenal data berupa huruf maupun tanda baca.

macam-macam-tipe-data-string

Tipe Data Char

Secara fungsi tipe data char sama dengan tipe data string tetapi dari segi kapasitas ruang di peroleh tipe data char jauh lebih sedikit karena hanya mengenal 1 karakter, tipe data yang berkaitan dengan karakter (huruf, angka, simbol). Ada beberapa tipe data dari character, sbb:
ANSI Char : 1 Karakter ANSI
WIDE Char : 1 Karakter UniCode
Char : sama dengan ANSI
Char Jika Anda ingin memunculkan karakter dari nomor urut, Anda dapat menggunakan perintah chr ([Nourut]). Dan untuk mengetahui no urut dari sebuah karakter, anda dapat menuliskan perintah ord ([karakter]).

Tipe Data Boolean

Tipe data boolean digunakan untuk menyimpan data yang mempunyai dua kondisi yaitu benar atau salah.

macam-macam-tipe data-boolean

Tipe Data Array

Array adalah suatu variabel tungga yang digunakan untuk menyimpan sekumpulan data yang sejenis. Anda dapat memanipulasi, menyalin array hanya dengan sebuah nama. Dalam tipe data array menggunakan nomor elemen di kanan nama array. Contoh:
Var Angka : HimpAngka;
Angka;=[1,2,3,4,5];
Var Hari : array [1…7] of string;
Begin Hari [1] := ‘Senin’;
…
…
Hari [7] := ‘Minggu’;
End;
End.

semoga curat-coret kali ini bisa membatu temen-temen seperjuangan yang lagi belajar menggunakan Program Delphi..

Bagian-Bagian dari delphi

2015-11-11T06:26:00.000-08:00

Setelah kemaren saya post mengenai mengenal pemograman delphi delphi untuk seorang pemula, sekarang saya akan share bagian-bagian dari delphi , apa itu bagian-bagian dari delphi dan seperti apa saja bagian delphi seperti Object TreeView , Object Inspektor , From Designer , Component Pallet , Code Editor , Code Explorer , dan Code Diagram. Banyak temen-temen bertanya apa itu Object TreeView ? dan bagaimana tampilannya , apa itu Object Inspector ? dan seperti apa penampakannya, apa itu From Designer, Component Pallet , Code Editor , Code Explorer , Code Diagram dan bagaimana tampilannya ?

Langsung aja kita simak catatan saya(pemula) di bawah ini .. hayuu broo siapkan kopi + rokok biar enak bacanya hhe

Bagian-Bagian dari delphi
1. Object TreeView adalah sebuah diagram pohon yang menggambarkan hubungan yang menghubungkan semua komponen yang terdapat dalam sebuah project program. komponen tersebut meliputi from, modul atau frame. fungsinya digunakan untuk menampilkan seluruh daftar komponen program dalam aplikasi program sesuai penempatannya, dan untuk tampilan Object TreeView pada delphi liat gambar dibawah ini.

Object-TreeView

2. Object Inspector yaitu jendela yang digunakan untuk mengatur tampilan komponen pada form, misal bagaimana mengubah tulisan button pada command button menjadi Simpan, atau menghapus tulisan pada label dan mengganti nama menjadi Nama Mahasiswa atau memberikan perintah tertentu pada sebuah komponen sehingga ada interaksi ketika program dijalankan.. Secara Umum Object Inspector terbagi menjadi 2 yaitu :
a. Properties Digunakan untuk mengatur tampilan pada sebuah komponen baik itu meliputi penggantian nama, warna, jenis huruf, border dan lain –lain.
b. Event Merupakan jendela properties yang digunakan untuk memberikan fungsi yang lebih detail dari fungsi sebenarnya. Misalnya ketika tombol Simpan di klik maka program akan menjalankan perintah penyimpanan data. Dari kalimat tersebut ada event clik untuk mengeksekusi sebuah tombol simpan. Perintah event clik tersebut dapat diberikan melalui jendela events.
dan untuk tampilan object inspector pada delphi liat gambar di bawah ini.

Object-Inspector

3. From Designer yaitu tempat yang digunakan untuk merancang sebuah aplikasi program yang di ambil dari komponen pallet, dan untuk tampilan from designer pada delphi dapat di lihat di bawah ini

From-Designer

4. Component Pallet adalah sebuah kumpulan icon yang digunakan untuk merancang suatu aplikasi untuk membentuk sebuah aplikasi user interface. Dalam komponen pallete semua icon dikelompokan dalam berbagai komponen sesuai dengan fungsi dan kegunaannya , dan untuk tampilan component pallet dapat di lihat digambar di bawah ini

Component-pallet

5. Code Editor adalah bagian dari delphi yang digunakan untuk menuliskan kode program pada bagian paling kiri yang berisi berupa angka menunjukan baris dan kolom. Keterangan modified menunjukan bahwa telah terjadi modifikasi terhadap baris program dan paling kanan menunjukan status keyboard tentang tombol insert atau over write, dan untuk penampakan code editor pada delphi dapat di lihat pada gambar di bawah ini

Code-Editor

6. Code Explorer adalah sebuah jendela yang digunakan untuk menampilkan seluruh variabel , type , dan rountine yang didefinisikan pada sebuah unit, dan untuk penampakan code explorer pada delphi bisa di lihat pada gambar di bawah ini.

Code-Explorer

7. Code Diagram yaitu fasilitas-fasilitas pada delphi yang digunakan untuk mendesain sebuah diagram atas komponen-komponen yang digunakan dalam suatu rancangan aplikasi, dan untuk penampakannya code diagram pada delphi bisa di liat di bawah ini

Code-Diagram

hahh.. beres juga nich curat-coret mengenai bagian-bagian dari delphi ... udah ah segini aja dulu , nanti kalau nambah ilmu baru saya share lagi ... sekarang saya mau jalan-jalan dulu , Biasa jalan jalan di dunia maya aja , soalnya mau jalan jalan di dunia nyata , sekarang lagi gak punya cewe ,, hhhe yyaya duit juga hah..

.ya udah bye ... dan wilujeng wengi bae selamat malemm,

see u..

Cara Mendaftarkan Blog ke Situs DMCA

2015-11-06T08:11:00.002-08:00

apa itu DMCA ?

oke , DMCA adalah Layanan perlindungan hak cipta yang berformat file digital yang di publish ke dunia maya untuk sebuah situs guna mencegah pembajakan.

cara daftar di DMCA ?

1. masuk ke sini

isi name-company-email terus klik submit