Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rashad Cureton, Jackie Ho, and Robert Errera finished lab with extremely difficuly fragments #5

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
78 changes: 40 additions & 38 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,67 +5,69 @@

# ![](https://ga-dash.s3.amazonaws.com/production/assets/logo-9f88ae6c9c3871690e33280fcf557f33.png) Usability Testing Lab

## Exercise
## USER Testing

You'll be running your own usability test and use the results of this test to give you guidance as you iterate on an application.
Can you click the items on the list?

This lab is to be done in pairs. Using the starter code provided, pairs should run the app on a handset and on a tablet. One of the students will facilitate the test and write down the questions about UX/UI aspects of the app. The other student will be the "tester" and test the app.
What happens when you click the items

The person who is interviewing should create a list of features he/she will ask the other person to test, step by step. When the list is ready and all the comments are put down, the team will work to improve the app using the comments and feedback from the interview.
Is the list scrollable?

#### Requirements
How does the app show in landscape?

This lab is broken down into two parts: one part for preparing and testing the application and one part to act on the feedback from the test. Take note of the suggested timing breakdowns and try note to look at part two until part one is complete.
The list is saved and the list still works (no change)

##### Part One: Testing
What happens when you press back ?

*Before testing:*
Steps for the person who will interview:
- create a list of all the necessary features to test (5 mins)
- create a list of all the steps to ask the other person to perform (5 mins)

Steps for the person who will test:
- while the other person is writing down the questions, create a list of potential use cases of the app (5 mins)
- create a list of additional features to be added (5 mins).
###JACKIE
1. Did you find it easy to open the app?

*While testing:*
- the person who tests the app should test every button, view and corner of the app, the other one should write down the comments
- the person who tests the app should suggest ways to improve the app, the other one should put the suggestions down
App crashed when clicked on item in emulator


##### Part Two: Coding to improve the app
2. Did you find it easy to view and read?
would've expected information to be within the app and not take you to google chrome.

(You should have come up with these improvements during the test!)
Also when you hit the back button from Chrome the app is blank

- the app should support tablets and handsets
- when the item in the listVew is clicked, the app should open the weblink with information about the clicked sign
There's no point to download the app if it takes you to the webview
also there's the dates pertaining to what zodiac sign you match with.

#### Starter code
Add a calendar or edit text field to check your zodiac by your birthday

Grab [starter code](starter-code/UsabilityTestingStarterCode) and import it into Android Studio.
Add things to the app like images or action bar.

Included in this lab are the following:

* Two activities: **Main Activity** and **Deatils Activity**.

* Main Activity is an empty activity. It does not require any code added. Your task is to add a new layout for tablet devices.
* Details Activity should send an implicit intent to bring up a webView and open a link with the information about the corresponding
horoscope sign.

* Two fragments: **List Fragment** and **Details Fragment**.
These are the classes that require most of the work done. In the imported project you will find TODO: to finish.
3. How does the app make you feel?

* Three layout file: **activity_main.xml**, **fragment_layout**, **details_activity_layout.xml**.
You have to add **details_fragment_layout.xml** and **activity_main.xml(large)**.

#### Deliverable
4. Would you download this app?

An Android app that follows the requirements above. There are no design requirements; feel free to play around with color, font, backgrounds, etc.

Post the project on GitHub. Ensure that the project builds and runs successfully.
5. Would you recommend this app to a friend?

6. What would you change ?
###Rob
1. Did you find it easy to open the app?


2. Did you find it easy to view and read?
wouldve expected information to be within the app and not take you to google chrome.

Also when you hit the back button from Chrome the app is blank



3. How does the app make you feel?


4. Would you download this app?


5. Would you recommend this app to a friend?

<p align="center">
<img src="screenshots/handset_main.png" height="400px" /> <img src="screenshots/handset_details.png" height="400px" /> <img src="screenshots/tablet.png" height="400px" />
</p>

If you're having a lot of trouble, feel free to peek at the [solution](solution-code).
1 change: 1 addition & 0 deletions starter-code/UsabilityTestingStarterCode/.idea/.name

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

22 changes: 22 additions & 0 deletions starter-code/UsabilityTestingStarterCode/.idea/compiler.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

18 changes: 18 additions & 0 deletions starter-code/UsabilityTestingStarterCode/.idea/gradle.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

62 changes: 62 additions & 0 deletions starter-code/UsabilityTestingStarterCode/.idea/misc.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

9 changes: 9 additions & 0 deletions starter-code/UsabilityTestingStarterCode/.idea/modules.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions starter-code/UsabilityTestingStarterCode/.idea/vcs.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Original file line number Diff line number Diff line change
@@ -1,13 +1,19 @@
package generalassembly.yuliyakaleda.usabilitytestingstartercode;

import android.content.Intent;
import android.graphics.Bitmap;
import android.net.Uri;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.KeyEvent;
import android.webkit.WebView;
import android.webkit.WebViewClient;


public class DetailsActivity extends AppCompatActivity {
private static final String SIGN = "sign";
public static final String SIGN = "sign";

WebView mWebView;

@Override
public void onCreate(Bundle savedInstanceState) {
Expand All @@ -18,9 +24,21 @@ public void onCreate(Bundle savedInstanceState) {
String sign = " ";

if (extras != null) {
sign = extras.getString(SIGN);
Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse("http://www.horoscopedates.com/zodiac-signs/" + sign + "/"));
startActivity(browserIntent);
sign = extras.getString(SIGN).toLowerCase();
mWebView=(WebView)findViewById(R.id.webView);
mWebView.setWebViewClient(new MyWebClient());
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl(String.valueOf(Uri.parse("http://www.horoscopedates.com/zodiac-signs/" + sign + "/")));
}
}

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if((keyCode==KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;

}
return super.onKeyDown(keyCode,event);
}
}
Original file line number Diff line number Diff line change
@@ -1,26 +1,67 @@
package generalassembly.yuliyakaleda.usabilitytestingstartercode;

import android.content.Intent;
import android.graphics.Bitmap;
import android.net.Uri;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.webkit.WebView;
import android.webkit.WebViewClient;

import static generalassembly.yuliyakaleda.usabilitytestingstartercode.DetailsActivity.*;


public class DetailsFragment extends Fragment{
WebView webView;

@Nullable @Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container,
@Nullable Bundle savedInstanceState) {
View view= inflater.inflate(R.layout.details_fragment,container,false);
WebView webView= (WebView)view.findViewById(R.id.webViewFragment);
Bundle bundle1= this.getArguments();
if(bundle1!=null && bundle1.getString("sign")!=null) {
String myString= bundle1.getString("sign").toLowerCase();
webView.getSettings().setJavaScriptEnabled(true);
webView.setWebViewClient(new MyWebClient());
webView.loadUrl(String.valueOf(Uri.parse("http://www.horoscopedates.com/zodiac-signs/" + myString + "/")));
}
// webView.setWebViewClient(new WebViewClient() {
// @Override
// public boolean shouldOverrideUrlLoading(WebView view, String url) {
// view.loadUrl(url);
// return true;
// }
// });
// webView.setWebViewClient(new WebViewClient());

//TODO: Inflate the view and change the return type;
return null;
return view;
}

public void updateContent(String sign) {

// TODO: Finish the method which will open a webview and redirect the user to the website
// TODO: to read about the sign that was clicked in the ListView
}
}
// public class myWebClient extends WebViewClient {
// @Override
// public void onPageStarted(WebView view, String url, Bitmap favicon) {
// super.onPageStarted(view, url, favicon);
// }
//
// @Override
// public boolean shouldOverrideUrlLoading(WebView view, String url) {
// view.loadUrl(url);
// return true;
//
// }
// }

}

Loading