2D User Interfaces - Exercises

joyfulfightMobile - Wireless

Dec 10, 2013 (3 years and 6 months ago)

70 views

2D User Interfaces
-

Exercises

Tutorial

1

Installation of Eclipse and Android




Amal

Benzina
, Eva
Artinger
,
Tayfur

Coskun


Fachgebiet

Augmented Reality (FAR)

Technische

Universität

München

That‘s

us


Tutorial 1: Installation of Eclipse and J2ME

2

Amal
Benzina

Tayfur

Coskun

Eva
Artinger

Lecture + Exercises
-
> Exam


Designing the User Interface


Human Factors


Evaluation of User Interface Designs


Interaction Styles:
Direct

Manipulation; Menu
Selection
, …


Interaction Devices


Exercises


Experience issues arising during system development


Learn by implementing alternatives and modifications


Exam


Exercises constitute half of the grade


Exam questions
based on experiences

gained by attending the
exercises


It will NOT be enough to just read

and understand
the homework

Tutorial 1: Installation of Eclipse and J2ME

3

Matching Exercises
-

Lecture


Lecture


Theory & Principles


Interfaces not yet found in common applications


Focus on desktop computers



Exercises


Handmade

implementation

of

often

used

structures



The
integrated

development

environment

simulates

them


But
you

can

also
deploy

them

to

your

mobile
phone
!!

Tutorial 1: Installation of Eclipse and J2ME

4

Overview of Exercises

Tutorial 1: Installation of Eclipse and J2ME

5

Date

Exercises

03.11.2010

10.11.2010

Installation


Eclipse & Android: Implement Hello Android Activity

Android Fundamentals & Implement Simple List

17.11.2010

Lab day

24.11.2010

Loading and storing data: Implement List and Data Storage

01.12.2010

Lab day

08.12.2010

Advanced List: Implement Fisheye List

15.12.2010

Lab day

22.12.2010

Creating a
treeview
: Implement an expandable list

12.01.2011

Evaluation of input concepts: Conduct Evaluation

19.01.2011

Lab

day

26.1.2011

Final presentation

Goal of Exercices


Have

implemented

some

variations

of

UIs
to

browse
through

hierarchical

data

sets

and

have

them

evaluated


Hierarchical

data

sets


e.g. Music


Genre: Rock


Interpret: AC/DC

»
Album: High
Voltage

»
Track: 5


T.N.T.


Evaluation


Run
your

solutions

with

enough

people

to

perform

a
descriptive

analysis


Compute

which

one

performs

best

and

illustrate

significant

statements

Tutorial 1: Installation of Eclipse and J2ME

6

Types of UIs

Simple List



FishEye

List


TreeList

Tutorial 1: Installation of Eclipse and J2ME

7

Development Environment


We

do
Android

(
based

on Java
language
)


With

Eclipse

+
Android

plugin


AVD
Android

Virtual
D
evice


Eclipse
: http://www.eclipse.org/downloads/


Android

SDK +
Eclipse

plugin


Installation
of

Java
required


Download
and

install

Android
:


http
://
developer.android.com/sdk/index.html


Download
and

install

Eclipse

plugin
:



http
://www.eclipse.org
/


Follow
the

instructions

in:

http://developer.android.com/sdk/installing.html


Tutorial 1: Installation of Eclipse and J2ME

8

Our

First
Activity


In
Eclipse


File
-
> New
-
> Project
-
>
Android

-
>
Android

Project


Enter

Project Name: „
HelloAndroid



Choose

Build

Target: 1.6


Enter

Application

Name: „
HelloAndroid



Enter

Package
name
: „org.far.tutorial1“


Create
Activity
: „
HelloAndroid



Min SDK Version: 8

Tutorial 1: Installation of Eclipse and J2ME

9

Our

First
Android

package

org.far.tutorial1;


import

android.app.Activity
;

import

android.os.Bundle
;


public

class

HelloAndroid

extends

Activity {


/** Called when the activity is first created. */


@
Override


public

void

onCreate
(Bundle
savedInstanceState
) {


super
.onCreate
(
savedInstanceState
);


setContentView
(
R.layout.main
);


}

}


Where

is

the

string
? Take a
look

at


values
/strings.xml“:


<?
xml

version
=
"1.0"

encoding
=
"utf
-
8"
?>

<
resources
>


<
string

name
=
"hello"
>
Hello World,
HelloAndroid
!
</
string
>


<
string

name
=
"
app_name
"
>
HelloAndroid
</
string
>

</
resources
>


Tutorial 1: Installation of Eclipse and J2ME

10

Exercise

Assigment




Install your Android Setup


Create the Hello World Android Activity


Experiment with your Android setup


Have fun while doing it!


Tutorial 1: Installation of Eclipse and J2ME

11

2D UI Mailing List




Your discussion forum


We read, comment and support


Register yourself via:



http://mailnavab.in.tum.de/mailman/listinfo/2dui
-
class



Send your mailing list mails to



2dui
-
lass@mailnavab.in.tum.de



Tutorial 1: Installation of Eclipse and J2ME

12