Kamis, 18 Oktober 2012

Akhir Cerita Doraemon

Masih ingat kalian tentang doraemon???
Yupz toko yang satu ini 'idola' para kaum hawa dan para anak kecil. Kisah ini mengisahkan seorang anak laki-laki bernama Nobita yang selalu ditimpa kesialan dan selalu di ledek teman-temannya. Namun hal itu berubah ketika datang Robot Masa Depan bernama DORAEMON.

http://vimeo.com/20211079

Kehidupan Nobita berubah drastis dan justru malah membuatnya malas dan selalu mengandalkan alat-alat doraemon (Coba ada alat yg bisa melancarkan huruf R w, w Beli tuh Doraemon di toko-toko, hehehe...)
Banyak sekali petualangan yang terjadi yang mereka lalui bersama, hingga tibalah sebuah akhir dari cerita ini. Sebuah akhir yang tidak kita duga sebelumnya (Banyak banget versi akhirnya, tapi w share yg ini aja ya, coz lebih mengharukan yg ini menurut w).



Mau tau jalan cerita DORAEMON DAN NOBITA: "Akhir Cerita Doraemon". Chek it dot, selamat membaca.
Ingat, jangan lupa membaca bismillah dulu ya... Bismillahirrohmanirrohim...

Selamat Membaca...




















Endingnya sebenernya masih banyak lagi, dan ini sih ending yang lama. Tapi tujuan w membuat ini adalah supaya teman-teman yang punya manga, komik atau Novel bergambar yang bagus supaya kirim ke Email w. Saya ingin membuat Blog Manga Sendiri namun dengan cerita yang beda (yang jarang di baca padahal ceritanya cukup menarik.

Mohon Kirimannya. Terimakasih banyak....


Minggu, 14 Oktober 2012

JavaScript

Kali ini maaf ya Regaster Copas dari Blog temen. Ini cukup berguna loh informasinya untuk memperjelas Anatara Javascript dan HTML buat temen-temen anak SI yang lain yang sedang akan menghadapi ujian Bahasa Java dan Bahasa HTML.

Nih Copassanya (Saya ga ganti sedikitpun dari sumbernya kok):

untuk memahami pengertian java script sebelum nya anda harus memahami pengertian dasar mengenai HTML dan XHTML karna ini akan sangat bersangkutan dengan pengolahan bahasa di java script itu nanti nya !!

dan pengertian java script dan java itu beda yah, jangan sampai kalian menyebut java script dengan sebutan java, karna dari konsep dan desaignya pun sudah berbeda, kalau java itu seperti hal nya dari pemerograman C, Java di buat oleh sun microsystems merupakan bahasa pemerograman yang power full daj jauh lebih rumit sama kategori yang hal nya dengan C dan C++.

sebelum mengenal atau mempelajari bahasa pemerograman dengan menggunakan program java script ini alangkah baiknya kalian mengetahuin  pengertian dari java script itu !!
JAVA SCRIPT  adalah bahasa pemograman pada tingkat interpreter yang mana bahasa memrograman ini termasuk simpeldi bangdingkan dengan berbagai tipe bahasa pemrograman yang lain !!

apa yang di lakukan oleh JavaScript??
 1. JavaScipt menyediakan fasilitas programing untuk desaigner HTML.
 2. JavaScipt dapat menaruh teks dinamis kedalam halaman HTML.
 3. JavaScipt dapat bereaksi dalam event yang ada.
 4. JavaScipt dapat membaca dan menulis element HTML.
 5. JavaScipt dapat di gunakan untuk memvalidasi data.
 6. JavaScipt dapat mendeteksi browser yang di pakai pengguna.
 7. JavaScipt dapat di gunakan untuk membuat cookies.
dan masih banyak lain nya !!

untuk JavaScript itu dapat di jalankan oleh semua orang yang sudah mengerti dasar nya, yaitu seperti HTML dan XHTML seperti kata saya di atas.

cukup sampai di sini dulu yah  pembahasan mengenai JavaScript.
  
terima kasih atas perhatian nya dan terima kasih untuk orang yang mengunjungi Blog saya.
jangan lupa tinggal kan comentar yah dan tinggalkan kesan dan pesan diBUKU PESAN.



Perbedaan Javascript, Java, XHTML, HTML dan CSS
Untuk perbedaan yang paling jelas dan mendasar disini yaitu antara Javadengan pertanyaan adek yang laennya.. (Javascript, Java, XHTML, HTML dan CSS). diantara kata - kata tersebut disini yang paling beda dan menonjol yaitu adalah JAVA.. Why?  karena JAVA adalah bahasa pemograman seperti halnya bahasa C, yang mana bahasa pemrograman ini sering dipakai untuk membuat software aplikasi, seperti sistem informasi pembayaran spp, S.I Rumah Sakit, S.I penjualan dsb.

Karena Java memiliki sifat platform independent (terbuka) yang menjadi ciri khas bahasa pemrograman tersebut. Hal ini menyebabkan bahasa pemrograman 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.Paham? inti secara mendasar dan paling dasar... JAVA ialah bahasa pemrograman yang bisa digunakan untuk membuat software aplikasi dan disini keunggulannya lebih tertuju untuk fasilitas mobile (Game HP, Aplikasi HP, dll)

Bahasa pemograman javascript dibuat secara khusus untuk membuat suatu halaman web yang interaktif maupun dinamis. lebih inovatif tentunya. Jika java tadi merupakan bahasa pemograman dan HTML (Hyper Text Markup Language) merupakan bahasa kode maka javascript yang menjadi perpaduan antara bahasa java dengan HTML. kita kembali mamakai pengertian yang paling dasar lagi Javascript itu bahasa pemrograman yang ada pada suatu website. seperti halnya PHP (apaan juga PHP mah?) lanjut terus deh, kalau emang belum tau. nyicil dulu buat disimpen di otak. jadi nantinya javascript itu bisa digunakan seperti halnya membuat poling, membuat animasi cursor, efek gambar, random image, event form, mouse,message box, dll.

sedangkan untuk CSS itu sendiri berasal dari singkatan Cascading Style Sheet adalah suatu kode (script) yang digunakan untuk memperindah tampilan halaman website (situs). Singkatnya dengan menggunakan Methode CSS ini temen - temen dengan mudah mengubah secara keseluruhan warna dan tampilan yang ada di situs kamu, sekaligus memformat ulang situs kamu (merubah secara cepat). seperti halnya bikin bagian dari colom website kamu, warna backgroud colom, warna teks, warna teks link, pengaturan posisi image, pengaturan teks, pengaturan icon mouse, nah itu semua diatur dari css tersebut. pasti untuk yang satu ini paham deh..

untuk XHTML yaitu HTML + XML = XHTML. XHTML itu pada dasarnya gabungan dari HTML dan XML. apapun pengertian XML itu, disimpen dulu lagi deh, dicicil dulu di otak kiri..  pernah browsing website dengan menggunakan PDA ataupun mobile HP? nah itu, beberapa type dari browser tidak dapat mengerti kode HTML yang buruk. disini XHTML bermaksud untuk memberikan beberapa solusi dari masalah seperti ini. pengertian yang pualing suimpel yaitu agar website bisa diproses dan dijalankan di semua browser termasuk HP, PDA dll.


Sumber Copas:
http://zamzaluna.blogspot.com/p/javascript.html

Thanx ya atas perizinan copas nya. Klo ga terima w siap hapus kok...

PERBEDAAN HTML DAN JAVA SCRIPT


  • HyperText Markup Language (HTML) adalah bahasa scripting yang pertama kali diperkenalkan pada tahun 1991. It is used for formatting text and images on web pages. Ini digunakan untuk memformat teks dan gambar pada halaman web. JavaScript was introduced in 1995 and was packaged with the Netscape Navigator 2.0 to provide additional functionality for web pages.JavaScript diperkenalkan pada tahun 1995 dan telah dikemas dengan Netscape Navigator 2.0 untuk menyediakan fungsionalitas tambahan untuk halaman web. Understanding HTML, JavaScript and the relationship between the two is necessary for web design and programming. Memahami HTML, JavaScript dan hubungan antara keduanya adalah diperlukan untuk desain web dan pemrograman.


  • Jenis Bahasa
  • JavaScript is a high-level programming language used primarily for adding elements to websites. JavaScript adalah pemrograman tingkat tinggi bahasa yang digunakan terutama untuk menambahkan elemen ke situs web. HTML is a scripting language used for creating the structure of websites. HTML adalah bahasa scripting yang digunakan untuk membuat struktur website.

  • Interaktif
  • JavaScript is able to elicit input from the user, allowing for user interactivity.JavaScript mampu memperoleh input dari user, memungkinkan untuk interaktivitas pengguna. HTML is static. HTML statis. HTML alone cannot elicit input from the user. HTML saja tidak bisa memperoleh masukan dari pengguna.

  • Penggunaan
  • HTML is used for formatting text and objects on web pages. HTML digunakan untuk memformat teks dan objek pada halaman web. JavaScript is primarily used for adding additional content to existing web pages. JavaScript terutama digunakan untuk menambahkan konten tambahan ke halaman web yang ada. It is also used as part of implementations for Sphere, an open source program for designing role-playing games , and Apple's Dashboard Widgets. Hal ini juga digunakan sebagai bagian dari implementasi untuk Sphere, sebuah program open source untuk merancang role-playing game , dan Apple Dashboard Widget.

  • (Copas Wikipedia Inggris)


    Jadi aku coba jelasin dikit

    HTML = bahasa untuk menampilkan halaman web di browser
    JAVA SCRIPT = pemrograman web berbasis client

    Kemudian

    php : untuk penulisan scriptsnya diawali dengan tanda
    javascript : untuk penulisan scriptsnya diawali dengan tanda

    Buat rekan yang lain silakan ditambahin.
    semoga membantu.
    makasih.


    Read more: Perbedaan Antara Java Script & HTML | eHow.comhttp://www.ehow.com/list_6646549_differences-between-java-script-html.html#ixzz16eun2qAj




    VS



    Bahasa HTML


    Belajar HTML yang merupakan dasar dari pembuatan website. HTML (Hypertext Markup Language) merupakan bahasa yang digunakan untuk membuat website. Menggunakan tag untuk mendeklarasikan sesuatu dan tag tersebut tidak ditampilkan tetapi tag tersebut memberi tahu browser bagaimana cara menampilkan dokumen website. Serta dapat saling berhubungan dengan dokumen HTML lain yang dikenal dengan istilah link.


    Suatu halaman website sebenarnya hanya sebuah halaman teks, jika anda menggunakan browser internet explorer dan anda mengklik view – source, maka anda dapat melihat teks dari web tersebut. Tetapi teks tersebut diterjemahkan oleh browser menjadi halaman website yang enak dilihat. Teks merupakan bahasa universal bagi komputer, yang berarti setiap dokumen teks (termasuk website) yang anda buat melalui Windows dapat dibaca di sistem perasi lain seperti Mac OS, Linux, Unix dan lainnya.


    HTML dan hal-hal yang berkaitan dengan website distandarisasi oleh sebuah badan yang disebut World Wide Web Consortium (W3C). Standard terbaru, konsep dan proposal mengenai starndarisasi web dapat dilihat di http://www.w3.org. Standar untuk HTML terbaru adalah HTML 4.0 yang telah didukung oleh bermacam-macam browser seperti Microsoft Internet Explorer, Netscape Navigator, Opera, Mozilla, Safari dan masih banyak lagi. Browser menterjemahkan tag yang terdapat pada dokumen HTML. Kita akan segera membicarakan mengenai tag.
    Suatu halaman web merupakan file teks yang berarti anda dapat membuatnya hanya dengan menggunakan notepad saja. Bahkan jika anda masih pertama kali mempelajari HTML, notepad merupakan alat yang tepat. Saya menyarankan untuk menggunakan editplus karena menurut saya enak aja dipakainya, tetapi anda bebas menggunakan teks editor lain.


    Jika anda baru pertama kali mengenal HTML, hindari Program WYSIWIG (What You See Is What You Get) seperti Dreamweaver atau Frontpage/Web Expression. Program-program ini memang memudahkan anda membuat website tetapi anda akan kurang memahami HTML, gunakan Frontpage atau Dreamweaver apabila anda sudah paham mengenai HTML.



    Sekarang buka saja notepad anda dan kita mulai.
    Kode HTML pertama
    Buka notepad dan tuliskan kode dibawah ini
    Hello World
    Simpan file tersebut dengan nama hello.html didalam suatu folder (misal c:\webku) dan buka file HTML tersebut dengan browser kesukaan anda. Hasilnya seperti ini:
    Hello World!!
    Oke jadi apa yang dimaksud oleh “<” dan “>”, ketika anda menuliskan sesuatu diantara tanda “<” dan “>” maka anda membuat sesuatu yang disebut dengan tag, kalau anda lihat dikamus bahasa inggris tag artinya tanda/label. Sebagai contoh tag maksudnya untuk memulai huruf tebal (bold) dan tag merupakan tag penutup untuk menghentikan huruf tebal.

    Sebuah halaman HTML yang baik harus memiliki tag dan , tapi kita akan membicarakan masalah ini belakangan. Yang penting sekarang pahami dulu mengenai tag HTML. Sekarang akan kita pelajari lebih jauh mengenai tag HTML.
    Tag HTML dibagi menjadi dua, yaitu tag HTML yang memiliki penutup (containers) atau yang berdiri sendiri (standalone).

    Containers
    Kebanyakan tag HTML adalah containers (kita sebut containers saja sebab sulit mencari terjemahannya dalam bahasa Indonesia) yang berarti tag tersebut memiliki pembuka (batas awal) dan penutup (batas akhir). Teks yang berada diantara tag pembuka dan penutup akan berubah sesuai dengan fungsi dari tag tersebut. Perhatikan contoh berikut:
    Hello World!!
    Hasil:
    Hello World!!
    Tag berguna untuk memiringkan teks (italic) tag memiliki penutup yaitu . Tag penutup selalu ditandai dengan “/”. Contoh diatas terdapat teks World!! diantara tag pembuka dan tag penutup sehingga menghasilkan tulisan World!! yang miring. Tag pembuka memiliki atribut tetapi tag penutup tidak memiliki atribut.

    Standalone Tag
    Beberapa tag tidak memerlukan penutup sebab tag tersebut hanya berfungsi untuk menempatkan sebuah elemen pada halaman web. Sebagai contoh tag yang merupakan tag untuk memasang sebuah gambar didalam halaman web. Tag lain yang tidak memiliki penutup adalah
    yang berguna untuk memberi jarak antar teks dan tag
    untuk memberi garis. Tag HTML cukup banyak jumlahnya, anda dapat mencarinya dibuku-buku atau mencarinya melalui google untuk mengetahui apa saja jenis tag HTML. Tapi saya akan beritahu yangpenting-penting saja.

    Atribut
    Atribut dipasang didalam tag pembuka untuk menambahkan fungsi dari tag tersebut. Setiap tag memiliki beberapa atribut dan dipasang sesudah nama tag dibatasi oleh spasi. Urutan atribut tidak perlu diperhatikan. Kebanyakan atribut memiliki nilai yang dipanggil dengan menggunakan tanda “=” sesudah nama atribut. Bingung? coba kode berikut ini dijamin anda mengerti:
    Hello World!!
    Hasilnya:
    Hello World!!
    Tulisan World!! terletak ditengah tag nah tag memiliki atribut face, size dan color yang dapat anda ubah nilainya. Cobalah untuk mengubah ukuran (size) menjadi 3 atau jenis fontnya ubahlah dari verdana menjadi arial. Kira-kira seperti itu kegunaan atribut.



    Bagaimana? lanjut?
    HTML Entity
    Jika anda ingin menuliskan karakter khusus dalam web, maka anda perlu menulisnya menggunakan kode khusus. Kode khusus ini dikenal dengan istilah HTML entity. Sebagai contoh anda ingin menulis seperti ini:
    Saya belajar web
    Anda lihat ada jarak spasi antara belajar dan web. Anda tidak bisa membuat spasi dengan menekan tombol space bar berkali-kali. Meskipun pada kode HTML hasilnya terdapat jarak namun browser hanya membacanya sekali, jadi sebanyak apapun space bar yang tekan browser hanya membacanya satu spasi. Lalu bagaimana caranya? Spasi dalam HTML memiliki kode HTML entity yaitu   jadi untuk membuat seperti contoh diatas anda perlu menulisnya seperti ini:
    Saya belajar    web
    HTML entity selalu diawali dengan “&” dan diakhiri dengan “;” ada banyak sekali HTML entity anda dapat mencarinya, dan lagi-lagi saya akan menyuruh anda mencarinya sendiri melalui google.

    Struktur Dokumen HTML
    Tadi sudah saya katakan bahwa HTML yang baik memiliki tag dan . mendefiniskan bagian header dari dokumen HTML yang berisi informasi mengenai dokumen HTML tersebut. Tag tidak memiliki atribut tetapi memiliki container khusus didalam header seperti, , dan . Tag <body> mendefinisikan awal dari isi website dan ditutup dengan </body>. Tag <body> berisi isi dokumen yang akan tampil di browser anda. Oke sekarang cobalah kode berikut ini:</div> <div style="text-align: justify;"> <html></div> <div style="text-align: justify;"> <head></div> <div style="text-align: justify;"> <title>Your title
    Hello World!!
    Hasilnya didalam Microsoft Internet Explorer :
    Anda lihat teks yang berada diantara tag muncul dibagian atas browser. Apapun yang anda tulis diantara tag <body> akan muncul sebagai isi dari website anda. Jika anda lihat terdapat tag <body bgcolor=”#cccccc”> bgcolor merupakan atribut dari <body> yang berguna untuk memberi warna pada background halaman website. Pelajari dan pahami kode tersebut maka anda akan mudah untuk mempelajari kode selanjutnya.</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Susun file Anda</div> <div style="text-align: justify;"> Sangat penting untuk meletakkan file-file HTML anda. Akan lebih baik jika anda membuat folder untuk meletakkan file-file HTML dan didalamnya anda membuat subfolder (misalnya images) untuk menyimpan file-file gambar. Semakin sering anda membuat website anda akan semakin berpengalaman dan mengetahui teknik dalam menyusun file. Jadi ini tergantung pengalaman anda.</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> index.html</div> <div style="text-align: justify;"> Ketika anda membuka dhimasronggobramantyo.com/belajar.html maka otomatis browser akan membuka file belajar.html. Tetapi jika kita membuka dhimasronggobramantyo.com saja, file apa yang dibuka? Semua server web otomatis akan mencari file index.html.</div> <div style="text-align: justify;"> Karena itu jika website anda memiliki banyak halaman, anda harus memiliki sebuah file index.html yang akan menjadi halaman pertama dari website anda.</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Oke, sekarang kita pelajari tag-tag HTML yang penting. Semua kode HTML berikut ini harus ditulis didalam tag <body></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Teks dan Paragraf</div> <div style="text-align: justify;"> Header/judul akan membuat mata pembaca tertuju pada judul dan tertarik untuk membacanya. Dengan menggunakan tag heading maka search engine dapat membaca seberapa penting isi dari suatu website.</div> <div style="text-align: justify;"> Heading merupakan container yang diawali dengan tag <h1> dan ditutup dengan tag </h1> . Ada 6 level heading mulai dari h1 sampai h6.</div> <div style="text-align: justify;"> Cobalah kode berikut ini:</div> <div style="text-align: justify;"> <h1> My First HTML</h1> </div> <div style="text-align: justify;"> <h2> My First HTML</h2> </div> <div style="text-align: justify;"> <h3> My First HTML</h3> </div> <div style="text-align: justify;"> <h4> My First HTML</h4> </div> <div style="text-align: justify;"> <h5> My First HTML</h5> </div> <div style="text-align: justify;"> <h6> My First HTML</h6> </div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> Saya rasa anda dapat dengan mudah memahami kode tersebut, sekarang kita coba tag HTML penting lainnya. <p> digunakan untuk membuat paragraf, ini merupakan salah satu tag yang banyak digunakan, tag penting lainnya adalah <b> untuk menebalkan,<i> untuk memiringkandan <u> untuk garis bawah</div> <div style="text-align: justify;"> Sekarang coba kode berikut ini:</div> <div style="text-align: justify;"> <p> Halo, nama saya <b>Budi</b> dan</div> <div style="text-align: justify;"> saya ingin belajar HTML.</p> </div> <div style="text-align: justify;"> <p> Ini merupakan <i>kode HTML pertama saya</i> dan saya</div> <div style="text-align: justify;"> belajar untuk <u>memformat</u> teks dalam HTML </p> </div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Bagaimana hasilnya? silahkan anda coba sendiri, jika anda selalu melihat contoh dihalaman ini, anda tidak akan mencoba <img width="15" height="15" src="http://c%7C/Documents%20and%20Settings/wmm/Application%20Data/Adobe/Dreamweaver%209/OfficeImageTemp/clip_image001.gif" alt=":)" style="padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; "></div> <div style="text-align: justify;"> Beberapa tag mempunyai atribut ALIGN, termasuk <p> dan <h1> – <h6> . ALIGN berguna untuk membuat teks rata kiri, tengah atau kanan. Cobalah kode berikut:</div> <div style="text-align: justify;"> <h1 align=”center”> Nama saya Jono</h1> </div> <div style="text-align: justify;"> <p> Halo nama saya Jono dan saya lagi belajar HTML</p> </div> <div style="text-align: justify;"> <p align=”right”> James, 2006</p> </div> <div style="text-align: justify;"> Hasilnya:</div> <div style="text-align: justify;"> Anda dapat mengubah jenis huruf, ukuran dan warna. Untuk mengubah huruf digunakan tag<font>, tag <font> memiliki atribut seperti face, size dan color. Contoh:</div> <div style="text-align: justify;"> <p> <font face=”Arial” size=”2″ color=”#FF0000″>Nama</div> <div style="text-align: justify;"> saya</font></div> <div style="text-align: justify;"> <b>Bambang</b><font face=”Arial” size=”2″></div> <div style="text-align: justify;"> dan </font><font face=”Tahoma”>saya cinta rupiah</font></p> </div> <div style="text-align: justify;"> Silahkan anda coba sendiri untuk melihat seperti apa hasilnya</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Didalam HTML, untuk memberi jarak anda tidak bisa hanya menekan “enter” saja. Untuk memberi jarak perbaris kita perlu tag HTML yaitu <br> sedangkan untuk spasi seperti yang sudah saya jelaskan tadi, kita perlu menggunakan HTML entity / character entity, untuk spasi character entitynya adalah  . Langsung saja coba kode berikut ini:</div> <div style="text-align: justify;"> <p> Baris 1<br>Baris 2<br>Baris     3<br>Baris</div> <div style="text-align: justify;"> <b>4</b></p> </div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> Baris 1</div> <div style="text-align: justify;"> Baris 2</div> <div style="text-align: justify;"> Baris 3</div> <div style="text-align: justify;"> Baris 4</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Untuk memberikan garis horisontal digunakan tag <hr> . Tag <hr> memiliki beberapa atribut. Tag<hr> tidak memerlukan tag penutup jadi tag <hr> merupakan standalone tag. Coba contoh berikut ini:</div> <div style="text-align: justify;"> <p> Halo nama saya Telo</p> </div> <div style="text-align: justify;"> <hr width=”25%” align=”justify”> </div> <div style="text-align: justify;"> <p> Saya lagi belajar membuat garis horisontal.</p> </div> <div style="text-align: justify;"> <hr size=”4″ align=”justify”> </div> <div style="text-align: justify;"> <p> Matur nuwun</p> </div> <div style="text-align: justify;"> <hr size=”3″ noshade color=”#000000″ width=”25%” align=”justify”> </div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> Seperti yang anda lihat, anda bisa memasang banyak atribut dalam satu tag. Pada tag <hr> terdapat atribut yang tidak memiliki nilai yaitu noshade. Memang dalam beberapa tag HTML terdapat atribut-atribut yang tidak memiliki nilai. Salah satunya adalah noshade yang berarti menghilangkan bayangan pada garis. Anda dapat melihat perbedaan tag <hr> yang menggunakannoshade dengan yang tidak pada kode diatas.</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Bagaimana? mudah kan belajar HTML, jangan senang dulu sekarang kita akan mempelajari yang lebih sulit</div> <div style="text-align: justify;"> Links</div> <div style="text-align: justify;"> Oke anda telah membuat banyak halaman HTML, sekarang bagaimana caranya anda berpindah dari satu halaman ke halaman yang lain? Apakah saya perlu menuliskan alamatnya di browser? Link adalah jawabannya. <a> merupakan tag HTML untuk membuat link agar kita dapat berpindah ke halaman lain. Tag <a> memiliki atribut yang sangat penting yaitu href. Langsung saja coba kode berikut ini:</div> <div style="text-align: justify;"> My <a href=”http://www.dhimasronggobramantyo.com”>Homepage</a></div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> My homepage</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Jika anda lihat, maka teks homepage telah berubah menjadi link, jika anda klik maka browser akan menuju alamat yang tertera pada atribut href. Sekarang jika anda memiliki banyak file HTML dalam satu folder, apakah saya perlu menggunakan http:// untuk melinknya? tentu tidak anda cukup menulis nama filenya saja, asalkan file tersebut berada satu folder dengan file yang berisi link. Contoh:</div> <div style="text-align: justify;"> My <a href=”contact.html”>homepage</a></div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> My homepage</div> <div style="text-align: justify;"> Jika anda klik, maka browser akan membuka file contact.html yang berada pada satu folder. Bagaimana jika filenya berada difolder lain? gampang, gunakan kode berikut:</div> <div style="text-align: justify;"> My <a href=”folder/contact.html”>homepage</a></div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> My homepage</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Jika anda ingin ketika link diklik dan halaman tersebut muncul pada jendela browser yang baru, gunakan atribut target=”_blank” seperti ini:</div> <div style="text-align: justify;"> My <a href=”http://www.dhimasronggobramantyo.com”</div> <div style="text-align: justify;"> target=”_blank”>homepage</a></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Oke silahkan anda coba sendiri untuk melihat hasilnya, sekarang kita akan belajar tentang images</div> <div style="text-align: justify;"> Images</div> <div style="text-align: justify;"> Pertengahan tahun 90′an website-website yang ada tidak memiliki gambar, karena browser yang ada tidak memiliki kemampuan untuk menampilkan gambar. Tetapi sekarang website tanpa gambar akan terlihat membosankan, tetapi website dengan banyak gambar akan terlihat menyebalkan, nah lo. Jadi gunakan gambar seperlunya, keluarkan semua imajinasi dan nilai seni anda untuk dapat membuat website yang nyaman dilihat. Saya tidak akan mengajarkan bagaimana cara membuat gambar disini, ada kategori lain diwebsite ini untuk belajar mendesain, anda dapat belajar menggunakan Photoshop. Gambar yang dipasang di website disarankan menggunakan bertipe file gif atau jpg. Untuk memasang image anda memerlukan tag <img>. Tag <img> tidak memerlukan penutup dan memiliki atribut src untuk mengambil gambar dari suatu alamat. Coba contoh berikut ini:</div> <div style="text-align: justify;"> <img src=”images/artikel/introhtml_02.gif” width=”313″ height=”43″</div> <div style="text-align: justify;"> alt=”Contoh Gambar”></div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> Atribut src disini sama dengan atribut href pada tag <a> yang berisi alamat posisi gambar. Pada contoh kode diatas anda memiliki gambar introhtml_02.gif yang berada pada folder images. Jika anda tidak memiliki file tersebut maka gambar tidak ditampilkan. Atribut width dan heightmerupakan opsional, tapi saya sarankan untuk mencantumkannya agar browser mengetahui ukuran gambar apabila gambar gagal ditampilkan. Atribut alt berguna untuk menampilkan teks pada gambar jika gambar gagal ditampilkan atau belum selesai ditampilkan. Anda dapat memberikan garis tepi pada gambar dengan menambahkan atribut border</div> <div style="text-align: justify;"> <a href=”http://www.dhimasronggobramantyo.com”></div> <div style="text-align: justify;"> <img border=”1″ src=”images/introhtml_02.gif” width=”313″</div> <div style="text-align: justify;"> height=”43″></a></div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Komentar</div> <div style="text-align: justify;"> Anda dapat menuliskan komentar dikode HTML, komentar berguna apabila anda ingin kembali mengutak-atik kode maka anda ingat kode tersebut fungsinya apa. Komentar hanya untuk memudahkan anda saja. Komentar tidak ditampilkan oleh browser. Untuk menulis komentar diawali dengan <!– dan diakhiri dengan –> lihat contoh berikut ini:</div> <div style="text-align: justify;"> <!–Kode untuk menampilkan nama saya–></div> <div style="text-align: justify;"> <p> Nama saya <b>Dhimas</b></p> </div> <div style="text-align: justify;"> List</div> <div style="text-align: justify;"> Tag list berguna untuk menampilkan list-list. Ada 3 macam jenis list pada HTML. Yang pertama adalah Unordered List <ul>:</div> <div style="text-align: justify;"> <ul></div> <div style="text-align: justify;"> <li>List 1</li> </div> <div style="text-align: justify;"> <li>List 2</li> </div> <div style="text-align: justify;"> <li>List 3</li> </div> <div style="text-align: justify;"> </ul> </div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> • List 1</div> <div style="text-align: justify;"> • List 2</div> <div style="text-align: justify;"> • List 3</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Tag <ul> merupakan tag pembuka. Diantara tag <ul> Anda dapat menambahkan tag <li>untuk setiap list yang akan ditampilkan. Tag list lainnya adalah Ordered List <ol> Anda dapat menggunakannya sama seperti tag <ul> Contoh:</div> <div style="text-align: justify;"> <ol></div> <div style="text-align: justify;"> <li>List 1</li> </div> <div style="text-align: justify;"> <li>List 2</li> </div> <div style="text-align: justify;"> <li>List 3</li> </div> <div style="text-align: justify;"> </ol> </div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> 1. List 1</div> <div style="text-align: justify;"> 2. List 2</div> <div style="text-align: justify;"> 3. List 3</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Jika anda ingin memulai list tidak dari nomor satu tambahkan atribut start. Contoh:</div> <div style="text-align: justify;"> <ol start=”3″></div> <div style="text-align: justify;"> <li>List 1</li> </div> <div style="text-align: justify;"> <li>List 2</li> </div> <div style="text-align: justify;"> <li>List 3</li> </div> <div style="text-align: justify;"> </ol> </div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> 3. List 1</div> <div style="text-align: justify;"> 4. List 2</div> <div style="text-align: justify;"> 5. List 3</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Tabel merupakan hal yang paling penting dalam membuat interface website anda. Dengan tabel anda dapat memecah layout website menjadi beberapa kolom atau baris. Dengan tabel halaman website anda akan lebih rapih.</div> <div style="text-align: justify;"> Table merupakan tag html terumit, karena didalam tag table terdapat tag-tag lainnya. Dan table sangat penting. Karena itu sebelum meneruskan, tarik nafas dalam-dalam dan konsentrasi.</div> <div style="text-align: justify;"> Untuk membuat tabel maka diperlukan tag-tag dasar seperti ini :</div> <div style="text-align: justify;"> • <table></TABLE>–Tag ini merupakan containers untuk membuat tabel.</div> <div style="text-align: justify;"> • <tr></TR> –Didalam tabel tag ini berfungsi untuk membuat baris.</div> <div style="text-align: justify;"> • <td></TD>–Tag untuk membuat kolom. didalam tag <tr> harus terdapat tag <td>, anda bisa menambahkan banyak tag <td> didalam <tr> untuk membuat kolom.</div> <div style="text-align: justify;"> • <th></TH>–Sama dengan <td> hanya saja berfungsi sebagai header, biasanya digunakan pada baris pertama didalam tabel.</div> <div style="text-align: justify;"> Setiap tag tabel tersebut memiliki banyak atribut. Oke langsung saja coba kode berikut ini:</div> <div style="text-align: justify;"> Contoh:</div> <div style="text-align: justify;"> <table border=”1″ width=”60%”></div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td>Contoh Table</td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> </table> </div> <div style="text-align: justify;"> Hasilnya:</div> <div style="text-align: justify;"> Contoh Tabel</div> <div style="text-align: justify;"> Tabel diawali dengan tag <table> dan biasanya memiliki atribut border. Jika border=”0″maka garis pada tabel tidak ditampilkan. Biasanya jika kita tidak menampilkan atribut border maka otomatis tabel tersebut juga tidak memiliki garis. <table> memiliki atribut cellpadding untuk memberi jarak didalam kolom dan cellspacing untuk memberi jarak antara kolom. Coba kode berikut ini:</div> <div style="text-align: justify;"> <table border=”1″ width=”200″ cellpadding=”4″ cellspacing=”5″></div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”100″>Cell 1</td></div> <div style="text-align: justify;"> <td width=”100″>Cell 2</td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> </table> </div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> Cell 1 Cell 2</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Coba anda ubah nilai dari atribut cellpadding dan cellspacing untuk melihat perbedaannya, cobalah untuk mengutak-atik kode diatas dengan mengubah nilai-nilai atributnya.</div> <div style="text-align: justify;"> Setiap tabel memiliki baris dengan menggunakan tag <tr>. Didalam baris perlu sebuah kolom atau lebih, kolom dibuat dengan menggunakan tag <td>. Untuk lebih jelasnya cobalah kode berikut ini:</div> <div style="text-align: justify;"> <table border=”1″ width=”200″ cellpadding=”2″></div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”100″ align=”center” bgcolor=”#C0C0C0″><b>Header</b></td></div> <div style="text-align: justify;"> <td width=”100″ align=”center” bgcolor=”#C0C0C0″><b>Header</b></td></div> <div style="text-align: justify;"> /</div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”100″>cell 1</td></div> <div style="text-align: justify;"> <td width=”100″>cell 2</td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”100″>cell 3</td></div> <div style="text-align: justify;"> <td width=”100″>cell 4</td></div> <div style="text-align: justify;"> /</div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> </table> </div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> Header Header</div> <div style="text-align: justify;"> cell 1 cell 2</div> <div style="text-align: justify;"> cell 3 cell 4</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Bagaimana anda mengerti maksudnya kode diatas, coba anda pahami dulu. Pada kode diatas terdapat atribut bgcolor yang berguna untuk memberi warna pada background. Didalam kolom<td> anda dapat menuliskan kode HTML apa saja, bahkan anda dapat memasang tag <table>didalamnya, yang berarti anda memasang tabel didalam tabel. Contoh lainnya:</div> <div style="text-align: justify;"> <table border=”1″ width=”200″ cellpadding=”2″></div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”100″ align=”center” bgcolor=”#C0C0C0″><b>Header</b></td></div> <div style="text-align: justify;"> <td width=”100″ align=”center” bgcolor=”#C0C0C0″><b>Header</b></td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”100″ rowspan=”2″ valign=”top”>cell 1</td></div> <div style="text-align: justify;"> <td width=”100″>cell 2</td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”100″>cell 4</td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> </table> </div> <div style="text-align: justify;"> Hasilnya:</div> <div style="text-align: justify;"> Header Header</div> <div style="text-align: justify;"> cell 1 cell 2</div> <div style="text-align: justify;"> cell 4</div> <div style="text-align: justify;"> Anda lihat ada atribut rowspan=”2″ ini berguna untuk menggabungkan 2 baris menjadi satu, jika anda ingin menggabungkan lebih dari 2 baris, ubah saja nilainya. Bagaiman susah? coba anda pelajari terus. Jika sudah coba anda pahami kode berikut ini:</div> <div style="text-align: justify;"> <table border=”0″ width=”200″ cellpadding=”2″ cellspacing=”1″ bgcolor=”#000000″></div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”100″ align=”center” bgcolor=”#C0C0C0″><b>Header</b></td></div> <div style="text-align: justify;"> <td width=”100″ align=”center” bgcolor=”#C0C0C0″><b>Header</b></td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”100″ valign=”top” bgcolor=”#CCCCCC” align=”left”>Left</td></div> <div style="text-align: justify;"> <td width=”100″ bgcolor=”#CCCCCC” align=”right”>Right</td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”200″ valign=”top” colspan=”2″ bgcolor=”#FFFFFF” align=”center”></div> <div style="text-align: justify;"> Table is cool</td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> <tr></div> <div style="text-align: justify;"> <td width=”200″ valign=”top” colspan=”2″ bgcolor=”#FFFFFF” align=”center”></div> <div style="text-align: justify;"> But it’s not easy</td></div> <div style="text-align: justify;"> </tr> </div> <div style="text-align: justify;"> </table> </div> <div style="text-align: justify;"> Hasil:</div> <div style="text-align: justify;"> Header Header</div> <div style="text-align: justify;"> Left Right</div> <div style="text-align: justify;"> Table is cool</div> <div style="text-align: justify;"> But it’s not easy</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Sekarang anda sudah saya anggap mengetahui dasar-dasar HTML (Tapi regaster agak ragu nih). Masih banyak lagi tag-tag HTML lainnya sepertiframes dan form. Saya akan mengajarkan frames diartikel lainnya, tetapi frames harus dihindari dalam membuat website, alasan utama apa yang ada didalam frames tidak terbaca oleh Search Engine. Tag form hanya dibutuhkan apabila anda membuat website dinamis menggunakan bahasa pemrograman web seperti PHP, ASP, Perl atau JSP.</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Sekarang kita akan membicarakan tag <meta>. Tag <meta> digunakan agar search engine mengenal dan dapat mengkategorisasikan website anda, gampangnya agar search engine mengetahui website anda isinya tentang apa. Tetapi tidak semua search engine membaca tag<meta> tetapi sebagian besar membaca tag ini, jadi kita perlu menyertakannya pada website kita. Tag <meta> berada diantara tag <head> bukan <body> yang berarti isi tag tersebut tidak ditampilkan dibrowser.</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Sebenarnya apa sih kegunaan Search Engine dan apa pengaruhnya untuk website? Saya akan jelaskan secara gampang, anda memiliki website katakan websitesaya.com, nah bagaiman milyaran pengguna internet dapat mengetahui kalau ada sebuah situs websitesaya.com diantara ratusan juta situs lainnya. Pengguna internet banyak yang melakukan pencarian melalui search engine sepertigoogle atau yahoo. Jika mereka melakukan pencarian dan situs anda muncul pada hasil pencarian tersebut, maka anda mendapatkan pengunjung yang mengunjungi website anda. Bagaimana agar website saya ada di google atau search engine lainnya? ya dengan menggunakan <meta> maka search engine akan mengenali website anda. Sebenarnya prosesnya jauh lebih rumit, search engine memiliki perhitungannya sendiri seperti ranking, backlink, recipocal link, tetapi kita ambil gampangnya saja.</div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> <br></div> <div style="text-align: justify;"> Oke anda sudah mengerti pentingnya tag <meta>Tag <meta> memiliki atribut yang paling penting Keywords dan DESCRIPTION dimana kita memasukkan deskripsi dan kata kunci yang berhubungan dengan website kita.</div> <div style="text-align: justify;"> Sebagai contoh misalnya kita memiliki website kecoak.com yang berisi bagaimana cara memelihara dan beternak kecoa. Maka kira-kira kita perlu membuat meta seperti ini:</div> <div style="text-align: justify;"> <html></div> <div style="text-align: justify;"> <head></div> <div style="text-align: justify;"> <meta content=”kecoak.com” name=AUTHOR></div> <div style="text-align: justify;"> <meta content=”Cara memelihara dan beternak kecoak.” name=description></div> <div style="text-align: justify;"> <meta content=”kecoak, beternak, memelihara, coro, ternak, pelihara” name=keywords></div> <div style="text-align: justify;"> <meta content=”INDEX, FOLLOW” name=ROBOTS></div> <div style="text-align: justify;"> <meta http-equiv=”Content-Language” content=”en-us”></div> <div style="text-align: justify;"> <meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″></div> <div style="text-align: justify;"> <title>Ternak Kecoak




    Kira-kira seperti itu dulu, ok anda telah mempelajari HTML, sekarang anda tinggal turun gunung dan mempraktekkan apa yang sudah dipelajari (Regaster cape nulis dan kasih petunjuk sampe semuanya di jelasin. Jempolnya pada kopong smua nih. hehehe...).  Teruslah mencoba agar anda semakin ahli.

    Bahasa Pemrograman Java


    Apakah Java?
    Java adalah bahasa pemrograman berorientasi objek yang dikembangkan oleh Sun Microsystems sejak tahun 1991. Bahasa ini dikembangkan dengan model yang mirip dengan bahasa C++ dan Smalltalk, namun dirancang agar lebih mudah dipakai dan platform independent, yaitu dapat dijalankan di berbagai jenis sistem operasi dan arsitektur komputer . Bahasa ini juga dirancang untuk pemrograman di Internet sehingga dirancang agar aman dan portabel.

    Platform Independent

    Platform independent berarti program yang ditulis dalam bahasa Java dapat dengan mudah dipindahkan antar berbagai jenis sistem operasi dan berbagai jenis arsitektur komputer. Aspek ini sangat penting untuk dapat mencapai tujuan Java sebagai bahasa pemrograman Internet di mana sebuah program akan dijalankan oleh berbagai jenis komputer dengan berbagai jenis sistem operasi. Sifat ini berlaku untuk level source code dan binary code dari program Java. Berbeda dengan bahasa C dan C++, semua tipe data dalam bahasa Java mempunyai ukuran yang konsisten di semua jenis platform. Source code program Java sendiri tidak perlu dirubah sama sekali jika Anda ingin mengkompile ulang di platform lain. Hasil dari mengkompile source code Java bukanlah kode mesin atau instruksi prosesor yang spesifik terhadap mesin tertentu, melainkan berupa bytecode yang berupa file berekstensi .class. Bytecode tersebut dapat langsung Anda eksekusi di tiap platform yang dengan menggunakan Java Virtual Machine (JVM) sebagai interpreter terhadap bytecode tersebut.
    JVM sendiri adalah sebuah aplikasi yang berjalan di atas sebuah sistem operasi dan menerjemahkan bytecode program Java dan mengeksekusinya, sehingga secara konsep bisa dianggap sebagai sebuah interpreter. Proses pengeksekusian program Java dapat dilukiskan seperti di Gambar 1. Dengan cara ini, sebuah program Java yang telah dikompilasi akan dapat berjalan di platform mana saja, asalkan ada JVM di sana.
    Kompiler dan interpreter untuk program Java berbentuk Java Development Kit (JDK) yang diproduksi oleh Sun Microsystems. JDK ini dapat didownload gratis dari situs java.sun.com. Interpreter untuk program Java sendiri sering juga disebut Java Runtime atau Java Virtual Machine. Interpreter Java, tanpa kompilernya, disebut Java Runtime Environment (JRE) dapat didownload juga di situs yang sama. Untuk mengembangkan program Java dibutuhkan JDK, sementara jika hanya ingin menjalankan bytecode Java cukup dengan JRE saja. Namun untuk mengeksekusi applet (sebuah bytecode Java juga) Anda biasanya tidak perlu lagi mendownload JRE karena browser yang Java-enabled telah memiliki JVM sendiri.

    Library

    Selain kompiler dan interpreter, bahasa Java sendiri memiliki library yang cukup besar yang dapat mempermudah Anda dalam membuat sebuah aplikasi dengan cepat. Library ini sudah mencakup untuk grafik, desain user interface, kriptografi, jaringan, suara, database, dan lain-lain.

    OO

    Java adalah bahasa pemrograman berorientasi objek. Pemrograman berorientasi objek secara gamblang adalah teknik untuk mengorganisir program dan dapat dilakukan dengan hampir semua bahasa pemrograman. Namun Java sendiri telah mengimplementasikan berbagai fasilitas agar seorang programer dapat mengoptimalkan teknik pemrograman berorientasi objek.
    Sedikit perbandingan tambahan dengan bahasa C dan C++, Java banyak mewarisi konsep orientasi objek dari C++ namun dengan menghilangkan aspek-aspek kerumitan dalam bahasa C++ tanpa mengurangi kekuatannya. Hal ini mempermudah programer pemula untuk mempelajari Java namun mengurangi keleluasaan programer berpengalaman dalam mengutak-atik sebuah program. Di balik kemudahan yang ditawarkan Java, luasnya fasilitas library Java sendiri membuat seorang programer membutuhkan waktu yang tidak singkat untuk dapat menguasai penggunaan library-library tersebut.

    Memulai Pemrograman Java

    Untuk membuat program Java, seperti telah disebutkan sebelumnya, Anda membutuhkan JDK. Proses instalasi JDK tersebut sangat mudah dan tidak membutuhkan pengetahuan tertentu. Namun untuk menggunakannya Anda perlu melakukan beberapa penyesuaian dengan sistem operasi Anda. Umumnya yang perlu Anda lakukan adalah memasukkan path ke direktori JDK Anda ke setting path pada sistem operasi Anda. Misalkan direktori JDK Anda adalah C:\jdk1.4 maka pada Windows 98 Anda cukup menambahkan baris perintah SET PATH=C:\jdk1.4\bin pada file autoexec.bat Anda. Untuk Windows NT/2000/XP Anda cukup menambahkan direktori C:\jdk1.4\bin pada variabel path di System Environment. Caranya: klik kanan ikonMy Computer, pilih Properties. Kemudian pilih tab Advanced. Lalu klik tombol Environment Variables, cari variabel path, kemudian tambahkan path direktori JDK Anda ke dalam variabel tersebut. Untuk Linux, tambahkan baris perintah SET CLASSPATH=(direktori jdk Anda) ke file profile Anda. Untuk mencoba JDK, ketikkan perintah java dan javac pada shell prompt (atau DOS Command Prompt). Jika perintah tersebut sudah dikenali maka program java atau javac akan menampilkan sintaks penggunaan. Untuk kemudahan dan berbagai fasilitas tambahan Anda dapat menggunakan Integrated Development Environment (IDE) untuk bahasa Java seperti Visual Café dari Symantec atau JBuilder dari Borland.
    Urutan langkah-langkah yang harus Anda lakukan untuk membuat sebuah program Java sederhana adalah:
    1. Membuat source code program dengan editor teks apapun. Ingat, file tersebut harus berekstensi .java dan case sensitive.
    2. Mengkompile source code dengan perintah javac. Misalnya: javac HelloWorld.java. Jika berhasil, hasilnya adalah file bytecode berakhiran .class.
    3. Mengeksekusi bytecode dengan perintah java. Parameter dari perintah ini adalah nama file hasil kompilasi tanpa ekstensi .class. Contoh: java HelloWorld.

    Source Code

    Berikut kode untuk HelloWorld.java:
    public class HelloWorld
    {
        public static void main(String[] args) 
        {
            System.out.println("Apa Kabar Dunia?");
        }
    }
    Dan ini sebuah contoh lain, yaitu applet sederhana untuk menampilkan teks di applet. Sebutlah file ini bernama HelloWorldApplet.java:
    import java.awt.Graphics;
    
    public class HelloWorldApplet extends java.applet.Applet
    {
        public void paint(Graphics g) 
        {
            g.drawString("Apa Kabar Dunia?", 5, 25);
        }
    }
    Secara gamblang dapat diperhatikan bahwa struktur kedua program sangat mirip, dan hanya berbeda dalam konteks eksekusi. Kedua program ini akan dibahas lebih lanjut setelah kita membahas cara mengkompile dan mengeksekusi program tersebut.
    Perlu diingat bahwa bahasa Java bersifat case sensitive, sehingga Anda harus memperhatikan penggunaan huruf besar dan kecil. Selain itu penulisan source code program tidak harus memperhatikan bentuk tertentu, sehingga Anda bisa saja menuliskan semua baris source code tersebut dalam satu baris asal Anda tidak lupa membubuhkan tanda titik koma (;), atau menuliskan tiap kata dalam satu baris tersendiri. Namun dianjurkan Anda mengikuti layout seperti pada contoh agar program Anda mudah dibaca dan dimengerti.

    Kompilasi

    Setelah kedua file disave dengan nama HelloWorld.java dan HelloWorldApplet.java, kita akan mengkompile kedua program tersebut dengan perintah:
    prompt> javac HelloWorld.java
    prompt> javac HelloWorldApplet.java
    Perlu diperhatikan bahwa direktori aktif Anda saat ini adalah direktori tempat Anda meletakkan file-file program tersebut. Anda tetap dapat mengkompile program Anda dari direktori berbeda dengan perintah:
    prompt> javac (direktori program)/namafile.java
    Setelah perintah ini selesai, Anda akan melihat bahwa telah tercipta dua buah file .class, yaitu bytecode hasil kompilasi source code kita.

    Sintaks Program

    Sekarang kita akan mencoba membahas elemen-elemen dalam kedua source code tersebut.
    Pada awal Listing 2 kita menemukan perintah import. Pada tahap awal ini Anda perlu mengetahui bahwa pernyataan tersebut hanya berfungsi mempermudah penulisan metode atau dalam bahasa pemrograman lain disebut prosedur atau fungsi. Jadi Anda hanya perlu menulis Graphics sebagai pengganti java.awt.Graphics, karena kita telah mengimpor java.awt.Graphics.
    Kemudian di masing-masing listing terdapat pernyataan public class. Pernyataan ini adalah pernyataan pembuka sebuah kelas. Kelas sendiri digunakan untuk menciptakan objek. Ingat bahwa Java berorientasi objek. Kata public di depannya berfungsi agar kelas tersebut dapat diakses oleh semua program lain. Untuk saat ini anggaplah objek sebagai suatu item yang dapat dimanipulasi oleh sebuah program. Dalam Listing 2 terdapat tambahan kata extends. Hal ini berarti kelas yang kita buat akan mewarisi sifat-sifat dari kelas yang kita extends. Dengan kata lain kita menjadikan kelas yang kita extends sebagai himpunan bagian dari kelas kita buat.
    Kemudian kita menemukan baris pernyataan public static void main(String[] args) dan public void paint(Graphics g). Keduanya adalah pernyataan pembuka sebuah metode. Metode sendiri adalah kumpulan pernyataan untuk melakukan suatu tugas tertentu dalam kelas. Keduanya sebenarnya mempunyai fungsi yang sama namun dalam konteks yang berbeda. Dalam setiap aplikasi harus ada sebuah metode yang bernama main yang akan dieksekusi pertama kali saat program tersebut dieksekusi. Sementara dalam applet, metode yang pertama kali akan dieksekusi ketika applet diload adalah paint. Kata public di depannya mempunyai fungsi yang sama dengan kata public yang ada di depan baris permulaan kelas. Namun nantinya Anda akan menemukan juga bentuk lain seperti private dan protect yang akan kita bahas nanti.
    Pada Listing 1 terdapat kata static pada pernyataan pembuka metode main. Hal ini berarti metode main tidak mengubah atau menggunakan objek yang diciptakan oleh kelas tersebut, sehingga dapat dikatakan berdiri sendiri dan tidak terikat dengan objek. Dalam metode main dalam aplikasi, parameternya adalah selalu String[] args, di mana args hanyalah sebuah nama dari objek array dari String. Array ini nantinya akan berisi parameter-parameter yang diberikan user sebagai argumen command line. Sementara Anda tidak perlu mengerti mengenai parameter tersebut, cukup diingat bahwa bentuk metode main harus selalu demikian.
    Kemudian di dalam kedua metode pada kedua listing tersebut, kita menemukan sebuah pernyataan. Anda tentu dapat saja meletakkan lebih dari satu pernyataan dalam sebuah metode. Setiap pernyataan dalam sebuah metode dipisahkan oleh titik koma dan akan dieksekusi satu persatu. Kedua pernyataan pada listing ternyata memanggil sebuah metode lain yaitu metode println dan paint. Tentunya dapat Anda perhatikan bahwa untuk memanggil sebuah metode diperlukan tiga komponen yaitu:
    1. Objek yang ingin kita pakai. Dalam hal ini objek System.out dan Graphics g.
    2. Nama metode yang ingin kita pakai. Dalam hal ini println dan paint.
    3. Sepasang tanda kurung yang berisi informasi tambahan yang diperlukan oleh metode yang dipanggil, yaitu parameter.
    Dalam Listing 1, pernyataan System.out.println("Apa Kabar Dunia?"); berarti carilah objek out dalam kelas System kemudian panggil metode println dari objek out dengan parameter berupa string "Apa Kabar Dunia?". Sedang dalam Listing 2, pernyataan g.drawString("Apa Kabar Dunia?", 5, 25); berarti carilah objek g kemudian panggil metode drawString pada objek g dengan parameter "Apa Kabar Dunia?”, 5, 25);.

    Eksekusi

    Setelah selesai membahas sintaks dasar Java dalam kedua listing, selanjutnya kita akan mencoba mengeksekusi kedua program ini. Untuk program pertama yang berupa aplikasi biasa, kita tinggal mengetikkan perintah java HelloWorld pada prompt dan pesan Apa Kabar Dunia? akan tampil di layar (atau mungkin di tempat lain, bergantung sistem operasi Anda). Sedangkan untuk applet kita mesti membuat sebuah file HTML sebagai pembungkus—atau pemanggilnya. Berikut diberikan contoh file HTML untuk membungkus applet yang kita buat.
    
      
        Coba Applet
      
      
        
        
      
    Beri nama helloword.html dan simpanlah di direktori yang sama dengan lokasi file-file .java dan .class sebelumnya. Untuk mengeksekusi applet kita cukup membuka file HTML tersebut di browser yang Java-enabled atau mengetikkan perintahappletviewer namafile.html di prompt.

    Penutup

    Untuk saat ini Anda telah mempunyai gambaran tentang bagaimana proses pembuatan program Java secara sederhana dalam bentuk aplikasi biasa atau applet. Anda juga dapat mencoba mengembangkan program sederhana tersebut sesuai dengan keinginan Anda berdasarkan hal-hal yang sudah Anda ketahui. Konsep dasar yang sudah Anda dapatkan akan dikembangkan lebih lanjut dalam topik-topik tutorial selanjutnya. Selamat mencoba!

    Rabu, 10 Oktober 2012

    Mars Kabupaten Bogor


    Apakah anda warga Kabupaten Bogor?
    Kalau iya,
    Apakah anda tahu mars Kabupaten Bogor?
    Apakah anda hapal mars Kabupaten Bogor?
    Wah, sayang sekali jika jawabannya tidak, padahal kebanyakan dari anda pasti hapal banyak lagu-lagu pop atau barat populer ter-up to date.
    Penyakit orang-orang jaman sekarang ya begitu itu, suka “lupa” sama budayanya sendiri, bahkan budaya yang paling deket, tapi hapal banget sama budaya asing yang padahal belum tentu cocok dan bermanfaat buat mereka.
    Kalau menurut saya sih pentingnya untuk hapal lagu Mars Kabupaten Bogor untuk warga Kabupaten Bogor sama dengan pentingnya untuk warga Indonesia hapal lagu Indonesia Raya.
    Mau coba menghapal Mars Kabupate Bogor? Nih liriknya…


    MARS KABUPATEN BOGOR
    Diantara gunung Salak dan Pangrango
    Terbentang kawasan luas menghijau
    Dihias Ciliwung sungai termasyhur
    Kabupaten Bogor indah dan subur

    Semboyan prayoga tohaga sayaga
    tertanam di dada setiap warga
    Dengan Pancasila membangun praja
    Tekad pajajaran wawasan purwa

    Tegar Beriman 2x
    Moto juang kita
    Mandiri cipta aman dan nyaman
    Bakti dan amalkan

    Tanah tercinta Kabupatenku
    Bogor tetap jaya…


    Kalau ada yang mau download lagunya klik di sini ya....
    Adsense Indonesia