Contribution – LAB-DOT CHEMIST

LAB-DOT CHEMIST
PROJECT CONTRIBUTION


  • The User Experience Tailor – Everything that an end-user interacted with, such as clicking, seeing, inputting or retrieving a certain information including but not limited to them will also be part of the critical role of tailor that should not be overlooked.
  • The Graphic User Interface(GUI) Designer– Executing & Conceptualizing original ideas that bring simplicity and focus to user friendliness of visual design to complex design which compromise all of the visual design from concept to final stage of implementation.

LAB-DOT CHEMIST – Project Documentation

LAB-DOT CHEMIST
PROJECT DOCUMENTATION


Project Details

Title

LAB-DOT-CHEMIST

Course Name

COMP6341 – Multimedia and Human Computer Interaction

Team Member

  • Dumac R. C. – 2101699653
  • Excelino N. A. F. – 2101684626
  • Guntur S. – 2101684563

Introduction

Introducing the basic elements of chemistry and their reactions through an interactive, interesting, and simple game.

Flowchart

Flowchart

image a.1 Flowchart


Instructions: How to Play

  1. First of all, at the Top-Right of screen there exist REQUEST, a Head-Up Display. The goal is the player MUST fulfill the REQUEST by utilizing and combining the possible elements that have been provided at the Bottom of the screen
  2. At the Top-Left of screen there are 3 flasks, also a Head-up Display which need to be filled up in order to win the game
  3. REMEMBER! The player can ONLY drag and drop the particular element to its intended place e.g. Na+ in Anion, OH- in Kation
  4. After putting both Anion & Kation were fulfilled, press the COMBINE BUTTON to do the combination of elements
  5. Later on, the combination will be processed and automatically being compared to the REQUEST, then the result will be shown according to the comparisson 
  6. For additional note,  the player can click those flasks to get the trivia of a particular element
How To Play - Intro

image a.2 How To Play – Intro

How To Play - First Page

image a.3 How To Play – First Page

How To Play - Are You Ready?

image a.4 How To Play – Are You Ready?


Game Details

Game Intro Screen

The game will start from the introduction screen. Here people will be welcomed with some introduction video about who the game’s Developer(D.E.G) and the game’s title.

Game Intro Screen - Production Team

image 1.0 Game Intro Screen – Production Team

Game Intro Screen - Game Title

image 1.1 Game Intro Screen – Game Title

 

Main Menu

Main Game - Main Menu

image 2.0 Main Game – Main Menu

The main menu of game will be displayed after the introduction screen being played. At the menu, there are three buttons that player can interact with. Each button has its own function, i.e.

  1. Start button, if the button clicked it will bring player to the main-game
  2. Exit button, if the button clicked, the game will be stopped and player will be exiting the game
  3. Credits button, if the button is clicked, the game will display a detailed-screen about developers

Gameplay

If the start button clicked, the main game will be started. The objectives of the game is to fulfill the requested element(s) shown at HUD located top-right. To combine, the player need to drag each element to its respective placeholder (look at image 3.0).

Drag n’ Drop Feature

image 3.0 Drag n’ Drop Feature

Request Success

image 3.1 Request Success

Request Failed

image 3.2 Request Failed

After both of the  placeholders are filled up, the player should click on the combine button to do the combination of elements.If the combination is correct (according to requested element), the success notification will pop-up (image 3.0)  and vice-versa (image 3.2).

In-Game Menus

In this game the ingame Menu is divided into two i.e. the pause menu and  the win menu. The main difference of these menu are the function which trigger event to show them, explanation of each menu will be listed below:

Pause Menu

 Pause Menu

image 4.0 Pause Menu

This menu will appear, if the pause button is clicked. In the pause menu there are three buttons with different function. the Home button, if clicked, main games system will be stopped and the screen will be trasisted to the main menu. the play button in the middle is used to continue the game, and the sounds button is used to mute and unmute the sounds of the game.

Congratulations Menu

Congratulations Menu

image 4.1 Congratulations Menu

The win Menu will appear if player have won the game, here in the win menu there are three buttons. first is the home button, if the home button is clicked, the game will be stopped and the screen will move to the main menu. Second is the replay button, when this button is clicked, the game will be replayed on the screen and player can play the game again. The last button is the back button. when back button is clicked player will go back to the current main game screen, in the main game screen player may click on the flask at the top left to read on each element product trivia.

Additional Features

To assist players with easier gameplay our games come with some additional features i.e. Mouseover Display, Head Up Display (HUD), Trivias Display

Mouseover Display

Mouseover Display - Sodium

image 5.0 Mouseover Display – Sodium

The hover-up mouse display here is used to show about the attributes of each element, hence the players can also read some basic information about the element. 

Head-Up Display(HUD)

Head-Up Display(HUD) - Flask

image 5.1 Head-Up Display(HUD) – Flask

Head-Up Display(HUD) - Requested Item

image 5.2 Head-Up Display(HUD) – Requested Item

Here our HUD (image 5.1) is used to report on the system status, for example the game progress indicator. The HUD is showing what is the current progress of the game, so instead of making players wonder how far they have progressed, the HUD shows it. The user could also see which requested item need to be done (image 5.2).

Trivias Display

Trivias Display - Sodium Chloride

image 5.3 Trivias Display – Sodium Chloride

As we are creating this game for education purpose, here we are trying to make the game funner without reducing the studying materials. in order to realize this, we tried to add an interestingly animated trivia to attract attention of the users to the materials that is mean to be delivered to them.


List of Items

Personal

  1. Videos
    • edited, created and animated in Adobe Premiere Pro CC 2017
  2. Buttons
    • button made in PixelArt; flask referenced from KissPNG; edited in Adobe Photoshop CS6
  3. Sprites
    • referenced from Clipart Library; edited in Photoshop CS6
  4. Pop-ups Menu
    • referenced from backgroundcheckall.com; edited in Adobe Photoshop CS6; animated in Adobe Premiere Pro CC 2017
  5. Pop-ups Text
    • edited in Adobe Photoshop CS6; animated in Adobe Premiere Pro CC 2017

Referenced

  1. Images
    • Chemistry Elements – iStock
    • Chemistry Gone Wrong – Keith Rodman
    • Halloween Dribble – R A D I O
    • Fluorine – tumblr
    • Heartbeat – tumblr
    • suppliers – cleangredients.org
  2. Background Music(BGM)
    • Easy Stroll – Jay Man
    • Dog and Pony Show – Silent Partner
  3. Sound Effect(SFX)
    • Easy, Failed and Click Sounds – The Sound FX Channel
    • Thunder, Heartbeat, Bubbling Sounds – Rivermill Studios
  4. Font
    • Arcade Classic – Pizzadude

Project Proposal – LAB-DOT CHEMIST

LAB-DOT CHEMIST

“The Simplified Chemistry Game Project”


Project Description

Almost anyone find that to memorize something that long and complex is annoying. Take Chemistry as an example. It is a nightmare for any students to understand the chemistry only by reading, listening from the lecture. It become complicated, ambiguous and hard to be understood in that way.  

“Make everything as simple as possible, but not simpler.” – Albert Einstein

With that in mind, the developer is trying to design a game that bring a kind of fun to the world of chemistry. Since we can agree that learning when having fun is always the most effective and efficient method.

Project Scope

  • Project Goals – Introducing the basic elements of chemistry and their reactions through an interactive, interesting, and simple game.
  • Deadline – Sunday, 28 October 2018

Development Environment

  • Construct 2
  • Adobe Photoshop CS6
  • Adobe Premiere Pro CC 2017

Developers’ Role Distribution

  • Dumac Revano Chen[1] – Logic and Concept Designer
  • Excelino Noveda Alfa Fernando[2] – UI and UX Designer
    • The User Interface & User Experience Designer – Handling, designing and overlooking everything that the end-user interacted with. i.e. clicking, seeing, or operating a certain operation.
    • The Graphic User Interface(GUI) Designer– Executing & Conceptualizing original ideas that bring simplicity and focus to user friendliness of visual design to complex design which compromise all of the visual design from concept to final stage of implementation.
  • Guntur Sandjaya[3] – Front-End Designer

Project Proposal – Database

Salvus System

“A Pharmacy Management System Project”


Project Description

In reality, when a certain thing is expanding its size, the detail of complexity of it grows in accordance to it. Hence, the focus of resource distribution will be disoriented due to the complexity. It is a real challenge to keep a certain thing attain its simplicity while it is expanding its size.

“Focus and simplicity…once you get there, you can move mountains.”  – Steve Jobs

For example, let’s imagine of a medical store where one needs to handle the details of all the medicines listed in that stores manually. If it is on the smaller scale, it might not be a real issue. However, in a bigger scale, it will be on the whole new level where the wastefulness of critical resources to handle this kind of matter becomes a critical issue.

With that in mind, the developer is trying to develop an efficient Pharmacy Management System where it can make the work easier by giving the details of the medicine when its name is entered. A solution which can be done with simplicity and such focus to save valuable resource.

Project Scope

  • Project Goals – Our goal is to achieve a simple yet with an incredible focus Pharmacy Management System that can simplify works and maximize efficiency.
  • Deadline – Thursday, 7 June 2018

Development Environment

  • MySQL
  • Microsoft Visual Studio

Developers’ Role Distribution

  • Excelino Noveda Alfa Fernando[1]Front-End Developer
    As the main Front-End Developer of this project, Excelino (myself) will handle the interaction and user experience with scripts embedded in the system. Excelino roles’ are specifically listed below as:

    • The Manifestor – Manifesting the designer’s concept to life is also become one of the important point in the role.
    • The User Experience Tailor – Everything that an end-user interacted with, such as clicking, seeing, inputting or retrieving a certain information including but not limited to them will also be part of the critical role of tailor that should not be overlooked.
    • The Graphic User Interface(GUI) Designer– Executing & Conceptualizing original ideas that bring simplicity and focus to user friendliness of visual design to complex design which compromise all of the visual design from concept to final stage of implementation.
  • Guntur Sandjaya[2]Back-End Developer
  • William Raharja[3]Back-End Developer