Skip to content

2. Images

Stephanie M edited this page Aug 5, 2018 · 4 revisions

Here we will start with the basic planning stages.

Brainstorming:

This is merely the idea conceptualizer's thoughts on what the application would include. Brainstorming

The idea for opening card:

Opening Card

Some wireframes:

Wireframe 1 Wirefram 2

UI/UX These were constructed during or for project meetings.

GUImockup

The following diagram was used to help explain the notion of fragments and their use. Generally, a fragment is a section of the main activity window. These fragments are static to the main activity, and other windows/frames can be created to fill in those fragments. Note that this is labeled as frag 3, there are a total of 3 fragments in this project, here is one, and the other two are in the CreateItems.java file. The purpose, to more easily direct where/what the user chooses to create. Also a point to note here are the Decklists. The fragment here will eventually allow the user to choose multiple decks to study, hence the default and deck check lists drawn out here.

Fragment Explainations

The following diagram is a breakdown of the vision of the Study Window. If you check the screenshots section of this wiki, you'll see that this diagram was closely followed.

Study Window Breakdown

Screenshots The design and color schemes are loosely based on Google's Material Design.

This is the initial login screen. As of 8/4/2018 the email only checks for the format of an email, hence the odd not real email in the image. Also, no password is required to login.

Login

This is the main option window you're directed to after logging in. You may choose to Study, Create, or view your personal Stats. At the moment the Stats button is merely a placeholder, as the statistics functionality has not yet been fully implemented.

Main Options

When the user chooses to Create decks, cards, or courses, this window appears.

Create Options

If the user chooses to create a Deck, they will need to choose the course for which they want to create a deck for.

Choose Course

When the user chooses Study from the main options window, they are directed to this screen where they can choose which course they'd like to study, and if there are decks associated with that course they will then be directed to the course selection window, which takes a similar format as the previous window. Note that there is the option here to create, if chosen the user will be directed to the Create Options screen as shown above.

Choose Course to Study

After the user has chosen the Course and Deck they'd like to study, this is where they're directed. The image here, taken 8/4/2018, is not parsing the data that was used to create the card properly. See the "Threading for Android Display" issue within GitHub for more details on this. Data is randomly displayed onto the cards, and wrong answers are counted. This count is the start to the statistics we envisioned keeping.

Study Window