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 shows a login page.
Text can be typed into the "Username" and "Password" boxes.
Design a similar screen. If your name is Frank, your screen title at
the top should read "Log into Frank's page", etc. The picture should
also be your picture and not mine. Note that you are
just designing the screen. The button does not have to be functional.
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: The following screen is for an
Address book on which users can type in Name, Phone, E-mail, Street, etc
City, State, etc. Design a similar screen. Note that you are
just designing the screen. They do not have be functional.