BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Seiring perkembangan teknologi informasi di berbagai bidang, baik dari sisi perangkat lunak maupun dari sisi perangkat keras khususnya komputer bidang multimedia. Seiring bertambahnya kebutuhan manusia maka teknologi juga berkembang untuk tujuan pembelajaran serta hiburan. Salah satu bentuknya adalah game berbasis komputer. Game saat ini sudah menjadi alternatif hiburan bagi tua, muda, pria maupun wanita. Game adalah salah satu cara untuk menghilangkan rasa lelah mereka karena dengan bermain game mereka mendapatkan hiburan yang membuat mereka senang sehingga dapat membuat mereka lupa sejenak akan penuhnya aktivitas yang dilakukan setiap hari. Game saat ini mudah sekali untuk dinikmati karena sebagian besar barang dan alat yang digunakan sudah menggunakan teknologi yang menikmati game. sangat maju dimana sangat mendukung untuk dapat Game mengajarkan orang untuk berpikir kreatif dan kristis untuk menyelesaikannya game tersebut. Selain itu game juga memberikan pelajaran atau informasi tanpa mereka sadari sehingga secara tidak langsung mereka sudah belajar mengenai pesan yang terdapat di dalam game tersebut. Bermain game merupakan salah satu sarana pembelajaran. Game edukasi dapat menunjang proses pendidikan, karena unggul dalam beberapa aspek jika dibandingkan dengan metode pembelajaran konvensional[1]. Dalam permainan tersebut mengandung unsur mendidik atau nilai-nilai pendidikan. Selain itu, untuk pemilihan permainan, diusahakan agar seluruh aspek yang dimiliki anak dapat berkembang dengan baik, baik dari segi kognitif, afektif dan juga psikomotorik. Salah satunya adalah game strategi dengan penggunaan taktik atau suatu usaha mengembangkan kemampuan 1 berfikir, kreativitas, serta improvisasi untuk menentukan alternatif terbaik dalam memecahkan masalah yang dihadapi. Menurut wikipedia, html5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997) dan hingga bulan Juni 2011 masih dalam pengembangan. HTML5 adalah versi terbaru dari HTML (HyperText Markup Language) yang mana dikembangkan oleh W3C atau Word Wide Web Consortium. Lalu apakah yang dimaksud dengan Semantic Web? Semantic berasal dari bahasa Yunani (Greek), merupakan bahasa pembelajaran semantic, yakni pembelajaran untuk memahami penanda. Semantic sendiri mempunyai arti bahasa yang berfokus pada penanda untuk mengetahui arti yang terkandung di dalamnya[2]. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin. Diabetes Mellitus adalah suatu penyakit dimana kadar glukosa (gula sederhana) di dalam darah tinggi karena tubuh tidak dapat melepaskan atau menggunakan insulin secara adekuat. Penelitian terakhir menunjukkan bahwa komplikasi diabetes dapat dicegah, ditunda atau diperlambat dengan mengontrol kadar gula darah. Pengaturan diet sangat penting. Biasanya penderita tidak boleh terlalu banyak makan makanan manis dan harus makan dalam jadwal yang teratur. Penderita diabetes cenderung memiliki kadar kolesterol yang tinggi, karena itu dianjurkan untuk membatasi jumlah lemak jenuh dalam makanannya[3]. Salah satu diet yang baik untuk penderita diabetes adalah dengan cara diet vegetarian, yaitu mengkonsumsi sayuran khususnya sayuran hijau yang banyak mengandung serat. Kandungan serat dalam jumlah yang cukup dapat membantu penderita dalam hal menjaga kestabilan kadar gula darahnya. Perancangan Game “Vege Cooking” Untuk Diet Diabetes Mellitus Menggunakan HTML5 adalah game edukasi yang bertemakan tentang caracara memasak masakan vegetarian bagi penderita diabetes mellitus. Game ini 2 dibuat untuk mengenalkan kepada masyarakat tentang makanan-makanan yang baik dan sehat dikonsumsi untuk pencegahan penyakit diabetes dan untuk penderita diabetes agar dapat memenuhi pola makan sehat. Selain itu game ini berisi menu masakan-masakan vegetarian yang sesuai dengan takaran atau penyajian yang dianjurkan untuk diet penyakit diabetes mellitus. Game ini dilengkapi dengan resep-resep masakan vegetarian yang sehat yang mudah dipraktekkan di kehidupan nyata. 1.2 Rumusan Masalah Berdasarkan latar belakang masalah di atas maka rumusan masalah yang diambil adalah bagaimana menerapkan HTML5 untuk game simulasi memasak yang dapat menambah pengetahuan tentang masakan untuk mencegah penyakit diabetes dan untuk penderita diabetes bagi semua orang. 1.3 Tujuan Adapun tujuan dari penulisan ini adalah: 1. Membuat game simulasi memasak untuk mengasah kreatifitas. 2. Implementasi Game “Vege Cooking” Untuk Diet Diabetes Mellitus Menggunakan HTML5. 1.4 Batasan Masalah Batasan-batasan dari aplikasi yang akan dibangun adalah sebagai berikut : 1. Game hanya dimainkan single player. 2. Tidak ada level dalam game, user hanya diwajibkan memilih resep sesuai keinginan. 3. Game dibangun menggunakan HTML5. 1.5 Metode Penelitian 1.5.1 Studi Pustaka Penelitian ini dimulai dengan studi literatur yaitu proses pengumpulan data dan mempelajari berbagai literatur, artikel, makalah, situs internet maupun jurnaljurnal penelitian yang berhubungan dengan game edukasi, teknologi web game, serta pembuatan game menggunakan HTML5. 3 1.5.2 Analisa Sistem Analisis sistem dapat didefinisikan sebagai analisa terhadap komponenkomponen yang dibutuhkan oleh suatu sistem dengan maksud untuk mengidentifikasi dan mengevaluasi kebutuhan-kebutuhan yang diharapkan sehingga dapat terwujud suatu sistem yang utuh. Analisa sistem meliputi kebutuhan fungsional, dan kebutuhan non fungsional yang lebih lengkapnya akan dijelaskan pada pembahasan. 1.5.3 Perancangan Sistem Pada tahap ini akan dibagi menjadi beberapa kategori perancangan yaitu: a. Perancangan game play dan arsitektur. Perancangan ini dibuat berdasarkan analisis yang telah dilakukan sebelumnya kemudian membuat desain sistem yang akan dikembangkan. b. Perancangan tampilan antar muka (Graphical User Interface) berfungsi sebagai media komunikasi antara pengguna dengan aplikasi. Perancangan ini meliputi analisis dan desain tampilan antar muka yang akan dikembangkan. 1.5.4 Implementasi Sistem Pada tahap ini akan dilakukan implementasi semua desain sistem yang telah dirancang dengan pengaturan event yang ada pada game engine Construct 2 berbasis HTML5. Sehingga dibuat sebuah aplikasi game “Vege Cooking” dengan menerapkan beberapa unsur ketangkasan serta kreativitas player agar menjadi satu kesatuan game yang utuh. 1.5.5 Pengujian Sistem Pada tahap ini penulis menguji berdasarkan pada cara kerja game, apakah program telah berjalan sebagaimana mestinya serta dari sudut pandang pengguna sehingga dapat ditarik kesimpulan dari permasalahan yang ada. 4 1.5.6 Sistematika Penulisan BAB I : PENDAHULUAN Bab ini berisi pendahuluan yang menjelaskan latar belakang, rumusan masalah, tujuan penelitian, batasan permasalahan, metodologi penelitian, dan sistematika penulisan. BAB II : LANDASAN TEORI Bab ini berisi landasan teori sebagai parameter rujukan untuk dilaksanakannya penelitian ini. Adapun pengkajian materi tersebut adalah kajian tentang pengertian pemanasan global, kajian tentang game, kajian tentang game edukasi, kajian tentang pemrograman menggunakan JavaScript, HTML, CSS, dan tools yang dibutuhkan dalam perancangan game “Vege Cooking” menggunakan HTML5 yang berjalan di multi-platform sistem operasi berbasis web. BAB III : ANALISA DAN PERANCANGAN SISTEM Bab ini membahas proses analisa dan perancangan sistem pembuatan game “Vege Cooking” menggunakan HTML5. BAB IV : IMPLEMENTASI DAN PENGUJIAN Bab ini memuat hasil pengujian aplikasi dan pembahasan terhadap sistem yang telah dibuat. BAB V : PENUTUP Bab ini berisikan kesimpulan dan saran yang diperoleh dari hasil implementasi dalam tugas akhir ini untuk dikembangkan. 5 2