Belajar Java Secara Visual & Interaktif

Transkripsi

1 Belajar Java Secara Visual & Interaktif Dr.-Ing. Eueung Mulyana

2 Daftar Isi Daftar Gambar Daftar Tabel Pengantar 1 Bahasa Java dan OOP 1.1 Komponen Bahasa Java 1.2 Lebih Dalam dengan Kelas dan Objek 1.3 Paket dan Pustaka Kelas 2 Pengenalan Greenfoot 2.1 Latar Belakang 2.2 Antarmuka Visual 2.3 Interaksi Langsung 2.4 Skenario Plane 2.5 Skenario TurtleGraphics 2.6 Skenario Ants 2.7 Skenario Lunarlander 3 Modifikasi dan Pemrograman 3.1 Kelas Wombat 3.2 Kelas WombatWorld 3.3 Metode turnrandom() untuk Kelas Wombat 3.4 Mengubah Tampilan / Image 3.5 Modifikasi Kelas WombatWorld 3.6 Menambahkan Kelas Baru 4 Skenario Plane dan TurtleGrahics 4.1 Skenario Plane 4.2 Beberapa Modifikasi Skenario Plane 4.3 Skenario TurtleGraphics 4.4 Beberapa Modifikasi Skenario TurtleGraphics 5 Skenario Ants dan Lunarlander 5.1 Skenario Ants 5.2 Modifikasi Skenario Ants 5.3 Skenario Lunarlander 5.4 Modifikasi Skenario Lunarlander 6 Lebih Lanjut dengan Greenfoot Framework dan Greenfoot API 6.1 Fasilitas Ekspor ke Applet dan Aplikasi 6.2 Membuat Skenario Baru 6.3 Membuat Lingkungan

3 6.4 Membuat Aktor 6.5 Pergerakan Objek 6.6 Perilaku Acak 6.7 Perubahan Tampilan / Image 6.8 Menditeksi Objek Lain 6.9 Greenfoot API Daftar Pustaka

4 Daftar Gambar 1 Gambar 1.1 Kompilasi dan eksekusi program Java 2 Gambar 1.2 Struktur sebuah kelas dalam Java 3 Gambar 1.3 Hirarki kelas dan dua contoh objek 4 Gambar 1.4 Beberapa elemen dalam sebuah program Java 5 Gambar 1.5 Pernyataan kondisional if beserta interpretasi alur eksekusinya 6 Gambar 1.6 Pernyataan kondisional switch 7 Gambar 1.7 Pernyataan repetisi while 8 Gambar 1.8 Pernyataan repetisi do 9 Gambar 1.9 Pernyataan repetisi for 10 Gambar 1.10 Contoh visualisasi variabel primitif dan variabel objek 11 Gambar 1.11 Ilustrasi proses assignment untuk variabel primitif 12 Gambar 1.12 Ilustrasi proses assignment untuk variabel objek 13 Gambar 1.13 Enkapsulasi objek 14 Gambar 1.14 Hubungan inheritansi secara visual 15 Gambar 2.1 Tampilan awal Greenfoot untuk skenario wombats 16 Gambar 2.2 Tampilan lingkungan (the world) setelah penambahan Sebuah objek Wombat dan dua objek Leaf 17 Gambar 2.3 Tampilan menu konteks setelah menekan klik-kanan pada objek Wombat 19 Gambar 2.4 Tampilan objek Wombat setelah pemanggilan metode turnleft() kemudian move() 20 Gambar 2.5 Menghapus objek melalui tombol Reset atau item Remove 21 Gambar 2.6 Menu konteks dari lingkungan (objek WombatWorld) 22 Gambar 2.7 Kondisi lingkungan setelah pemanggilan populate() dan randomleaves() 23 Gambar 2.8 Kondisi lingkungan setelah pemanggilan populate(); tanda panah menunjukan arah pergerakan objek-objek Wombat 24 Gambar 2.9 Kondisi lingkungan beberapa saat setelah menekan Run 25 Gambar 2.10 Tampilan skenario plane 26 Gambar 2.11 Arah objek pesawat sebagai fungsi dari posisi objek ControlKnob 27 Gambar 2.12 Tampilan skenario turtlegraphics 28 Gambar 2.13 Perubahan objek secara visual pada kondisi aktif dan nonaktif 29 Gambar 2.14 Tampilan skenario ants 30 Gambar 2.15 Tampilan skenario lunarlander 31 Gambar 3.1 Tampilan panel kelas untuk skenario wombats 32 Gambar 3.2 Contoh tampilan kode sumber kelas Leaf 33 Gambar 3.3 Contoh eksekusi metode foundleaf() pada posisi objek yang berbeda 34 Gambar 3.4 Contoh eksekusi metode getleaveseaten() 35 Gambar 3.5 Nilai variabel direction dan arah pergerakan objek 36 Gambar 3.6 Contoh hasil eksekusi canmove() pada dua buah objek 37 Gambar 3.7 Contoh hasil eksekusi act() berturut-turut 38 Gambar 3.8 Sistem koordinat grid lingkungan 39 Gambar 3.9 Perbandingan metode act() yang baru dan lama

5 40 Gambar 3.10 Mengubah tampilan gambar melalui Set image Gambar 3.11 Menggunakan pustaka gambar bawaan Greenfoot 42 Gambar 3.12 Contoh hasil eksekusi populate() setelah gambar kelas Wombat dan Leaf diubah melalui Set image Gambar 3.13 Image yang (telah dan akan) digunakan dalam skenario wombats beserta ukurannya 44 Gambar 3.14 Perubahan karakter metode act() menggunakan setdirection() yang telah dimodifikasi 45 Gambar 3.15 Contoh hasil eksekusi randompopulate() 46 Gambar 3.16 Menambahkan kelas Rock 47 Gambar 3.17 Contoh tampilan randompopulate() dengan menambahkan objek Rock 47 Gambar 4.1 Arah gerak objek pesawat dan interpretasi konstanta SPEED 48 Gambar 4.2 Relokasi objek ControlKnob yang mungkin 49 Gambar 4.3 Kontrol arah gerak pesawat melalui posisi objek ControlKnob 50 Gambar 4.4 Inkonsistensi kontrol pada kondisi awal 51 Gambar 4.5 Mengatur posisi vertikal objek ControlKnob 52 Gambar 4.6 Contoh perilaku pergerakan pesawat setelah modifikasi 53 Gambar 4.7 Deskripsi beberapa variabel dalam metode drawpen() 54 Gambar 4.8 Contoh tampilan hasil eksperimen dengan beberapa metode dalam kelas Turtle 55 Gambar 4.9 Contoh tampilan hasil yang dibentuk oleh objek SpiralTurtle dengan parameter yang berbeda 56 Gambar 4.10 Contoh tampilan hasil yang dibentuk oleh objek CircleTurtle dengan parameter yang berbeda 57 Gambar 4.11 Contoh tampilan hasil yang dibentuk oleh objek FlowerTurtle Dengan parameter yang berbeda 58 Gambar 4.12 Contoh tampilan hasil yang bentuk oleh objek RandomTurtle 59 Gambar 4.13 Contoh tampilan hasil yang dibentuk oleh objek SineTurtle dan SineTurtle2 60 Gambar 4.14 Contoh tampilan hasil yang dibentuk oleh objek CircleTurtle2 dan CircleTurtle3 61 Gambar 4.15 Contoh tampilan hasil yang dibentuk oleh objek SquareTurtle2 dan SquareTurtle3 62 Gambar 5.1 Tampilan hasil eksekusi metode scenario1() dan scenario2() 63 Gambar 5.2 Tampilan objek Pheromone 64 Gambar 5.3 Interpretasi distancex dan distancey dalam headhome() dan headaway() 65 Gambar 5.4 Contoh arah dan besar variabel deltax dan deltay 66 Gambar 5.5 Tiga kemungkinan nilai untuk variabel deltax dan deltay 67 Gambar 5.6 Interpretasi umum untuk headhome() dan headaway() 68 Gambar 5.7 Jendela dialog untuk membentuk kelas Predator 69 Gambar 5.8 Tampilan lingkungan setelah beberapa saat simulasi dijalankan (scenario1() dengan sebuah objek Predator) 70 Gambar 5.9 Perubahan tampilan (warna) objek Predator, sesuai dengan nilai variabel wildness 71 Gambar 5.10 Contoh tampilan hasil eksekusi skenario ants setelah modifikasi

6 72 Gambar 5.11 Sebuah objek Lander yang telah mendarat dengan selamat 73 Gambar 5.12 Koordinat pemeriksaan kolisi dan deskripsi beberapa variabel dalam kelas Lander 74 Gambar 5.13 Tampilan / image untuk kelas Explosion beserta dua variabel yang digunakan dalam menghitung size 75 Gambar 5.14 Contoh tampilan setelah modifikasi kondisi valid untuk pendaratan 76 Gambar 5.15 Contoh tampilan objek Lander setelah penambahan speedcounter 77 Gambar 5.16 Contoh tampilan mode autopilot dengan indikator 78 Gambar 5.17 Contoh tampilan ketiga mode autopilot tambahan dengan indikator 79 Gambar 6.1 Jendela dialog untuk ekspor ke aplikasi 80 Gambar 6.2 Tampilan Applet lunarlander menggunakan browser Firefox 81 Gambar 6.3 Tampilan skenario ants setelah diekspor menjadi aplikasi 82 Gambar 6.4 Struktur folder untuk sebuah skenario baru dan tampilan Greenfoot ketika sebuah skenario baru saja dibuat 83 Gambar 6.5 Membuat kelas dan objek lingkungan baru 84 Gambar 6.6 Sistem koordinat untuk objek dan sudut rotasi objek 85 Gambar 6.7 Contoh penggunaan metode getneighbours() 86 Gambar 6.8 Contoh penggunaan metode getobjectsinrange()

7 Daftar Tabel 1 Tabel 1.1 Reserved words (pengenal khusus) dalam Java 2 Tabel 1.2 Tipe data primitif integer dan real 3 Tabel 1.3 Operator aritmetika 4 Tabel 1.4 Increment, decrement dan beberapa assignment operator 5 Tabel 1.5 Operator relasional dan logika untuk ekspresi boolean 6 Tabel 1.6 Perbedaan Overriding dan Overloading 7 Tabel 1.7 Beberapa paket dalam pustaka standard Java (base library) 8 Tabel 2.1 Skenario default dalam Greenfoot Tabel 3.1 Nilai variabel turns dalam metode turnrandom() 10 Tabel 5.1 Nilai beberapa variabel yang menentukan tampilan objek Pheromone 11 Tabel 5.2 Metode privat dan metode publik dalam kelas Ant

8 Pengantar Salah satu kendala dalam belajar sebuah bahasa pemrograman adalah terbatasnya informasi tentang apa yang bisa dilakukan dengan bahasa itu. Sebagian besar pendekatan dalam pengajaran (juga dalam buku ajar) adalah pendekatan bottom-up, dimana seseorang harus belajar terlebih dahulu sekumpulan sintaks, operator, ekspresi, pernyataan dll, tanpa tahu untuk apa semua itu akan digunakan. Buku ini mencoba memberikan pendekatan berbeda. Pembaca tidak dituntut untuk terlebih dahulu belajar, menguasai atau berkutat dengan sintaks bahasa secara intensif, tetapi siapa pun bisa langsung melihat, bereksperimen dan berinteraksi secara visual dengan sesuatu yang bisa diprogram. Dengan demikian, belajar bahasa pemrograman dapat dilakukan secara paralel dan bertahap sesuai dengan kebutuhan dalam eksperimen. Greenfoot adalah lingkungan atau framework yang dapat digunakan untuk belajar pemrograman berorientasi objek (OOP) dalam Java secara visual dan interaktif. Walaupun masih berusia relatif muda, tool ini sangat berpotensi besar dalam mendukung proses edukasi. Bahkan saat ini, Greenfoot sedang dipersiapkan sebagai salah satu platform untuk membuat simulasi dan game dua dimensi dalam bahasa Java. Buku ini disusun sebagai dokumen yang mendampingi pembaca dalam belajar Java menggunakan framework Greenfoot. Spektrum pembaca yang diharapkan adalah tingkat pemula dan intermediate dari adik-adik di sekolah menengah, mahasiswa dan kalangan umum. Wahana informasi terbaru dan forum terkait dengan buku ini dapat diakses melalui situs Penulis sendiri dapat dihubungi pada alamat Bandung, Januari 2008, Penulis