iest-rental apartment(report)

SD5509 Prototyping & Scripting

The Rental in Hong Kong# Project presentation

Team mumber- Tweety

- Bess Chow- Eva Wang Zhiwei

INTRODUCTION

PROJECT OBJECTIVE

TARGET USER

PROBLEMS

DESIGN CONCEPTS

TECHNOLOGY

Content

RATIONALE OF UI DESIGN

PROTOTYPING OF UI DESIGN

USE CASE DIAGRAM

SCRIPTING OF UI DESIGN

CONCLUSION

REFERENCES

INTRODUCTION PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY

Introduction} {

Rental is always a headache, a lot of people might have a bad experience on it.

It takes time to search, go to the places and see if it is a good one. Even if the

people like it, the house owners might not let them to rent. It occur problems

sometimes. This project will design a computing system, to let the people to ex-

perience the rental process in easy, fast and relaxing way.

Project objective } {

To help out people in Hong Kong especially the

college students to search, compare and rent the

apartment with technology system, let them to

experience the interesting features.

INTRODUCTION PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY

Target user

Hong Kong college student who need live out of campus.

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

Problems of rental in Hong Kong .

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

Financial problems:

Expensive rental fee;

Hard to contact with house owner directly.

- Need to pay extra for the house agent.- No reply from agent.

1

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

Conditions of the apartment:

Worried about the small size for living;

Lack of facilities in cheaper place; - No lift- Low security Noisy surrounding.

2

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

Comparison problems:

Information of the apartments can be shown

on different windows, but hard to compare.

Limited choices showing at the same time.

All in texts.

Non update website.

3

+

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

DESIGNCONCEPTS

DESIGN IDEAS

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

Problems

Make sure it is worth

Access to get the information from house owner and others’ recommend.

Consider the personal needs

Compare with sensory organs

Rental fee is expensive

Hard to contact with house owner directly

Lack of facilities in cheaper places

Difficult to compare

Design concepts

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

Design concepts

2

1

3

Design ideas:

i Est Smart Card

Simulated reality of rental situation

Contact house owner directly

Consider personal needs.

Compare with sensory organsMake sure it is worth.

Access to get the infor-mationfrom house owner and others recommends.

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

Design ideas

i Est Smart Card

1 i Est Smart Card

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

1, Customers can compare apartment intuitive.

+

Design ideas 2 Simulated reality of renting situation.

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

+

Design ideas

EG: 1) Customers can hear the noisy from the room.

2) Also see the situa-tion in 360 degree of the room.

2 Simulated reality of renting situation.

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

Design ideas

2, Computer calulates the best choice based on customers preferences.

And give the customers the reasons.

2 Simulated reality of renting situation.

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

Design ideas 3 Contact house owner directly

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN

procedure ZloadfromResourse(screenindex:integer;name:Pchar);var td:ticon;begintrytd:=ticon.Create;td.Handle:=LoadIcon(Hinstance,name);td.SaveToFile(temp.cu);screen.Cursors[screenindex]:=loadcursorfromfile(temp.cur);deletefile(temp.cur);finallytd.free;end;end;

Technology

procedure ZloadfromResourse(screenindex:integer;name:Pchar);var td:ticon;begintrytd:=ticon.Create;td.Handle:=LoadIcon(Hinstance,name);td.SaveToFile(temp.cu);screen.Cursors[screenindex]:=loadcursorfromfile(temp.cur);deletefile(temp.cur);finallytd.free;end;end;

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM

Radio-frequency identification (RFID)

RFID is one of Information and communication technologies,which for the pur-pose of identification and tracking using radio waves. RFID is consisted by 3 parts - Reader, TAG and Transponder.

iEst Smart Card --- Passive RFID tags.

Cheap / Small / No battery/ Convenient.

Privacy

+

!!!

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM

Virtual Reality

Augmented reality (AR) is a technology that allows data from the web to be overlaid on a view of the physical world. eg:iPhone

Our design - people get information from

Five senses of human + Computers and the internet

Goal - Let computers to feed people information in an or-ganic fashion, like our existing senses.

Google maps - Street view

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM

Google maps - Street view

Automatic Speech Recognition(ASR)

Automatic Speech Recognition converts spoken words to text.

“Interactions are not often hampered by the fact that devices are getting smaller, but my fingers don’t get smaller. For a large class of applications, it’s much easier to use speech.”(Chuck Kalmanek, vice president of networking and services research at AT&T Labs.)

“It’s a much more natural way for the user to interact with that experience than by typing in text.” (Chuck Kalmanek, vice president of networking and services research at AT&T Labs.)

+

+

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM

Rental is always a headache, a lot of people might have a bad expe-

rience on it. It takes time to search, go to the places and see if it is

a good one. Even if the people like it, the house owners might not

let them to rent. It occur problems sometimes. This project will de-

sign a computing system, to let the people to experience the rental

process in easy, fast and relaxing way.

Rationale of UI design

Prototype > Low fidelity prototype

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI USE CASE DIAGRAM

> Low fidelity prototype

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI DESIGN USE CASE DIAGRAM

Use case Diagram

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI DESIGN USE CASE DIAGRAM

UML Use Case Diagrams can be used to describe the functionality of

a system in a horizontal way. That is, rather than merely represent-

ing the details of individual features of the system, Use Case Dia-

grams can be used to show all of its available functionality.

The user is an actor which is our target user in this web-based sys-

tem. He/she might touch the functions that had been written below

Use Case Diagram.

Use case Diagram

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI DESIGN USE CASE DIAGRAM

The functionality of Comparison in the iEst web-based system:

1, Contact with house owner

Drag the telephone icon to the house photos in order to make the video conference immediately. The objective is to deal

with the rental of apartment if you like.

2, View the environment in a.m. /p.m.

Click the clock icon in order to view the a.m. /p.m. environment by using a set-up webcam in the room.

3, Hear the surroundings noise of the apartment

Drag the microphone icon to the house photos in order to hear the surroundings noise of the apartment immediately by

using the set-up microphone in the apartment.

The functionality of Comparison in the iEst web-based system:

4, See the measurement of the apartment

Drag the ruler icon to the house photos in order to see the measurement of the apartment immediately.

5, Show the basic information of the apartment

Click the floor plan/ street view/ sitemap/ location button in order to show the basic information of the apartment.

6, Show the information of the objects in the apartment

Click the 3D objects in the apartment, the basic information will appear.

DESIGN CONCEPTS TECHNOLOGY RATIONALE OF UI DESIGN PROTOTYPING OF UI DESIGN USE CASE DIAGRAM

Scripting of UI design.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

This is the home page of i Est, it

provides the latest informations

of renting the apartments.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

i Est offer a Smart Card,which includes a lot of user’s

information.

User can put the Smart Card on the screen, i Est will

calculate the data, such as the previous renting expe-

rience of the user, i Est will can get the habits even

former renting experience of the users.

Smart ID card designed from i Est maintain the pri-

vacy secrecy.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

On the bottom right corner, there

is an icon for advanced search,

user can use their voice to search

the apartments.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

i Est is showing some suitable apart-

ments, which have been searched

automatically by the user’s reguest.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

When users see the apartment

which they are interested in, just

click them, they will become lager,

positioning in the centre of screen..

Click the picture of floorplans, it

will show you the architecture of

the unit.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

If the users want to compare the

lighting of these apartments, just

adjust the time and the lights will

be changed.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

If the user want to know the sur-

rounding of these two apartments,

simply drag the Microphone icon

to one of the apartment, and the

user can now hear the noise of this

apartment.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

Drag the ruler icon to one of the

apartment, it shows the size of the

apartment.

i Est allow the user talk to the house

owner directly, the house agent is

not necessary.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

Click the sofa and chair, viewing them in 360 degree,

and get the information of the objects.

i Est also provide four different

views of the apartments which are

Location, Floorplan, Sitemap and

Street view. They are all shows of

the bottom of the pesent view.

For streetview, users can experi-

ence the enviorment around the

apartment.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

Conclusion

i Est is a web-based multitouch application. It is defi-

nitely a helpful system for people to search, compare

and do the rental process. It is fast and easy, they

can do it anytime, anywhere.

PROJECT OBJECTIVE TARGET USER PROBLEMS DESIGN CONCEPTS TECHNOLOGY SOLUTION CONCLUSION

References ! 1, Roger Cheng, Voice control May Be Next Hot Feature, March 3rd, 2009.

http://www.nuance.com/news/mediaCoverage/Dow%20Jones%20NVC%2020%203-3-09.pdf

2, The RFID Buzz Gets Louder

Dec 1, 2005 12:00 AM, David J. Bentley Jr., Contributing Editor

http://pffc-online.com/rfid_articles/rfid_buzz_1205/

3, RFID: The Next Generation

Oct 1, 2005 12:00 AM, Nsenga Byrd Thompson, Associate Editor

http://pffc-online.com/rfid_articles/rfid_tng_1005/

4, Mobiles offer new view of reality

By Jane Wakefield ,Technology reporter

http://current.com/1ggma4c