"Gheorghe Asachi" Technical University of Iai

Faculty of Automatic Control and Computer

Engineering

Hangman
-web application for mobile devicesAndroid
Web Technologies and Languages

Student: Frunz Oana

Class: DSWT 1A

2015-2016

Contents
1.

Introduction.................................................................................................................... 3

2.

Application design.......................................................................................................... 4
2.1.

Application architecture........................................................................................... 4

2.2

Used technologies.................................................................................................... 5

2.3

Operations behind UI............................................................................................... 5

2.4.

Methods of communication between modules.......................................................................6

2.5.

Database structure................................................................................................... 6

3.

Application implementation............................................................................................ 7

4.

Run the application......................................................................................................... 7

1. Introduction
A Web application (Web app) is an application program that is stored on a remote server and
delivered over the Internet through a browser interface. Within the mobile computing sector, Web apps
are sometimes contrasted with native apps, which are applications that are developed specifically for a
particular platform or device and installed on that device.
Given the fact that the majority of the devices nowadays run on the Android platform. Android is a
mobile operating system (OS) currently developed by Google, based on the Linux kernel and designed
primarily for touchscreen mobile devices such as smartphones and tablets. Android's user interface is
mainly based on direct manipulation, using touch gestures that loosely correspond to real-world actions,
such as swiping, tapping and pinching, to manipulate on-screen objects, along with a virtual keyboard
for text input. In addition to touchscreen devices, Google has further developed Android TV for
televisions, Android Auto for cars, and Android Wear for wrist watches, each with a specialized user
interface.
In addition to being the most widespread operating system, mobile devices are much more used than
desktop devices when it comes to applications ranging from games. Therefore, the developed
applications for mobile devices outnumber the desktop ones. And because a mobile device does not have
the same memory size as a desktop device, web applications are preferred because the data is stored on
the server and not on the phone's internal memory.
Given the above, the chosen topic for Web Technologies and Languages class homework is to
develop a web application for mobile devices that run on Android operating system. The application is
called Hangman. It is a well known game. Besides it is exciting, it test your intuition, your observation
and your perspicacity. In other words, it is a mind game.

2. Application design
Because when it comes to mobile devices, it also comes the problem of memory. In order not to
unnecessarily load the devices memory, application data is stored on a server in a database.

2.1. Application architecture

The functionality of the web application is presented in the Error: Reference source not found. The
player begins the round by selecting a category from which is the word followed by starting the
game. In the main screen takes place the game itself where the player gets a set of 10 words from the
selected category that he will play as follows: a letter can be accessed only once within a word and
by typing it the color will change and that letter becomes unusable . On 5 invalid attempts, the phase
is lost and a button labeled Nex word will appear and by pressing it will send the player to the next
round, i.e. a new word to guess. At the end of the set of 10 words, the player will enter his mail to get
results and other information. After that he can play again or abort.

Start Screen

Category selectionStart ga

Fig. 1 - Application archiecture

2.2 Used technologies

In developing these applications in the first phase they were used languages to make the web
section. Therefore, in order to build the user interface were used the markup language HTML and the
CSS standard for formatting elements of an HTML document. Also being a web application, as many
others applications, it has a database designed in MySQL language and in order to connect with it is
used PHP. The operations behind the user interface were performed using the JavaScript language.

2.3 Operations behind UI

Among the relevant functions of the application are:

Check function of a letter if it belongs to the word and the events triggered by whether or
not it does:

Connection with the database

2.4. Methods of communication between modules

To send data from one module to the other catalysts, for example to send the data from the
homepage to the game page using a POST method.

2.5. Database structure

The table used in the database describes the played word and has the following fields:

Id_cuvant, integer type that represents the primary key in the word database
Text_cuvant, varchar type that stores the word itself
Categorie, varchar type that stores the category which includes the word

The database structure can be observed in Fig. 1:

Fig. 1 - Database structure

3. Application implementation
The development environment used to make the web application for mobile device is Android
Studio. This has been done through the use of WebView and for creating the layout was used a XML file
and programming language Java (see Fig. 3 and Fig. 4). As alternative development environment is
Eclipse IDE.

Fig. 2 - The activity that opens the webView (Java language)

Fig. 3 - XML file that creates a WebView

4. Run the application

The application is user friendly, easy to use, especially on mobile devices whose screens are not big
enough. An example of how the application runs can be seen in Fig. 4.

Fig. 4 - Exemple of running the application

Bibliography
[Unknown]. (n.d.). Wikipedia. Retrieved 1 10, 2016, from Android (operating system):
https://en.wikipedia.org/wiki/Android_(operating_system)
Rouse, M. (n.d.). TechTarget. Retrieved 1 7, 2016, from Web application (Web app)
definition: http://searchsoftwarequality.techtarget.com/definition/Web-application-Web-app