Tutorial ini berisi cara atau langkah - langkah membuat game yang telah saya buat

Transkripsi

1 Tutorial ini berisi cara atau langkah - langkah membuat game yang telah saya buat sebelumnya sebagai Tugas Games Media Pembelajaran yaitu Game What Am I : Let s Have Fun with English. Kebanyakan anak anak sekolah sangat benci ketika masuk pelajaran Bahasa Inggris karena menurut mereka Bahasa Inggris adalah pelajaran yang sangat membosankan. Nah, tujuan saya membuat game ini adalah untuk Let s Have Fun with English yaitu bersenang bersenang dengan bahasa inggris atau belajar sambil bermain. Game ini sebenarnya dikhususkan untuk anak anak yang berada di jenjang Sekolah Dasar (SD). Pada game ini diharapkan siswa/i merespon jawaban dalam bentuk bahasa inggris dari gambar yang disajikan. Berikut adalah cara membuat game What Am I? 1. Langkah pertama, buka aplikasi Microsoft Powerpoint. 2. Pada Tab Design, pilih Page Setup kemudian pilih On-screen Show (16:9) kemudian OK

2 Maka tampilannya akan lebar seperti pada gambar berikut : 3. Pada bagian Background Styles di Tab Design pilih Format Background 4. Pada bagian fill pilih pattern fill dan bentuknya serta berikan warna pada foreground dan background color seperti pada gambar berikut

3 Masukkan teks berikut dengan ketentuan berikut Kemudian masukkan teks berikut dengan ketentuan Masukkan satu persatu dengan warna yang berbeda - beda Berikan animasi Bounce pada teks What Am I? dimana Start : With Previous dan Duration : Pada teks Let s berikan animasi Float Down dengan Start : After Previous dan Duration : Lakukan hal yang sama pada teks teks berikutnya. Kemudian masukkan music untuk menambahkan sound ketika powerpoint ini berjalan. Pada Tab Insert Audio Audio from File... Pilih audio yang diinginkan kemudian klik Insert

4 Pada Tab Audio Tools dibagian Playback centang ketentuan seperti pada gambar berikut. 5. Slide 2 merupakan duplicate dari slide pertama berisi tombol tombol yang akan digunakan Hapus animasi dari slide pertama pada tab Animation di Animation Pane Buat bentuk seperti pada gambar berikut dengan Insert Shape

5 Masukkan teks pada Shape tersebut dengan ketentuan berikut dengan warna yang berbeda beda. Shape ini nanti berfungsi sebagai tombol. Pada slide ini berikan efek transisi berikut 6. Slide 3 merupakan tampilan loading. Pada slide ini masih duplicate slide sebelumnya namun ganti pattern background seperti pada gambar berikut Masukkan shape rectangle dengan outline tanpa fill seperti pada gambar berikut Kemudian masukkan shape rectangle dengan fill tanpa outline dan letakkan ditengah shape berwarna biru seperti pada gambar berikut Berikan animasi pada shape berwarna abu abu dengan ketentuan berikut

6 Kemudian masukkan teks Loading..... dan letakkan diatas shape yang telah dibuat. Berikan animasi exit dengan ketentuan berikut Lalu buat teks Let s Play! dengan ketentuan diatas namun ubah warnanya dan letakkan diatas tulisan Loading. Beri animasi entrance dengan ketentuan berikut Hasil di Animation Pane 7. Slide 4 merupakan tampilan How to Play. Pada slide ini masih duplicate slide sebelumnya namun ganti pattern background seperti pada gambar berikut

7 Ubah ukuran teks berikut menjadi kecil dan letakkan pada bagian tengah atas Masukkan teks berikut dengan ketentuan dibawah ini Kemudian masukkan tanda panah dibawah teks tersebut dengan insert Shape Dengan format Beri animasi panah tersebut dengan ketentuan berikut Masukkan teks yang merupakan aturan dari permainan seperti pada gambar berikut

8 Beri animasi dengan ketentuan berikut Masukkan shapes home seperti pada gambar berikut Letakkan pada ujung bawah sebelah kanan Tampilan slide 4 8. Slide 5 merupakan tampilan About. Pada slide ini masih duplicate slide sebelumnya namun ganti pattern background seperti pada gambar berikut

9 Ganti How to Play menjadi seperti pada gambar berikut Ganti warna panah menjadi ungu dan sesuaikan panjangnya dengan teks diatas Masukkan foto dengan mengklik Tab Insert lalu Picture kemudian pilih Tempatkan foto tersebut kemudian pilih bingkai dari foto tersebut. Beri animasi pada foto tersebut seperti pada gambar berikut

10 Kemudian masukkan smart art seperti berikut Isi seperti pada gambar berikut : Tempat smart art tersebut disamping foto kemudian berikan animasi Ubah shapes home menjadi warna ungu

11 Tampilan slide 5 9. Slide 6 merupakan tampilan Kategori. Pada slide ini masih duplicate slide sebelumnya namun ganti pattern background seperti pada gambar berikut Masukkan teks berikut dengan ketentuan dibawah ini Beri animasi emphasis : wave pada teks tersebut

12 Masukkan teks berikut dengan warna yang berbeda beda 10. Slide 7 merupakan tampilan awal kategori animals. Pada slide ini masih duplicate slide sebelumnya namun ganti pattern background seperti pada gambar berikut Pada teks Choose Category diganti menjadi Category : Animals Ganti animasi pada teks tersebut menjadi teeter

13 Masukkan gambar berikut Dengan format bingkai gambar seperti berikut Beri animasi pada gambar tersebut sebagai berikut Masukkan shape dan isi dengan teks seperti pada gambar berikut Beri animasi pada ketiga shape ini seperti gambar berikut

14 11. Slide 8 merupakan tampilan kedua kategori animals. Pada slide ini masih duplicate slide sebelumnya namun hapus animasi pada Teks Category : Animal pada Animation Pane Lalu hapus dan ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut seperti berikut 12. Slide 9 merupakan tampilan ketiga kategori animals. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut

15 13. Slide 10 merupakan tampilan keempat kategori animals. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut 14. Slide 11 merupakan tampilan kelima kategori animals. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut 15. Slide 12 merupakan tampilan Congrats yaitu ucapan selamat jika menyelesaikan kategori animals dengan benar. Pada slide ini masih duplicate slide sebelumnya namun ganti pattern background seperti pada gambar berikut

16 Kemudian buat seperti pada gambar berikut Beri transisi shape pada slide ini dan berikan sound dan ketentuan duration berikut 16. Slide 13 merupakan tampilan awal category fruits. Pada slide ini merupakan duplicate slide 11 namun ganti pattern background seperti pada gambar berikut Pada teks Category : Animals diganti menjadi Category : Fruits dan ubah warna Masukkan gambar berikut

17 Dengan format bingkai gambar seperti berikut Beri animasi pada gambar tersebut sebagai berikut Ubah teks dan warna dari shape rectangle

18 17. Slide 14 merupakan tampilan kedua kategori fruits. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut 18. Slide 15 merupakan tampilan ketiga kategori fruits. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut 19. Slide 16 merupakan tampilan terakhir kategori fruits. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut

19 20. Slide 17 merupakan tampilan Congrats yaitu ucapan selamat jika menyelesaikan kategori fruits dengan benar. Pada slide ini merupakan duplicate slide 12 namun ganti pattern background seperti pada gambar berikut Kemudian buat seperti pada gambar berikut 21. Slide 18 merupakan tampilan awal category vegetables. Pada slide ini merupakan duplicate slide 16 namun ganti pattern background seperti pada gambar berikut Pada teks Category : Fruits diganti menjadi Category : Vegetables dan ubah warna

20 Masukkan gambar berikut Dengan format bingkai gambar seperti berikut Beri animasi pada gambar tersebut sebagai berikut Ubah teks dan warna dari shape rectangle serta jangan lupa memberikan animasi Pastikan pada Animation Pane, animasi dari gambar terletak dibawah sehingga jawaban akan muncul duluan daripada gambar tersebut.

21 22. Slide 19 merupakan tampilan kedua kategori vegetables. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut 23. Slide 20 merupakan tampilan ketiga kategori vegetables. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut

22 24. Slide 21 merupakan tampilan terakhir kategori vegetables. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut 25. Slide 22 merupakan tampilan Congrats yaitu ucapan selamat jika menyelesaikan kategori vegetables dengan benar. Pada slide ini merupakan duplicate slide 17 namun ganti pattern background seperti pada gambar berikut Kemudian buat seperti pada gambar berikut

23 26. Slide 23 merupakan tampilan awal category Flowers. Pada slide ini merupakan duplicate slide 21 namun ganti pattern background seperti pada gambar berikut Pada teks Category : Fruits diganti menjadi Category : Vegetables dan ubah warna Masukkan gambar berikut Dengan format bingkai gambar seperti berikut Beri animasi pada gambar tersebut sebagai berikut Ubah teks dan warna dari shape rectangle serta jangan lupa memberikan animasi

24 Pastikan pada Animation Pane, animasi dari gambar terletak dibawah sehingga jawaban akan muncul duluan daripada gambar tersebut. 27. Slide 24 merupakan tampilan kedua kategori flowers. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut

25 28. Slide 25 merupakan tampilan ketiga kategori flowers. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut 29. Slide 26 merupakan tampilan terakhir kategori flowers. Pada slide ini masih duplicate slide sebelumnya namun ganti gambar beserta teks yang ada dikotak jawaban begitupun dengan warna outline dari kotak tersebut tersebut seperti berikut 30. Slide 27 merupakan tampilan Congrats yaitu ucapan selamat jika menyelesaikan kategori flowers dengan benar. Pada slide ini merupakan duplicate slide 22 namun ganti pattern background seperti pada gambar berikut

26 Kemudian buat seperti pada gambar berikut 31. Slide 28 merupakan tampilan Game Over. Buat seperti pada gambar berikut. 32. Slide 29 merupakan tampilan Are you Sure? Bertujuan untuk meyakinkan apakah ingin keluar atau tidak. Untuk menyatukan antara background dan gambar, masukkan gambar pada background style picture or texture file lalu pilih gambar yang ingin dimasukkan.

27 Untuk menyesuaikan lebar panjang dan tinggi dari sebuah gambar bisa diatur Tambah teks berikut Beri animasi pada teks Are you Sure? Maka hasilnya akan tampak seperti gambar berikut

28 33. Slide 30 merupakan tampilan Terima Kasih. Bertujuan untuk menyampaikan rasa terima kasih karena telah memainkan games ini. Masukkan gambar yang menyatu dengan background dan gambar, seperti langkah sebelumnya dan buat seperti pada gambar berikut Kemudian tambah teks seperti gambar berikut Beri animasi dengan ketentuan berikut Maka hasilnya akan tampak seperti gambar berikut

29 Memberikan Action terhadap Button (Tombol) Selanjutnya akan dibahas bagaimana memberikan action terhadap tombol tombol tersebut atau bagaimana menjalankan tombol tombol yang telah dibuat tadi. Saya akan memberikan 1 contoh untuk memberikan action terhadap tombol. Berikut adalah cara menjalankan tombol. 34. Pada slide 2 terdapat 4 tombol yaitu tombol Start, How to Play, About dan Exit 35. Select atau pilih tombol start 36. Lalu pilih Tab Insert Action 37. Pada jendela Action Settings, hyperlink to : (Next Slide/Slide Loading) berguna memilih tujuan jika tombol tersebut di klik 38. Adapun playsound berfungsi menjalankan sound ketika tombol tersebut di klik

30 39. Pada tab Mouse Over berfungsi menjalankan sound ketika pointer berada diatas tombol tersebut 40. Lakukan hal yang sama pada tombol tombol yang lainnya. Begitupun pada soal, jika jawaban benar maka slide akan ke slide berikut hingga sampai ke slide congrats namun jika salah maka akan ke slide game over.