Senin, 16 November 2009

Struktur dan Sintak Dasar Javascript

Struktur dan Sintak Dasar Javascript

Ditinjau dari segi pembuatan dan penulisannya, javascript tidak jauh beda dengan HTML seperti pada pertemuan awal kita, sehingga file yang menggunakan sintak javascript di dalam script HTML dapat menggunakan ekstension HTML juga.Script dasar dalam javascript diawali dengan sintak dan diakhiri dengan sintak . Agar text editor dapat mengidentifikasikan bahwa sintak tersebut merupakan sintak javascript yang digunakan untuk aplikasi di web, maka perlu penambahan sintak di dalam sintak script yaitu:



Sedangkan ruang yang ada di antara sintak javascript tersebut kita dapat mencantukkan ekspresi, fungsi, pernyataan dan lain sebagainya sesuai keinginan kita. Di dalam penulisan javascript untuk menampilkan suatu pernyataan atau kalimat kita dapat menggunakan sintak:
Document. write( “kalimat yang akan di tampilkan”);
Dan pada setiap akhir pernyataan umumnya disertai dengan tanda titik koma (;) kecuali pada kondisi tertentu saja yang akan kita bahas pada bab­bab berikutnya. Terkadang ada beberapa browser yang lama tidak dapat mengidentifikasikan script javascript secara baik sehingga tampilan di browser tersebut akan menjadi kurang indah untuk dilihat. Oleh karena itu kita harus mengantisipasinya dengan menggunakan tanda “<!­“ setelah penulisan dan tanda “//­>” sebelum penulisan .
Di dalam script javascript juga dikenal tanda komentar yang apabila kita bubuhkan tanda tersebut maka kalimat yang ada di samping ataupun di antara tanda tersebut perfungsi sebagai komentar saja dan tidak tertampilkan di browser. Tanda ini sangat membantu bagi pemula atau yang baru mempelajari javascript agar lebih memahami fungsi maupun peran sintak yang di terangkan oleh tanda keterangan tersebut. Tanda tersebut ada beberapa jenis antara lain:
1. “//”, Tanda tersebut apabila kita letakkan di text editor yang menjadi wahana pembuatan script javascript maka kalimat apapun yang ada di sampingnya akan menjadi keterangan dan tidak dapat tertampilkan di browser. Tanda tersebut biasanya digunakan untuk keterangan yang hanya satu baris saja.
2. “/* */ “, tanda tersebut merupakan tanda komentar yang apabila ada kalimat di antaranya maka kaliamat tersebut akan menjadi keterangan biasa dan tidak tertampilkan oleh browser. Tanda ini biasanya digunakan pada keterangan yang sbanyaknya beberapa baris.
Dari segi peletakan posisi sintak javascript, kita dapat membaginya menjadi 2 kondisi, sebagai berikut:
1. Sintak javascript ditulis dengan file yang berbeda.
2. Sintak javascript terintegrasi dengan sintak HTML.
Di bawah ini kita akan menguraikan secara rinci perbedaan antara kedua kondisi di atas yaitu:


1. Sintak javascript ditulis dengan file yang berbeda
Tata cara penulisan seperti ini yaitu memisahkan sintak javascript dengan sintak HTML dapat memudahkan bagi pembuat web apabila kita ingin membuat web yang berisi berbagai aplikasi javascript di setiap halaman yang kita buat. Penulisan secara manual sintak javascript di setiap lembar web akan cukup merepotkan bagi kita terlebih lagi hal tersebut dapat memperberat kerja server karena besarnya file yang harus di kerjakan di server akibat banyaknya script javascript yang berulang­ulang di setiap file web tersebut. Hal ini dapat di atasi dengan membuat suatu file khusus bagi script javascript yang sama dari beberapa file yang menggunakan script tersebut sehingga file utama akan mencari file tersebut dengan sintak tertentu.
Script javascript yang kita buat tersebut kemudina kita simpan dalam suatu
file dengan ekstension “.js”. Dalam file tersebut kita tidak perlu
mencatumkan sintak pembuka dan sintak penutup .File utama terserbut akan mencari file yang berekstention “.js” tersebut dengan sintak :

Dengan menggunakan sintak terserbut, kita dapat memanggil kapanpun dan diposisi manapun kita ingin menampilkan aplikasi javascript. Metode ini sangat memudahkan dan cukup praktis bagi pembuat web.

2. Sintak javascript terintegrasi dengan sintak HTML
Metode ini sudah cukup banyak digunakan oleh para pembuat web di dunia dan cakupan script yang digunakan tidaklah terlalu banyak sehingga tidak terlalu memberi efek berarti bagi daya kerja server untuk mengirim web yang beraplikasi javascript ke browser. Sintak­sintak javascript yang menggunakan metode ini biasanya tidak terlalu sering dibuat oleh sipembuat web karena bila ada script javascript yang ingin digunakan secara berulang­ulang maka akan lebih efisien kalau dibuat dengan cara seperti cara nomor di atas. Bila kita letakkan sintak javascript bersamaan dengan sintak HTML biasa dan kita buat secara berulang­ulang di setiap lembar web yang kita buat maka hal tersebut akan menjadikan ukuran web kita akan menjadi lebih besar dibandingkan bila kita menggunakan cara pertama seperti di atas.


Posisi Script Javascript di File HTML
Dari segi penulisan javascript, kita dapat menulis sintak (script) javascript di beberapa posisi pada bagian tertentu di sintak HTML yang telah ada. Di bawah ini kita akan membahas berbagai posisi yang dapat diletakkan sintak javascript di bagan file HTML seperti pada bagian HEAD maupun BODY.
1. Script javascript diletakkan di antara ....
Posisi ini sering sekali kita jumpai hampir disetiap web. Posisi ini cukup membantu kecepatan tampilan web yang menggunakan aplikasi javascript. Karena sifatnya interpreter, maka ketika browser pertama sekali membaca sebuah web yang dipanggil olehnya, apabila script javascript tersebut diletakkan di antara sintak ... . maka browser akan pertama sekali membaca dan mengidentifikasi sintak tersebut sebelum browser membaca isi dari . Hal ini sangat membantu dari segi kecepatan tampilan sebuah web di browser.
2. Script javascript diletakkan di antara ....
Penempatan script javascript di antara sintak BODY merupakan salah satu metode posisi pengetikan script javascript selain seperti yang di atas. Jika kita meletakkan script javascript di dalam sintak BODY maka ketika browser menerima sebuah web dari salah satu web server maka sintak javascript dan sintak HTML lainnya akan bersamaan diproses sehingga kecepatannya akan sedikit berkurang bila dibandingkan sintak javascript diletakkan di antara HEAD. Hal ini disebabkan javascript bersifat interpreter. Penempatan posisi ini juga dapat mengatur posisi aplikasi javascript pada tubuh website yang kita buat dengan mengaturnya melalui table agar preposisi javascript dapat dengan mudah diletakkan







Read More......

Pengenalaan JavaScript


Seperti halnya dengan bahasa pemograman lainnya, yakni Pascal, C++, Basic dan sebagainya, java merupakan bahasa pemograman yang umurnya relatif masih muda bila dibandingkan dengan lainnya.
Java merupakan bahasa pemograman yang menjadi kelanjutan dari bahasa C++. Java dikembangkan oleh Sun Microsystem, Inc. pada tahun 1995 dan telah mengalami revolusi (perkembangan) yang sangat pesat sampai sekarang ini.

Bahasa pemograman ini memiliki beberapa keunggulan dibandingkan dengan bahasa pemograman lainnya yaitu ukuran filenya kecil, akses data cepat, bersifat kompiler­interpreter dan dapat dibaca oleh berbagai system operasi seperti windows ataupun linux.

Java memiliki sifat platform independent (terbuka) yang menjadi ciri khas bahasa pemograman tersebut. Hal ini menyebabkan bahasa pemograman ini dapat di baca seluruh komputer tanpa harus mengkonversinya sehingga ketika user sedang berkomunikasi dengan menggunakan fasilitas komputer, user tidak perlu mengkhawatirkan perbedaan software maupun hardware dari masing­masing komputer.Javascript merupakan bahasa pemograman yang dibuat untuk memudahkan bagi setiap orang untuk mempelajari bahasa Java. Berbeda dengan java, javascript tidak memiliki kompiler seperti halnya java. Sifat yang sama dengan bahasa java adalah javascript bersifat interpreter, yaitu script yang telah dibuat di text editor seperti notepad atau wordpad akan dibaca perbaris dari baris awal sampai akhir. Bahasa pemograman javascript dibuat secara khusus untuk membuat suatu halaman web yang interaktif maupun dinamis. Jika java merupakan bahasa pemograman dan HTML (Hyper Text Markup Language) merupakan bahasa kode maka javascript hibrid yang menjadi perpaduan antara bahasa java dengan HTML.

Beberapa keunggulan javascript dalam mengolah dan mengkondisikan sebuah web antara lain, karena ukuran filenya kecil maka ketika seorang merequest sebuah web dari webserver dimana didalam web tersebut memuat script javascript maka aplikasi dari javascript tersebut akan cepat tampil di browser tanpa harus diolah terlebih dahulu di server. Hal ini disebabkan karena javascript memiliki sifat client side yaitu script yang ketika dipanggil oleh browser akan langsung tampil tanpa harus dioleh di server disertai script aslinya sehingga user dapat melihat sourcenya dengan mudah tanpa terenkripsi oleh server.

Sedangkan ada beberapa bahasa pemograman web yang ketika dipanggil browser maka script program tersebut akan diolah dan bekerja di server, sedangkan ketika web tersebut akan ditampilkan di browser maka scriptnya tidak akan disertai di browser karena scriptnya hanya akan bekerja di server dan tidak bekerja di client. Bahasa pemograman ini sifatnya server side. Contohnya antara lain adalah PHP, ASP, JSP dan masih banyak lainnya. Beberapa jenis software yang menjadi webserver di antaranya adalah apache yang sekarang ini sangat digandrungi oleh banyak sebagian besar masterweb untuk dijadikan webservernya.


Untuk permasalahan server side ini, kita akan membahasnya pada bab selanjutnya yaitu mengenai MySQL dan PHP. Pada bab ini kita hanya membahas peran javascript sebagai aplikasi tambahan di browser yang bersifat client side. Beberapa keuntungan dan keunggulan javascript sebagai bahasa pemograman di web sedikit telah kita uraikan di paragraph sebelumnya. Javascript juga mampu membuat aplikasi yang sangat menarik yang dapat kita letakkan di web kita. Seperti program kalkulator sederhana yang dipakai di web www.kajianwebsite.org, pembuatan link­link dinamis yang hanya mendekatkan kursor ke link tersebut maka akan keluar­menu­menu lainnya. Jenis ini bisa dilihat di webnya www.microsoft.com. Ada juga yang mampu membuat animasi gambar dan text yang cukup banyak digunakan di web­web yang terkenal seperti www.detik.com. Bahkan ada juga yang bisa membuat game dari javascript dan juga membuat homepage online. Jika kita sering browsing di internet maka kita akan mudah menemukan aplikasi­aplikasi javascript yang terdapat di web­web yang interaktif dan dinamis.
Dalam pembuatan javascript, text editor yang memungkinkan untuk digunakan adalah notepad, wordpad dan sebagainya. Ada beberapa Browser yang mendukung untuk menjalankan javascript dan juga yang tidak mendukung javascript, untuk browser yang mendukung javascript ada beberapa jenis seperti internet explorer dan netscape.

Pada awalnya perkembangan javascript dengan pesat disebabkan semakin menjamurnya web­web yang ada di internet. Perkembangan World Wide Web yang sangat pesat menyebabkan munculnya banyak homepage dengan halaman¬halaman yang sangat menarik. Halaman Web yang dulunya hanya berupa teks sekarang menjadi cerdas dan interaktif.

Oleh karena itu muncullah CGI (Common Gateway Interface).Dengan CGI, halaman web bisa menampilkan pencacah pengunjung , animasi sederhana dan masih banyak lagi sayangnya CGI meletakkan beban pemrosesan di server, bukan di client . akibatnya dengan semakin banyaknya pengguna yang mengakses server lalu lintas jaringan semakin padat. Di samping CGI ada bahasa pemrograman lain yang juga digunakan untuk menigkatkan interaktivitas halaman web yaitu java, yang pemrosesannya dilakukan di client namun sayangnya java sangat sulit dipelajari terutama oleh pemula. Karena itu dibuatlah suatu bahasa pemograman web yang khusus dibuat untuk memberikan tampilan yang interaktif dan dinamis di sebuah web sehingga memberi kesan bagi pengunjung agar pengunjung tersebut sering membuka web tersebut yang mengakibatkan informasi yang kita letakkan di dalam web tersebut dapat dibaca oleh banyak pemakai jasa internet di dunia.



Read More......