PEMBUATAN GAME “JUNK FROOD” BERBASIS HTML5

The progression in the world of gaming has reached progress quite rapidly. As increasing development of Internet, therefore more other types of games that were produced by the application developer with many variations. With the availability of new web technologies HTML5, a web can be more dynamic than the previous web technology, and there are many platform have supported the HTML5. This Junk Frood game development has taking junk food themed because as we all know junk food is very harmful for health as it has a lot of saturated fat and to fight them using fruits that has many benefits for the body. The data collection method that has been done through the observation, recording, and searching for information about HTML5 browser game pitching strategy. At this stage of game development has been conducted several stages such as design flow of the game, character design, until the test phase in which the testing of the system has been created based on the objective of making games This strategy game Junk Frood is using HTML5 and JavaScript programming languages that consist of 10 levels. This game is made for the purpose as a game that can convey messages against the dangers of junk food with fruits that has many benefits for health. Keywords : HTML5, Junk Food, Strategy Gam

Webbaserat interaktivt inlärningsspel baserad på öppen webbteknologi i HTML5

Examensarbetet handlar om utvecklandet av ett webbaserat interaktivt inlärningsspel som bygger på öppen webbteknologi i HTML5. Spelet är ett inlärningsspel vars målgrupp är skolelever. Spelet handlar om köttindustrin och köttproduktionens olika skeden. Spelet fungerar som ett komplement till läromaterial. Syftet är att på ett intressant och roligt sätt få eleverna att ta till sej och bekanta sej med informationen. Bakom spelet finns en Wordpress baserad backend där det är enkelt att hantera de frågor, svar och innehåll som presenteras i spelet. Wordpress fungerar samtidigt som materialbank med lösenordskyddade undersidor där lärare kan ladda ner material i bl.a. PDF format. Spelet körs tekniskt sett i Wordpress miljö men fungerar självständigt ovanpå Wordpress. Frågor, svar och innehåll hämtas till spelet från WordPress. Spelmiljön körs i webbläsare i en HTML5 canvas som tack vare den underliggande koden uppdateras i realtid och skalas responsivt. Spelet renderas till en HTML5 canvas via Javascript. Det modulära CreateJS paketet har använts för att möjliggöra animation, interaktivitet och responsiv design för HTML5 canvas. Projektet upprätthålls i en Git repository. För projektets lokala utvecklingsmiljö används den portabla virtuella utvecklingsmiljön Vagrant. Projektets uppdateringar publiceras automatiskt från sin Git repository till en dedikerad Wordpress servermiljö med hjälp av den automatiserade Jenkins servertjänsten. Examensarbetet beskriver förverkligandet av projektet från start till slut samt tekniken och utvecklingsmiljön.This thesis covers the development of an interactive web-based educational game that is based on open web technologies in HTML5. The target group for the game is students. The game informs students about the meat industry and the different stages of meat production. The game is a complement to traditional educational materials. The aim is to provide students with an interesting and fun way of learning. The underlying Wordpress backend provides an easy way to update or add questions, answers and content used in the game. Teachers can also download teaching materials in PDF format from password protected pages provided by the Wordpress CMS. Technically the game runs from a Wordpress environment but works independently on top of Wordpress. Questions, answers and content used in the game are served from Wordpress. The game is rendered to a HTML5 canvas which gets updated in real time and has responsive scaling. This is done using Javascript and the CreateJS suite, which enables animation, interactivity and responsive design for the HTML5 canvas. The project is maintained in a Git repository. Vagrant, which is a portable virtual software development environment, is used for local development. All updates are automatically deployed from the Git repository to a dedicated Wordpress hosting using a Jenkins automation server. This thesis covers the development phases from start to end and the technology and development environment used in the creation of the project

The Struggle of the Rubiniumite Wars

The Struggle of the Rubiniumite Warsis a browser-based, one- to two-player, simultaneous turn-based strategy game set amongst the stars. It uses WebGL and Three.js for 3D graphics in the browser, Node.js for game engine and artificial intelligence design on the backend, and Socket.io for networking using websockets. The development group’s inspiration, motivation, and reflections are discussed. Additionally, details on the development of the game engine, database integration with Parse, user registration with Nodemailer, graphics with Three.js and HTML/CSS, and audio with HTML5

Mobile application platform heterogeneity: Android vs Windows phone vs iOS vs Firefox OS

Modern smartphones have a rich spectrum of increasingly sophisticated features, opening opportunities for software-led innovation. Of the large number of platforms to develop new software on, in this paper we look closely at three platforms identified as market leaders for the smartphone market by Gartner Group in 2013 and one platform, Firefox OS, representing a new paradigm for operating systems based on web technologies. We compare the platforms in several different categories, such as software architecture, application development, platform capabilities and constraints, and, finally, developer support. Using the implementation of a mobile version of the tic-tac-toe game on all the four platforms, we seek to investigate strengths, weaknesses and challenges of mobile application development on these platforms. Big differences are highlighted when inspecting community environments, hardware abilities and platform maturity. These inevitably impact upon developer choices when deciding on mobile platform development strategies

Using HTML5 to Prevent Detection of Drive-by-Download Web Malware

The web is experiencing an explosive growth in the last years. New technologies are introduced at a very fast-pace with the aim of narrowing the gap between web-based applications and traditional desktop applications. The results are web applications that look and feel almost like desktop applications while retaining the advantages of being originated from the web. However, these advancements come at a price. The same technologies used to build responsive, pleasant and fully-featured web applications, can also be used to write web malware able to escape detection systems. In this article we present new obfuscation techniques, based on some of the features of the upcoming HTML5 standard, which can be used to deceive malware detection systems. The proposed techniques have been experimented on a reference set of obfuscated malware. Our results show that the malware rewritten using our obfuscation techniques go undetected while being analyzed by a large number of detection systems. The same detection systems were able to correctly identify the same malware in its original unobfuscated form. We also provide some hints about how the existing malware detection systems can be modified in order to cope with these new techniques.Comment: This is the pre-peer reviewed version of the article: \emph{Using HTML5 to Prevent Detection of Drive-by-Download Web Malware}, which has been published in final form at \url{http://dx.doi.org/10.1002/sec.1077}. This article may be used for non-commercial purposes in accordance with Wiley Terms and Conditions for Self-Archivin

Development of Biology Learning Media Assisted by Construct2 to Improve Critical Thinking Skills

The construct2 software is an HTML5 based Game Builder Tool. Construct2 can be used in the development of biology learning media assisted by construct2 or HTML5 to improve critical thinking skills. This type of research is research and development (Research and Development) which is accommodated from Sugiyono (2008) which was developed according to the conditions and situations. The research data instruments consist of assessment instruments by validators (material, language, and media), and media-based questionnaires based on teacher and student responses. The research data is in the form of media data validation from a team of experts, the results of the virtual laboratory media feasibility test, and the results of the learning media effectiveness test. The research population consisted of 5 SMA 1 BELO classes consisting of IPA 1, IPA 2, IPA 3, IPA 4 with a total of 130 students. The research subjects consisted of 67 students from Senior High School Negeri 1 Belo, West Nusa Tenggara, Indonesia. The result of the research is an application-based virtual laboratory application that can be programmed using Construct2 or HTML5 software. The results of the validity test according to experts ranged from 97%, while the exact location was 87%. The implications of this research are expected to be able to contribute to researchers, practitioners, to be able to optimize construction in making 3-dimensional virtual laboratory mediaPerangkat lunak construct2 adalah Alat Pembuat Game berbasis HTML5. Construct2 dapat digunakan dalam pengembangan media pembelajaran biologi berbantuan construct2 atau HTML5 untuk meningkatkan kemampuan berpikir kritis. Jenis penelitian ini adalah penelitian dan pengembangan (Research and Development) yang diakomodasi dari Sugiyono (2008) yang dikembangkan sesuai dengan kondisi dan situasi. Instrumen data penelitian terdiri dari instrumen penilaian oleh validator (materi, bahasa, dan media), dan angket berbasis media berdasarkan respon guru dan siswa. Data penelitian berupa validasi data media dari tim ahli, hasil uji kelayakan media laboratorium virtual, dan hasil uji keefektifan media pembelajaran. Populasi penelitian ini terdiri dari 5 kelas SMA 1 BELO yang terdiri dari IPA 1, IPA 2, IPA 3, IPA 4 dengan jumlah 130 siswa. Subjek penelitian terdiri dari 67 siswa SMA Negeri 1 Belo, Nusa Tenggara Barat, Indonesia. Hasil penelitian berupa aplikasi laboratorium virtual berbasis aplikasi yang dapat diprogram menggunakan software Construct2 atau HTML5. Hasil uji validitas menurut ahli berkisar 97%, sedangkan lokasi tepatnya 87%. Implikasi dari penelitian ini diharapkan dapat memberikan kontribusi bagi peneliti, praktisi, untuk dapat mengoptimalkan konstruksi dalam pembuatan media laboratorium virtual 3 dimensi

Porting interactive web content from Flash to HTML5

The thesis focuses on the issue of transferring or porting Flash-based content to HTML5. We have explored options for moving from Flash to HTML5. Options are divided into two main sets, the conversion of existing products and the development from the beginning. We tested and compared the options on games for learning music theory. Games were converted using online converter Google Swiffy and authoring programs Adobe Flash Professional and Adobe Animate. We have developed a few games from the beginning. We used HTML5 game framework Phaser, game creation program Construct 2 and JavaScript library JCanvas. We concluded that development from the beginning with chosen tools is better option for porting. Although we need more resources, games work and we have an opportunity for improvements

The development of game for BlackBerry PlayBook platform using HTML5

The diploma paper presents in detail the development of game for BlackBerry PlayBook platform using HTML5, i. e. the path from idea to product. First, it examines the previously mentioned platform, the technologies used (HTML5, CSS3, JavaScript) and environments for development (NetBeans, GIMP). The central part is dedicated to the development of our product (Game Time Attacker), which includes a description of the program code, implementation and publication of the game. The usefulness of our work can be seen in its educational and practical function, because the work is designed for the future user or computer science student or other users, it contains professional descriptions of the steps and interpretations of the content through the course of manufacture of the game, which we ultimately posted it online