The aim of this project is to get you familiar with designing Android screens
using layouts, widgets and the webview. This project should be done on
Android Studio and each student should do the project by themselves.
You may discuss the projects with other classmates or on InstructAssist but
each student will submit their own code for the project. Android Studio
is already installed in the Zoolab. You can do your project there.
Design the following 4 screens. You will need to create 4 different Android Studio projects (1 for each screen). The 4 Android Studio projects will be put together and submitted in a single zip file. The 4 screens are:
Screen 1: The following screen is a screen for
an app that shows a country's flag and allows users to guess
which country has that flag by clicking on the
appropriate button. Design the exact screen shown below. The quiz does not have to
be functional. You can use the
following flag for
the screen [US Virgin Islands Flag ] .
Screen 2: The screen below explores scrolling of content that is
too large to fit on a mobile device screen. So, the content boxes should be
20 rows high in total, where only 4 rows can fit in on the device screen
at a time. The user has to scroll down to see all 20 rows. Adjacent rows
should alternate the alignment of your picture and any random picture of
a friend of your choice, or any Internet image of a person of your choice.
For example, in row 1, the 2 images should be left aligned. In row 2, the
images should be right aligned. In row 3, the images will be left aligned, etc.
Screen 3:
This screen contains a rectangle in which to display web content (WebView),
3 buttons that when clicked each load a different website, and a box that
contains a 1-sentence description of the selected website. Note the alignment
(left, right) of the text on each of the buttons. You can use webView to
display the selected website. Each button has a different website URL of
your choice hardcoded into it. Pressing each button should load up a
different website into the Webview and a corresponding 1-sentence description
should be loaded in the textbox below the 3 buttons. For example, if the
user presses the button "Website 1", the website "https://www.google.com"
may be loaded in the webview and the description "Google's search page"
may also be displayed in the description box below the 3 buttons.
Additionally, a toast pops up after clicking each button and displays the
a message containing the text "Good Job!!"
Screen 4: Design the following Weather viewer screen. The text boxes
don't have to be functional. You can use the following two icons for your work
[ Icon 1 ] [ Icon 2 ] .