iest-rental apartment(report)

43
SD5509 Prototyping & Scripting The Rental in Hong Kong # Project presentation Team mumber - Tweety - Bess Chow - Eva Wang Zhiwei

Upload: zweidesign

Post on 18-Nov-2014

1.623 views

Category:

Design


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: iEst-Rental Apartment(Report)

SD5509 Prototyping & Scripting

The Rental in Hong Kong# Project presentation

Team mumber- Tweety

- Bess Chow- Eva Wang Zhiwei

Page 2: iEst-Rental Apartment(Report)

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

Page 3: iEst-Rental Apartment(Report)

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.

Page 4: iEst-Rental Apartment(Report)

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

Page 5: iEst-Rental Apartment(Report)

Target user

Hong Kong college student who need live out of campus.

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

Page 6: iEst-Rental Apartment(Report)

Problems of rental in Hong Kong .

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

Page 7: iEst-Rental Apartment(Report)

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

Page 8: iEst-Rental Apartment(Report)

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

Page 9: iEst-Rental Apartment(Report)

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

Page 10: iEst-Rental Apartment(Report)

DESIGNCONCEPTS

DESIGN IDEAS

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

Page 11: iEst-Rental Apartment(Report)

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

Page 12: iEst-Rental Apartment(Report)

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

Page 13: iEst-Rental Apartment(Report)

Design ideas

i Est Smart Card

1 i Est Smart Card

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

Page 14: iEst-Rental Apartment(Report)

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

Page 15: iEst-Rental Apartment(Report)

+

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

Page 16: iEst-Rental Apartment(Report)

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

Page 17: iEst-Rental Apartment(Report)

Design ideas 3 Contact house owner directly

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

Page 18: iEst-Rental Apartment(Report)

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

Page 19: iEst-Rental Apartment(Report)

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

Page 20: iEst-Rental Apartment(Report)

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

Page 21: iEst-Rental Apartment(Report)

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

Page 22: iEst-Rental Apartment(Report)

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

Page 23: iEst-Rental Apartment(Report)

Prototype > Low fidelity prototype

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

Page 24: iEst-Rental Apartment(Report)

> Low fidelity prototype

Page 25: iEst-Rental Apartment(Report)
Page 26: iEst-Rental Apartment(Report)

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

Use case Diagram

Page 27: iEst-Rental Apartment(Report)

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

Page 28: iEst-Rental Apartment(Report)

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.

Page 29: iEst-Rental Apartment(Report)

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

Page 30: iEst-Rental Apartment(Report)

Scripting of UI design.

USE CASE DIAGRAM SCRIPTING OF UI DESIGN CONCLUSION REFERENCES

Page 31: iEst-Rental Apartment(Report)

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.

Page 32: iEst-Rental Apartment(Report)

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.

Page 33: iEst-Rental Apartment(Report)

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.

Page 34: iEst-Rental Apartment(Report)

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.

Page 35: iEst-Rental Apartment(Report)

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.

Page 36: iEst-Rental Apartment(Report)

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.

Page 37: iEst-Rental Apartment(Report)

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.

Page 38: iEst-Rental Apartment(Report)

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.

Page 39: iEst-Rental Apartment(Report)

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

Page 40: iEst-Rental Apartment(Report)

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.

Page 41: iEst-Rental Apartment(Report)

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

Page 42: iEst-Rental Apartment(Report)

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

Page 43: iEst-Rental Apartment(Report)

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