PowerPoint Presentation
Using Alice 3MINGGU PERTAMA
Copyleft 2017, Hendra Dwi Saputra.
2-1 Memulai dengan Alice3
KOMPONEN LAYAR UTAMA
LANGKAH UNTUK MEMBUAT PROYEK BARUJalankan Alice3Pada kotak dialog pembukaan, pilih tab Blank SlatesPilih template, lalu klik tombol OK
LANGKAH MENYIMPAN PROYEKPada menu File, pilih Save AsPilih lokasi penyimpanan proyekSimpan nama proyekKlik tombol SaveSimpan proyek berkala agar proyek anda tidak hilang
NAVIGASI ANTAR EDITORAlice menyediakan dua workspace berbeda, disebut sebagai perspectives, dan bisa berpindah selama membuat proyek. Dua editor tersebut adalah :Code Editor (Edit Code perspectives, di kiri)Scene Editor (Setup Scene perspectives, di kanan)
MEMBUAT INSTRUKSI PEMROGRAMANDari panel Methods, klik dan seret instruksi program yang diinginkan ke myFirstMethod dari Code Editor
2-2 Tambah dan Posisikan Objek
FITUR MEMPOSISIKAN OBJEKSemua objek Alice3 fitur memposisikan yang sama :Koordinat 3D di sumbu x, y dan zTitik pusat, dimana sumbu saling terpotongSub-bagian juga memiliki posisi yang sama
CARA MEMPOSISIKAN OBJEKAda dua cara untuk memposisikan sebuah objek :Posisi Tepat menggunakan dua metodeMenggunakan prosedur one-shotsMasukkan nilai untuk koordinat x, y dan z dan tekan EnterPosisi Tidak Tepat menggunakan metode seret-dan-lepas dengan menggunakan kursor mouse
POSISI TEPATSetelah menambahkan beberapa objek ke tengah layar, gunakan prosedur one-shot untuk secara presisi menempatkan di lokasi yang berbeda di layar sehingga semua objek terlihat
POSISI TIDAK TEPATPilih objek atau sub bagiannya menggunakan kursorPilih pegangan style menyajikan lingkaran atau panah untuk membantu memposisikan.Posisikan objek dengan kursor dengan memilih dan menyeret lingkaran yang melingkupi objek
MEMPOSISIKAN SUB-BAGIAN OBJEKGunakan pegangan styles guna memposisikan sub-bagian selama pengaturanSebagai contoh, jika ingin kepala objek menoleh ke kanan ketika animasi dimulai
2-3 Prosedur dan Argumen
PILIH INSTANPertama, pilih instan yang ingin diprogram.Hal ini memastikan instruksi pemrograman yang dibuat sesuai dengan instan yang diinginkan.Pilih instan dengan cara klik di jendela kecil Scene atau dengan memilih menu pull-down instan di bawah jendela kecil Scene.
PANEL METODE, TAB PROSEDUR & FUNGSIPanel Metode terdiri dari tab Prosedur dan Fungsi.Tab Prosedur menampilkan prosedur yang telah ditentukan untuk instan yang dipilih, dan juga prosedur yang dibuat sendiri.Tab Fungsi menampilkan fungsi yang telah ditentukan untuk instan yang dipilih, dan juga fungsi yang dibuat sendiri.
EDITOR KODE & PERNYATAAN KONTROLMenu Kelas ditampilkan di samping kiri tab Scene.Membuat instruksi pemrograman pada tab myFirstMethod.Secara default, Alice membuat pernyataan kontrol Do In Order pada prosedur myFirstMethod.Area yang berlabel drop statement here adalah lokasi dimana menaruh instruksi pemrograman.
Di bawah tab myFirstMethod akan ditemukan pernyataan kontrol Alice3.
BUAT SEBUAH INSTRUKSI PROGRAMDari tab prosedur, klik dan seret prosedur yang diinginkan ke myFirstMethod di dalam Editor Kode.
PILIH DAN ATUR NILAI ARGUMENSetelah pernyataan pemrograman dibuat, gunakan menu drop-down untuk mengatur nilai untuk tiap argumen. Untuk mengakses menu drop-down argumen, klik tombol drop-down segitiga di sebelah kanan nilai argumen.
EKSESKUSI PROGRAMKlik tombol Run untuk mengeksekusi instruksi pemrograman. Jalankan program secara berkala untuk mengujicoba hasil yang diinginkan, dan ubah nilai argumen sesuai kebetuhan.
LANGKAH MENGUBAH ARGUMENPada nilai argumen, klik panah untuk menampilkan menu pilihan nilaiPilih sebuah nilai baruGunakan opsi Custom DecimalNumber... untuk memberi nilai yang berbeda dari daftar nilai standar
2-4 Rotasi dan Pengacakan
CONTOH STORYBOARD TEKSTUALProgram aksi berikut ini secara berurutan :Kelinci berjalan masukAlice melihat ke arah KelinciKelinci berkata, Apakah ini pesta?Alice berkata, Oh bukan!Kelinci menoleh ke kiriProgram aksi berikut secara bersamaan :Kelinci berjalan menjauh secara cepatAlice menggerakkan tangannya
PERBANDINGAN PROSEDUR BELOK DAN GULING
Objek belok kiri dan kanan pada titik tengah menggunakan sumbu vertikal.Objek guling kiri dan kanan pada titik tengah menggunakan sumbu horizontal.Objek belok ke depan pada titik tengah menggunakan sumbu horizontal.Objek belok ke belakang pada titik tengah menggunakan sumbu horizontal.(Kartu telah belok ke kiri. Belok depan menyebabkan miring ke depan)(Kartu telah belok ke kiri. Belok belakang menyebabkan miring ke belakang)
ROTASI SUB-BAGIANBeberapa objek memiliki sub-bagian yang dapat digerakkan.Sebagai contoh, jarum jam dapat dibelokkan ataupun digulingkan.Rotasi dapat diaplikasikan ke seluruh objek, ataupun pada sub-bagian dari sebuah objek.Sebuah sub-bagian objek menampilkan lingkaran yang menunjukkan area pergerakannya.
TAMBAH PROSEDUR KE PERNYATAAN KONTROLSeret pernyataan pemrograman baru atau yang telah ada ke dalam pernyataan kontrol.Pada contoh di bawah ini, objek Alice akan bergerak ke depan, belok kiri, dan berguling ke kanan secara berurutan.
LANGKAH UNTUK MENGGUNAKAN ANGKA ACAKUntuk semua argumen angka, salah satu opsi adalah angka acak. Pilih argumen dari daftar drop-down.Pilih Random (Acak)Pilih nextRandomRealNumberInRange. Pilih nilai terkecil (low) dan tertinggi (high)Jalankan animasi. Alice3 melakukan pengacakan dari pilihan cakupan ketika pernyataan dieksekusi.
2-5 Deklarasi Prosedur
HIRARKI KELASKlik menu drop-down hirarki kelas di sebelah kiri dari tab myFirstMethod (diindikasikan anak panah menghadap bawah) untuk melihat daftar kelas dan subkelas dalam animasi anda.
LANGKAH MENDEKLARASIKAN PROSEDURDari hirarki kelas, pilih kelas yang akan diaplikasikan prosedur.Semua subkelas akan teraplikasikan prosedur pula.Klik tombol Add Procedure...
LANGKAH PENAMBAHKAN PROSEDUR KE TAB myFirstMethod SEBELUM PEMROGRAMANPilih instan untuk yang mana mengkode prosedur dari menu instan.Pada tab Procedures, tempatkan prosedur yang telah dideklarasikan dan seret itu ke dalam myFirstMethodKembali ke prosedur dengan klik tab di atas dari Editor Kode dengan nama prosedurnya
LANGKAH MENAMBAHKAN PROSEDUR YANG TELAH DIDEKLARASI KE KODEPilih instan dari objek yang diinginkan untuk ditambah ke prosedur yang telah dideklarasikan.Temukan daftar prosedur yang dideklarasikan di tab prosedur di panel metode.Prosedur yang dideklarasikan tersedia di tab prosedur untuk semua objek yang diturunkannya.Seret prosedur yang dideklarasikan ke kode.
LANGKAH MENGAKSES DAN MENGUBAH PROSEDURBuat atau ubah instruksi pemrograman untuk prosedur.Klik tombol Run untuk mengujicoba dan memeriksa sesuai kebutuhan.Ketika selesai mengubah prosedur, klik tab myFirstMethod untuk kembali.
2-6 Pernyataan Kontrol
GERAKAN BERSAMAANUntuk membuat gerakan bersamaan untuk sebuah objek, gunakanlah pernyataan Do Together.Pernyataan KontrolDeskripsiDo In OrderPernyataan Kontrol default di Editor KodeEksekusi prosedur secara berurutanDo TogetherEksekusi prosedur secara bersamaanDigunakan untuk gerakan bersamaan seperti pergerakan berjalan dan duduk
CONTOH GERAKAN BERJALANPeriksa kode ini untuk pergerakan berjalan sederhana
LANGKAH MENGGUNAKAN PROSEDUR setVehicleTentukan objek kendaraan dan objek penunggangnyaDi editor kode, pilih objek penunggang di menu instanDari tab prosedur, seret prosedur setVehicle ke editor kodeDi dalam prosedur, pilih objek kendaraan dari menu
LANGKAH UNTUK MENGHENTIKAN PROSEDUR setVehicleJika ingin objek pengendara terlepas dari objek kendaraan, seret prosedur setVehicle lain ke editor kode di titik pengendara akan lepas dari kendaraanAtur kendaraan ke this, yang mana akan mengatur kendaraan dari pengendara kembali ke layar
2-7 FUNGSI
FUNGSI SOLUSI MASALAH JARAKSendainya ingin menggerakkan Dalmatian langsung ke Kelinci tanpa menentukan secara manual, melalui kesalahan dan coba, jarak antara Dalmatian dan Kelinci.Kita dapat menebak dengan mengatur nilai dan mengujicoba pergerakan hingga mendekat pada jarak yang diinginkan tercapai, tetapi tentunya ada cara yang efisien dengan menggunakan fungsi untuk menentukan jarak pasti untuk bergerak.
LANGKAH MENGGUNAKAN FUNGSI getDistanceDari tab Fungsi, seret fungsi getDistanceTo ke dalam nilai yang akan diubah.
Pilih objek targetnya.
HINDARI TABRAKANUntuk memaksimalkan pemanggilan fungsi dapat menggunakan operator matematika yaitu tambah (+), kurang (-), kali (*), dan bagi (/).
Sebagai contoh, mengurangi jarak objek yang bergerak untuk menghindari tabrakan (collision).
GUNAKAN OPERATOR MATEMATIKASebuah fungsi menentukan jarak antara dalmatian dan kelinci.Untuk mengurangi nilai kembalian dari fungsi getDistance, operator pengurangan mengurangi pada nilai tertentu.Nilai yang ditentukan tersebut dengan memanggil fungsi getWidth dan membagi nilai tersebut menjadi dua.
LANGKAH MENGHAPUS PANJANG OBJEK DARI FUNGSICara lain yang presisi untuk menghindari tabrakan dengan membuang kedalaman (panjang) dari objek bergerak dari fungsi.Pada contoh di bawah ini, Dalmatian akan bergerak sesuai jarak ke Kelinci, dikurangi panjang Dalmatian.
[Kedai Informatika] - Setelah kita berhasil menginstal aplikasi Alice 3 di laptop/PC, sekarang kita akan membahas mengenai tampilan awal dan beberapa fungsi yang ada di aplikasi alice. Tetapi jika ada sobat yang belum menginstal aplikasi Alice 3 atau belum tau spesifikasi apa saja yang perlu disiapkan untuk menjalankan aplikasi tersebut, silahkan kunjungi bagian pertama dulu ya disini (Cara menginstal aplikasi Alice 3).
Code Editor adalah tampilan untuk menambahkan instruksi pemrograman kepada animasi yang sedang dibuat. Tampilan code editor terdiri dari tampilan scene, panel Code Editor dengan beberapa tab untuk membuat program. Code editor juga terdapat panel Methods dan panel Control Statement. Ketika membuat project baru dengan Alice 3, Camera adalah objek yang dipilih, tampilan scene menampilkan gambar tampilan dari template yang sudah dipilih.
Pada panel Method, masing-masing tile menampilkan method yang dapat digunakan. Method adalah sebuah tindakan yang dilakukan oleh objek di dalam scene. Panel Method dibagi menjadi 2 (dua) bagian : Procedures dan Functions. Screen berikut menunjukkan method yang dapat digunakan oleh objek Camera seperti move, moveToward, dll.
Pada panel Control, masing-masing tile menampilkan statement yang mengatur dan mengorganisasikan instruksi dan informasi (data). Control tile berisi urutan pelaksanaan method. Tile Comment dan Variable juga terdapat pada panel Control.
Untuk beralih ke tampilan Scene Editor, klik tombol Setup Scene yang berada di sebelah kanan bawah tampilan scene.
Setelah menekan tombol Setup Scene, maka akan masuk ke dalam tampilan scene editor seperti berikut :
Scene editor terdiri dari 2 panel, yaitu :
a. Scene Setup yang terletak dibagian atas.
b. Gallery yang terletak dibagian bawah.
Manfaat dari editor ini adalah untuk membuat sebuah virtual world dengan cara menambahkan dan mengatur posisi objek di dalam scene. Di dalam scene editor kita dapat melakukan :
- Memilih objek dari galeri untuk ditambahkan ke dalam scene.
- Meletakkan objek ke dalam scene dengan menggunakan handle pallete.
- Mengedit properti objek dengan menggunakan panel properties.
- Mengakses code editor untuk menambahkan prosedur atau statement.
- Menjalankan animasi setelah statement ditambahkan di code editor.
Untuk beralih ke tampilan Code Editor, klik tombol Edit Code yang berada di sebelah kanan bawah tampilan scene.
Demikian pengenalan tampilan awal dari program Alice 3, Semoga bermanfaat.