Rabu, 06 Juli 2011

Cara Membuat Animasi Teks Berjalan / Bergerak

Dalam postingan kali ini saya mencoba berikan tips tentang Cara membuat animasi teks yang bergerak. Teks berjalan caranya tidaklah begitu rumit, kita hanya perlu memahami mengenai  fungsi dari kode-kode yang bisa membuat object tersebut bergerak.seperti marquee, behavior,scroll amount dan lain sebagainya.

Dibawah ini adalah beberapa contoh Animasi Teks yang menggunakan efek marquee. untuk anda yang berminat,silahkan anda copy kodenya kemudian anda paste ke gadget html anda.
Teks Berjalan Bolak Balik dari Kiri - kanan

Ilmu Itu Murah Maka Amalkanlah
<marquee behavior="alternate" direction="right"
scrollamount="5" scrolldelay="10" >Ilmu Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan Dari kanan kekiri secara bersambung
Ilmu Itu Murah Maka Amalkanlah
<marquee behavior="scroll" direction="left" scrollamount="5"
scrolldelay="10" >Ilmu Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan dari kanan kekiri 10 kali
Ilmu Itu Murah Maka Amalkanlah
<marquee behavior="slide" bgcolor="" direction="left"
loop="10" scrollamount="5" scrolldelay="10">Ilmu Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan dengan efeks Bounce atau ZIG ZAG
Ilmu Itu Murah Maka Amalkanlah
<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10"
>Ilmu Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan Berjalan Bolak balik dari bawah ke atas
Ilmu Itu Murah Maka Amalkanlah
<marquee
behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" >Ilmu
Itu Murah Maka Amalkanlah</marquee>

Teks Berjalan Berjalan dari bawah ke atas secara bersambung
Ilmu Itu Murah Maka Amalkanlah
<marquee behavior="scroll" direction="up"
style="text-align: center;" crollamount="5" scrolldelay="10" >Ilmu Itu Murah
Maka Amalkanlah</marquee>

Teks Berjalan Berpencar
Ilmu Itu Murah Maka Amalkanlah Ilmu Itu Murah Maka AmalkanlahIlmu Itu Murah Maka Amalkanlah Ilmu Itu Murah Maka Amalkanlah
<marquee direction="Up" style="text-align: center;">Ilmu
Itu Murah Maka Amalkanlah</marquee> <marquee direction="Left"
style="text-align: center;">Ilmu Itu Murah Maka Amalkanlah</marquee><marquee
direction="right" style="text-align: center;">Ilmu Itu Murah Maka Amalkanlah</marquee>
<marquee direction="down" style="text-align: center;">Ilmu Itu Murah Maka
Amalkanlah</marquee>

*Keterangan :
  Ganti Tulisan "Ilmu Itu Murah Maka Amalkanlah" dengan Kalimat Yang lain.

Selamat Mencoba.
READ MORE - Cara Membuat Animasi Teks Berjalan / Bergerak

MENAMBAH ANIMASI BERGERAK

ini dia anda membuka blog saya anda juga beruntung
ini animasinya mw coba silahkn   ::

1.Gajah loncat



Script:


<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>




2. Boring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa


Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


4.Boneka joget


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


5. Panda main bola


Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



6. Tuyul baring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru



Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>




9. Bunga




Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


10.Anjing laut


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


11.Lumba-lumba


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur



Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


14.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


15.Ikan


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


16.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
1. Leonardo dicaprio




Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:190px;height:240px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000205EF.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



2.Justin biber




 Script :
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000205EC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>


3. Zac Efron



Script :
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020635.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>


4.Taylor Lautner



Script:
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020631.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

5. Robert Pattinson



Script
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020610.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>



6. John Hamn



Script
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020722.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

7. Matt Damon



Script :
<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002060C.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

8. George Clooney



Script

<div style="position: fixed; bottom: 0px; left: 0px;width:190px;height:240px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000205EA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Anim

INI JUGA ADA CARA NYA
1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan - Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

READ MORE - MENAMBAH ANIMASI BERGERAK

Selasa, 05 Juli 2011

MacBook Air (Late 2010): Installing Windows 7 drivers

Learn how to install Windows 7 drivers on your MacBook Air (11-inch, Late 2010) or MacBook Air (13-inch, Late 2010) computer.


The Boot Camp Assistant should download the correct drivers for your computer, then offer to place them on a CD or USB external storage device. These drivers are designed for use with Windows 7. Windows XP and Windows Vista drivers are not supported for these computers.
  1. Locate the Boot Camp Assistant in the folder /Applications/Utilities. 
  2. Double-click the Boot Camp Assistant to start it. Note: You need an external optical drive to install Windows.
  3. A Download Windows Support Software screen will appear. Enable the Download the Windows support software for Mac radio button.
    Boot Camp Assistant, Download Windows Support Software screen
  4. Use your computer's administrator password to allow your computer to temporarily store the software.
  5. A progress bar will appear. After the download is complete, a Save Windows support software screen appears. Choose either to Burn a copy to CD or to store a copy on an external USB device.
    Boot Camp Assistant Save Windows Support Software screen
  6. After the Windows operating system installation completes and after Windows starts up, insert the CD or attach the USB storage device, then follow the onscreen instructions to install the drivers.
READ MORE - MacBook Air (Late 2010): Installing Windows 7 drivers

Rabu, 29 Juni 2011

Cara Menelepon Dari iPad


Cara Menelepon Dari iPad
Mungkin saja ada yang berpendapat bahwa iPad seperti sebuah smartphone namun dengan display raksasa. Yep, memang benar kecuali fakta bahwa iPad tidak  bisa digunakan untuk membuat dan menerima panggilan telepon.

Beberapa waktu lalu Gopego pernah mengabarkan tentang adanya sebuah komunitas di Mesir yang berhasil jailbreaking iPad 3G sehingga bisa digunakan untuk berkirim SMS dan menelepon. Tidakkah Anda juga ingin bisa melakukannya?

Tanpa jailbreaking Anda bisa melakukan voice dan video calls dengan sesama pengguna Skype. Atau ada juga aplikasi seperti Fring dan Truephone yang memungkinkan Anda menelepon mobile number dari iPad menggunakan jaringan Wi-Fi atau 3G.

Ok, aplikasi yang kami sebutkan itu memang menggunakan teknologi VoIP calling. Artinya Anda tidak bisa menggunakan SIM card untuk menelepon dari iPad. Alangkah lebih baiknya jika Anda bisa menggunakan SIM card sehingga nomor tidak berubah layaknya menelepon dari iPhone.

Ada sebuah aplikasi yang masih tergolong baru bernama PhoneIt-iPad. Yup, itu adalah aplikasi yang sebelumnya telah diuji coba oleh komunitas iPhoneIslam yang bermarkas di Mesir. Berita baiknya, aplikasi ini sekarang telah tersedia di Cydia Store. Dengan PhoneIt-iPad, Anda bisa melakukan/menerima panggilan telepon juga mengirim/menerima SMS dari iPad!

Yang perlu Anda tahu, aplikasi tersebut dijual seharga $19.99 dan hanya bisa bekerja pada jailbroken iPad 1 yang menjalankan iOS 4.3.3. Bagaimana dengan iPad 2? Tidak bisa. Satu lagi, karena iPad tidak memiliki normal speakers maka sambungan telepon hanya bisa dilakukan melalui headphones atau dengan speakerphone.

Sebelum mencoba PhoneIt-iPad ada baiknya Anda cermati screenshot di bawah ini dan video yang diupload oleh sang developer:










READ MORE - Cara Menelepon Dari iPad

Selasa, 28 Juni 2011

Kuis Parampa Online

Parampaa Land

Quiz Parampaa





Quiz yang absurd dan cukup menantang. Ini adalah versi awal yang cuma berisi 100 pertanyaan mudah.



Quiz Parampaa 2
Jika kamu merasa kurang tertantang dengan Quiz 1, coba cicipi sequelnya yang sedikit lebih susah. 
Kita Semua






 Quiz dengan soal-soal yang dikirim oleh kawan-kawan Parampaa. Kamu juga bisa ikut serta!!
READ MORE - Kuis Parampa Online

Cara Mengganti IP Address dan DNS di Windows 7

Berawal dari artikel yang membahas tentang bagaimana menstabilkan koneksi internet dan artikel cara mengganti DNS menggunakan Google DNS dan OpenDNS, banyak yang bertanya bagaimana cara mengganti DNS jika menggunakab Windows 7? Maka pada artikel ini kami akan menjelaskan dengan singkat bagaimana cara melakukannya.
Cara Mengganti IP Address dan DNS di Windows 7 Image
Jika sudah terbiasa berinteraksi dengan jaringan komputer, artikel ini tidak akan banyak bermanfaat karena trik ini sudah menjadi kegiatan harian anda. Silahkan baca artikel lain yang lebih bermanfaat.
Berikut ini cara mengganti DNS server pada Windows 7 (Bisa diimplementasikan di semua jenis Windows 7):
  • Pertama masuk ke Control Panel dengan klik Start kemudian pilih Control Panel.
  • Lanjutkan dengan klik Network and Internet.
  • Setelah itu, klik Network and Sharing Center.
  • Lanjutkan dengan klik Change adapter settings.
  • Pilih jenis koneksi yang anda gunakan. Bagi pemula, mungkin ini yang agak sulit menetukannya karena biasanya pada setiap notebook, komputer maupun netbook ada lebih dari satu koneksi yang digunakan. Jika menggunakan modem, biasanya tertulis tipe modem yang digunakan seperti EVDO, HSPA, ADSL dan lain sebagainya. Jika menggunakan WiFi, di situ akan tertulis Wireless Network Connections dan jika menggunakan kabel LAN di situ akan tertulis Local Area Connections.
  • Klik kanan pada media koneksi yang anda lakukan kemudian pilih Properties (Pada contoh kami menggunakan koneksi WiFi).
    Cara Mengganti IP Address dan DNS di Windows 7 Image
  • Di situ ada beberapa pilihan mulai dari Client for Microsoft Networks sampai dengan Link Layer Topology Discovery responder.
  • Pilih Internet Protocol Version 4 (TCP/IPv4) dan jangan pilih yang TCP/IPv6 karena di Indonesia teknologi ini belum diimplementasikan. Klik sekali dan lanjutkan dengan klik tombol Properties di bawahnya.
    Cara Mengganti IP Address dan DNS di Windows 7 Image
  • Di situ anda akan melihat beberapa setting mengenai IP Address dan DNS. Isilah sesuai dengan keinginan anda. Jika ingin menggunakan Google DNS atau OpenDNS, silahkan buka halaman yang sudah kami sebutkan di awal dan isikan pada situ.
    Cara Mengganti IP Address dan DNS di Windows 7 Image
  • Terakhir, klik OK dua kali.
Sekarang anda sudah berhasil mengganti DNS menggunakan OpenDNS atau Google DNS. Jika ingin mengetahui perubahan yang sudah anda lakukan, buka Command Prompt, kemudian ketikkan ipconfig /all dan hasilnya seperti di bawah ini.
Selain untuk keperluan mengganti DNS dengan Google DNS atau OpenDNS, trik ini juga bisa digunakan untuk keperluan seperti penggantian IP Address yang crash dengan komputer lain, penggantian tipe IP dari Dynamic ke Static dan lain sebagainya. Jika ada yang perlu ditanyakan, silahkan tinggalkan komentar di bawah ini.
Selamat mencoba dan semoga berhasil.
READ MORE - Cara Mengganti IP Address dan DNS di Windows 7

Web Service Terminology

Web Service Terminology ImageAda beberapa pendekatan mengimplementasikan web service. Tiga yang paling banyak digunakan adalah Representational State Transfer (REST), XML-RPC, dan SOAP. Namun kebanyakan aplikasi enterprise menggunakan SOAP.
SOAP
Awalnya SOAP adalah kependekan dari “Simple Object Access Protocol”. Tapi kemudian oleh W3C singkatan tersebut dihapus sehingga sekarang SOAP bukan singkatan dari apapun. Kini pengertian SOAP adalah protokol untuk pertukaran message berformat XML. Sebuah client web service mengirim request berbentuk XML kepada provider web service. Provider mem-parsing request tersebut, menjalankan service, dan mengirim response kembali ke client juga dalam bentuk XML. Baik request dan response tersebut keduanya menggunakan protokol SOAP.
WSDL
Web Service Description Language (WSDL) adalah sebuah dokumen XML yang menyediakan segala informasi yang diperlukan untuk menentukan lokasi dan cara mengakses web service. Provider web service lah yang bertanggung jawab membuat WSDL. WSDL juga mendeskripsikan message, tipe, return value, dan detil lain yang dimiliki web service.
UDDI
Konsep lain dalam teknologi web service adalah web service registry. Setelah membuat sebuah web service, provider bisa memilih untuk mempublikasikan dokumen WSDL pada sebuah registry. Registry tersebut bisa jadi milik organisasi provider web service atau milik pihak ketiga. Client yang berminat menggunakan web service akan mencari informasi tentang sebuah web service di direktori registry untuk menentukan lokasi sebuah web service dan mendapatkan WSDL-nya. Selanjutnya client menggunakan dokumen WSDL untuk membuat request ke web service. Kegiatan publish, searching, dan retrieve tersebut ditentukan oleh UDDI (Universal Description, Discovery, and Integration)
Web Service Terminology Image
SOA
Perbedaan web service dan Service Oriented Architecture (SOA) adalah bahwa SOA merupakan sebuah rancangan/arsitektur sistem sedangkan web service adalah sebuah platform. SOA bisa diimplementasikan menggunakan teknologi untuk messaging seperti JMS atau remoting seperti RMI, namun yang paling populer adalah menggunakan web service.
Web service style
Ada dua tipe utama web service yaitu RPC-oriented dan document oriented.
Web service development style
Ada tiga cara membangun web service yaitu bottom-up, top-down, dan meet-in-the-middle. Bottom-up adalah cara yang paling populer digunakan.
Bottom-up digunakan jika sistem kita telah terlebih dahulu siap dan kemudian ada keputusan untuk membangun web service dari sistem yang sudah ada tersebut. Jadi bottom-up dilakukan dengan membuat WSDL dari class-class java yang sudah ada sekarang.
Top-down digunakan jika kita ingin membuat web service benar-benar dari awal. Cara ini dilakukan dengan membuat dokumen WSDL lebih dulu baru kemudian dibuat interface dan class-classnya.
Kedua cara tersebut biasanya sudah ada generatornya. Misal kita bisa men-generate dokumen WSDL dari class java maupun sebaliknya.
Cara yang ketiga yaitu meet-in-the-middle, dilakukan dengan membuat dokumen WSDL dan class-class implementasi bersamaan. Cara ini sulit dilakukan karena kita harus menjaga sinkronisasi antara keduanya.
READ MORE - Web Service Terminology