DIPLOMA IN INFORMATION

TECHNOLOGY (DIIT)
MOBILE APPLICATION
SUBJECT CODE: DIT2223

ASSIGNMENT 1:
Screenshots of Language Translator Application & Documentation

Prepared by: Max Liew Zee Kit

Student ID: 21016506
Date of Submission: August 19th, 2022
Lecturer’s Name: Mr Tan Kwong Hwee

Page 1 of 6
CONTENT
1. Screenshots & Descriptions of the Application Pages
1.1 Icon to Open the Translator Application
1.2 Home Page (English to German Translator page)
1.3 English to Italian Translator Page
2. Reflection Essay

Page 2 of 6
1. Screenshots & Descriptions of the Application Pages
The following screenshots representing the Translator application pages together with their
descriptions include:

1.1 Icon to Open the Translator Application

Figure 1.1 Icon to open the translator app

Description:
In this mobile application, there are a total of 24 widgets and 2 different types of widgets
have been applied in this translator application. The first type of widget used is Button
and an amount of 9 widgets out of them 13 widgets in the application are among the
buttons existing in the application.

The following type of widget applied to the application is the TextView and an amount of
6 are found among the widgets existing in the application. The textView serves a purpose
to display information in text form for the users to see them through the application’s user
interface.

The picture shown above depicts a the icon of the translator application appearing on the
user’s phone home screen

Page 3 of 6
1.2 Home Page (English to German Translator Page)

Figure 1.2 Home page of the application when the application is opened for the 1st time
(English to German translator)

Description:
For the page with audios containing the translated meaning of English words into German
can be found embedded into the buttons displayed in the screenshot above with the English
meaning of the words displayed on the buttons under the “English to German Translator”
TextView and another TextView called “Mx’s Translator App” highlighted in bold and
in teal color. What the user must do is to press any of the buttons above and the button
calls upon the specific audio containing the word translated into German stored under the
Application’s raw folder. Therefore, the audio containing that specific audio will be
played upon the user pressing the button containing that specific audio.

The button that will bring the user to the next page containing the English to Italian
translator can be seen under the “Click here for other languages” TextView. This can
come into effect if only the user chooses to click on it.

Page 4 of 6
1.3 English to Italian Translator Page

Figure 1.3 English to Italian translator page

Description:
This page contains the translator of words from English to Italian although it’s function is
not exactly 100 percent have the same features as the English to German translator page.
For the page with audios containing the translated meaning of English words into Italian
can be found embedded into buttons with the English meaning of the words displayed on
the buttons. Users also must press any of the buttons above just and the button calls upon
the specific audio containing the word translated into Italian stored under the
Application’s raw folder. Therefore, the audio containing that specific audio will be
played upon the user pressing the button containing that specific audio.

The button that will bring the user back to the home page containing the English to
German translator can be seen under the “Click here to return to Home page” TextView.
This can come into effect if only the user chooses to click on it.

Page 5 of 6
3. Reflection Essay
Through doing this assignment, I’m able to put in the time and effort to learn and experience
programming basic android apps. I also learned a way to apply all the various aspects of
programming basic android apps which I have learned throughout the semester into an app like
making a brand-new activity, activity layouts and designs, menus, icons and images, and
coding in functionality. Additionally, I also learned the more intricate syntax of coding apps
in java further as its quirks and nuances. Application layout and design skill were also tested
when coding this app. Thus, throughout this project I learned a lot, not only from our lessons,
but also from online resources.

I believe that my performance during this assignment was good, but there were more things
that I could have improved further. I had some additional ideas that I wanted to implement, but
I was unable to do so, in an exceedingly presentable manner, and that I only added what I
could. Thus, I feel that I did well, though improvements can be made, and I should work on
my personal programming skills and understanding.

Problems that I encountered through doing this project were few, though significant. As
previously aforementioned, I attempted to implement my own additional ideas to create the
app more complete and easier to use which was a button to delete the tasks without having to
tap and hold. Through trying to do this, I bumped into some complications and was unable to
implement it in a way that I was satisfied in, both due to lack of experience and relevant
resources. Therefore, I scrapped the idea, and located other alternative ways to enhance and
fine-tune the application, in ways that I was able to implement the application well.

In conclusion, the assignment was a good learning experience for myself, and I feel like there
is more room to make improvements in terms of my honing my skills in programming.

Page 6 of 6