31
深深深深深深深深深深深深 深深深深深深深深深深深深 IPONE IPONE 深深深深深深深 深深深深深深深

深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Embed Size (px)

Citation preview

Page 1: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

深圳终端科技开发有限公司深圳终端科技开发有限公司

IPONEIPONE客户端开发文档客户端开发文档

微软中国
Page 2: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Starting

www.shopzdw

Use the jpeg. file for you to create the Starting Screen.

The Line is Red in color and the Background is Black in color

Under the “Head”, Show the word “Gutz” which is red in color.

使用页。文件为您创建启动屏幕。列是红色的颜色和背景颜色是黑色的,在头部用红色表示 Gutz。

Page 3: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Starting- Terms of Services and Disclaimer (P0)

© 2011 Gutzquare Company Limited. All rights reserved.

To P0-1 我愿意 跳转到 p0-1 页

To Website 查看术语

To Desktop 返回桌面 退出

Terms of Services and Disclaimers服务条款和免责声明

Shown in the first time only第一时间显示

Page 4: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Starting- Select Language (P0-1)

© 2011 Gutzquare Company Limited. All rights reserved.

To P1 语言选择

Page 5: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Starting- Login page (P1)

© 2011 Gutzquare Company Limited. All rights reserved.

One out of two- Depending of language the user have chosen.其中之一 - 这取决于用户选择的语言

To P2

To P3

Page 6: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Starting- Register page (P2) 注册页面

© 2011 Gutzquare Company Limited. All rights reserved.

To P1

To P3

Page 7: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Starting- Choose your Mode (P3)

© 2011 Gutzquare Company Limited. All rights reserved.

To P4 (Introduction refer to the note below)参考下面的说明简介

To P13 (Introduction refer to the note below)参考下面的说明简介

Page 8: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

The Bottom Six Buttons –Brief description 介绍

Icon is lighted up with blue color when it is selected. Grey in color when it is not selected.图标点亮蓝色的颜色时,选择。灰色的颜色时,没有选择。

Browse (瀏覽 )•The current page. To view the people locatedTo P4Icon example:

Random (隨便看看 )•To the page of “Random”To P7Icon example:

Connections (聯繫 )•To the page of “Connections”To P8Icon example:

Edit My Profile (我的資料 )•To the page of “My profile”To P11/P15Icon example:

Settings (設定 )•To the page of “Settings”To P12Icon example:

Chat (聊天 )•To the page of “Chat”To P9Icon example:

© 2011 Gutzquare Company Limited. All rights reserved.

Page 9: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

The Top Five Buttons –Brief description

“Filter (篩選 )”To P16

On/off-Show the status of online or offline-Click to online(green in color)/offline(red in color)-Could not access/ being accessed when goes offline

Gutz-Use the opening screen to create an icon.-Icon is grey in color (Normal Mode)/Red in color (Gutz Mode)-Before entering, question will be asked-> “Are you going to enter Closer Mode?” (“現在要進入 Gutz Mode?”)

To P15

Events(活動 )-For users to create functions

To P17

To Brower B- Less info. Only shows photos, distance and gender.只显示照片,距离,性别

© 2011 Gutzquare Company Limited. All rights reserved.

Page 10: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface – Browser A (“Normal Mode”) (P4)

Showing all people 显示全部信息-From close to far-When it’s default, showing both male and females-Use filter categorize-Shows both online and offine

The following info is included:1. Photo 照片 (With green/red dot at the bottom right to show online/offline)

2. Name │ Age│gender 姓名 | 年龄 | 性别 (E.g. Stella │ 25 │ F)

3. Country 地区 (E.g. Hong Kong)

4. Distance │ The time that the user previously online 距离 -Unit is km(千米 ). Within 1km would be shown as <1km.

5. Gender │ Relationship looking for. 性别 | 关系寻找 (E.g. (Looking for Female │ Friends)

6. Status 状态 (E.g. Wants to (想… ) ….(the user chooses))

To P5These info are extracted from the people’s profile.

© 2011 Gutzquare Company Limited. All rights reserved.

Page 11: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Name │ Age│gender (E.g. Stella │ 25 │ F)

•Country │ City │ District 地区E.g. China │ Hong Kong │ Causeway Bay

•Online/offline status 在线状态

•Status It will be shown as “Wants to (想… )….(the user chooses)

Click it and go to the detailed profileE.g. it will be shown as 单击进入资料

Profile (資料 )To P6

Chat icon (Go to chatting page)E.g. it will be shown as

Chat (聊天 )To P10

Like icon (Add as My Likes)E.g. it will be shown as

Like (喜歡 )Light up if Like

Block icon (Block the user)E.g. it will be shown as

Block (加入黑名單 /拉黑 )Light up if block(Click one more time to unblock)Icons are semi-transparent.

Back (返回 ) button

© 2011 Gutzquare Company Limited. All rights reserved.

Page 12: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Detail Profile (P6)

Showing the people information details. Including:显示详细信息1st box –Something About MeGender: (性別 )Age: (年齡 )Height: (身高 )Weight: (體重 )Country: (國家 )Relationship status: (關係狀況 )Others: (其他 )

2nd box –Who I am looking forKind of relationship:(關係 )Gender: (性別 )Age: (年齡 )Height: (身高 )Weight: (體重 )Country: (國家 )Others: (其他 )

Click it become full picture单击全屏显示

Back (返回 ) button

Name (名字 )Wants to……(想…… )

© 2011 Gutzquare Company Limited. All rights reserved.

Page 13: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Random(P7)

Name │ Age│gender (E.g. Stella │ 25 │ F)

•Country │ City │ DistrictE.g. China │ Hong Kong │ Causeway Bay

•Online/offline status

•Status It will be shown as “Wants to (想… )….(the user chooses)

Click it and go to the detailed profileE.g. it will be shown as

Profile (資料 )To P6

Chat icon (Go to chatting page)E.g. it will be shown as

Chat (聊天 )To P10

Like icon (Add as My Likes)E.g. it will be shown as

Like (喜歡 )Light up if Like

Block icon (Block the user)E.g. it will be shown as

Block (加入黑名單 /拉黑 )Light up if block(Click one more time to unblock)Icons are semi-transparent.

Back (返回 ) button

© 2011 Gutzquare Company Limited. All rights reserved.

Next User (Random but within the same city)

Page 14: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface – Connections (P8)

1.Shows the word “My Likes” (我喜歡 )•Included the people of whom the user have clicked “Like” before. 2.Shows the word “Likes Me” (喜歡我 )•Included the people who “Like” the user3.Shows the word “Connected” (已聯繫 )•Included the people who have chatted with the user4.Shows the word “Viewed Me” (誰看我 )•Included the people who have chatted with the user

The following info is included:1. Photo (With green/red dot at the bottom right to show online/offline)2. Name │ Age│gender (E.g. Stella │ 25 │ F)3. Country (E.g. Hong Kong)4. Distance │ The time that the user previously online -Unit is km(千米 ). Within 1km would be shown as <1km. 5. Gender │ Relationship looking for. (E.g. (Looking for Female │ Friends)6. Status (E.g. Wants to (想… ) ….(the user chooses))

To P5Same for both “Normal Mode” and “Gutz Mode”e.g. These info are only from the people’s profile for both modes here.

Will show the number at the corner when there are new people.“My Likes”, “Likes Me”, “Connected”, “Viewed Me ( The pink circles)

© 2011 Gutzquare Company Limited. All rights reserved.

“Connections” ( 聯繫 )

Page 15: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Chat (P9)

Showing people who have chat history. (聊天记录)

The following info is included:1. Photo (With green/red dot at the bottom right to show online/offline)2. Name │ Age│gender (E.g. Stella │ 25 │ F)3. Country (E.g. Hong Kong)4. Distance │ The time that the user previously online -Unit is km(千米 ). Within 1km would be shown as <1km. 5. Gender │ Relationship looking for. (E.g. (Looking for Female │ Friends)6. Status (E.g. Wants to (想… ) ….(the user chooses))

To P10Same for both “Normal Mode” and “Gutz Mode”e.g. These info are from the people’s profile for both modes here.

“Chat”(聊天 )

Will shows the number at the corner when there are new people.有新的时添加在下面

© 2011 Gutzquare Company Limited. All rights reserved.

Page 16: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Write (P10)

For sending files, positioning and etc.发送文件,定位等

Shown as “Profile” (資料 )To P5

NameLast online date/time

Back to “Chat”Shown as “Back” (返回 )To P9

Enter message

“Send” (發送 )

© 2011 Gutzquare Company Limited. All rights reserved.

Page 17: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- My Profile (Normal Mode) (P11)

Enter the profile details.

Including:

1st box –Something About MeGender: (性別 )Age: (年齡 )Height: (身高 )Weight: (體重 )Country: (國家 )Relationship status: (關係狀況 )Others: (其他 )

2nd box –Who I am looking forKind of relationship:(關係 )Gender: (性別 )Age: (年齡 )Height: (身高 )Weight: (體重 )Country: (國家 )Others: (其他 )

Details refer to the notes below

Add Picture

Shown as Edit My Profile (編輯我的資料 )

Cancel button (取消 )

Type your Name

Wants to……(想…… ) To be typed by the user

Save button (保存 )

© 2011 Gutzquare Company Limited. All rights reserved.

Page 18: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Settings (P12)

Sign off (登出 /註銷 )To P2

Settings (設置 )

© 2011 Gutzquare Company Limited. All rights reserved.

Include:•Blacklists (黑名單 ) (click inside can unlock)

Language (語言 )-Selector

Invite friends (邀請朋友 )-Mail (To other users)

Help (幫助 )Mail (To Gutz’s email)

About (關於 ) -Inside showing version and link to “Terms of Services and Disclaimer “Notification(通知 )

-On/Off notifications

Page 19: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface – Before entering “Gutz Mode” (P13)

Now, who I am looking for? • 3 choices- Female 男- Male 女- Both 不限

Now, what kind of relationship I am looking for? 6 choices•chat 聊天•Friendship 友谊•Long Term Relationship 长期关系•Quick dating 快速约会•Sex 性•Other (as what users type) 其他

Now, I want ……• For user to type in anything

Done (完成 ) To P14Cancel button (取消 ) To P4

Gutz Mode

“Gutz Mode” is tailored made for the better protection to the user’s privacy. The following information will only be exposed to other users who are within 1000m around and in “Gutz Mode”. The following information will be automatically deleted once you leave the “Gutz Mode” .

Get your true self in Gutz.

© 2011 Gutzquare Company Limited. All rights reserved.

Chinese Translation as below

Record the users’ choices so that the users no need to type again next time记录用户的选择

Page 20: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface – Browser A (“Gutz Mode”) (P14)

Showing all people -From close to far-When it’s default, showing both male and females-Use filter to categorize-Shows Online only, within 1000m around

The following info is included:1. Photo (From Profile) (With green at the bottom right to show online)

2. Name │ Age│gender (From Profile) (E.g. Stella │ 25 │ F)

3. Country (From Profile) (E.g. Hong Kong)

4. Distance -Unit is m(米 ).

5. Gender │ Relationship looking for. (From “Gutz” Profile) (E.g. (Looking for Female │ Friends)

6. Status (From “Gutz” Profile) (E.g. Wants to (想… ) ….(the user chooses))

To P5These info are extracted from the people’s profile.

© 2011 Gutzquare Company Limited. All rights reserved.

Same for “Normal Mode” and “Gutz Mode”

Same for “Normal Mode” and “Gutz Mode”

TO P15

Page 21: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface – My Profile (“Gutz Mode”) (P15)

Now, who I am looking for? • 3 choices- Female- Male- Both

Now, what kind of relationship I am looking for? 6 choices•chat•Friendship•Long Term Relationship•Quick dating•Sex•Other (as what users type)

Now, I want ……• For user to type in anything

Done (完成 ) To P14Cancel button (取消 ) To P4

Gutz Mode

“Gutz Mode” is tailored made for the better protection to the user’s privacy. The following information will only be exposed to other users who are within 1000m around and in “Gutz Mode”. The following information will be automatically deleted once you leave the “Gutz Mode” .

Get your true self in Gutz.

© 2011 Gutzquare Company Limited. All rights reserved.

Chinese Translation as below

Record the users’ choices so that the users no need to type again next time

Page 22: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface – Filter 过滤 (P16)

1. Gender :性別• 2 choices- Male (男性 )- Female ( 女性 )

2. Age :(年齡 )Range from “__” to “__” (由” __”到” __”)(Let the user select, the lowest age is 18)

3. Country:(國家 )

4. Gender interested to:(性向 ) E.g. Male

5. Looking for:(尋找 ) E.g. Friendship

Cancel button (取消 ) To P4/P14.

© 2011 Gutzquare Company Limited. All rights reserved.

Done (完成 ) To P4/P14

Page 23: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Events (P17)

© 2011 Gutzquare Company Limited. All rights reserved.

My Events (我的活動 )-Showing the user’s upcoming, past eventsTo P17C

Upcoming (之後 )-Showing all upcoming eventsTo P17A

Events (活動 )

Past ( 從前 )-Showing all past eventsInterface just like P17A

Create (建立 )-For users to create own eventsTo P17B

© 2011 Gutzquare Company Limited. All rights reserved.

Page 24: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Events/Upcoming (P17A)

© 2011 Gutzquare Company Limited. All rights reserved.

My Events

Upcoming (之後 )-First page when enter the “Events”-This button is lighted up.

Events (活動 )

Past ( 從前 )Create (建立 )

© 2011 Gutzquare Company Limited. All rights reserved.

Showing the upcoming events

Following details are included-Event name-Date (日期 ) )-Time (時間 )-Venue (地點 )-Attendants (出席者 )(shown as, e.g. 28/30)

Click to the details (To P17A-1)

Page 25: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Events/Upcoming/Event’s details 活动细节 (P17A-1)

© 2011 Gutzquare Company Limited. All rights reserved.

“Back” (返回 )To P17A The Event name

Attend (參加 )/ Not attend(不參加 )-Click to switch between two

© 2011 Gutzquare Company Limited. All rights reserved.

Following details are includedDate: (日期 ) )

Time : (時間 )

Venue: (地點 )

Attendants: (出席者 )-Click inside to see the list of attendants and the user is so able to further see the attendants’ profiles.

Details: (詳情 )

Photos: (照片 )

Page 26: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Events/Create (P17B) 创建活动

© 2011 Gutzquare Company Limited. All rights reserved.

“Back” (返回 )To P17A The Event name (活動名稱 )

-Blank and for the users to type in

Done (完成 ) To P17A

© 2011 Gutzquare Company Limited. All rights reserved.

Following details are includedDate: (日期 ) )

Time : (時間 )

Venue: (地點 )

Attendants: (出席者 )-For users to choose the max. no. of attendants.

Details: (詳情 )- Blank and for the users to type in

Photos: (照片 )- For users to add photos

Page 27: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Events /My Events (P17C)

© 2011 Gutzquare Company Limited. All rights reserved.

“Back” (返回 )To P17A

Upcoming (之後 )

Shows two kinds 1. The user attended To P17C-1 2. The user created To P17C-2

My Events (我的活動 )

Past ( 從前 )

Shows two kinds 1. The user have attended To P17C-3 2. The user have created To P17C-4

© 2011 Gutzquare Company Limited. All rights reserved.

Page 28: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Events /My Events/Upcoming (attended)(P17C-1)

© 2011 Gutzquare Company Limited. All rights reserved.

“Back” (返回 )To P17C The Event name

Attend (參加 )/ Not attend(不參加 )-Click to switch between two

© 2011 Gutzquare Company Limited. All rights reserved.

Following details are includedDate: (日期 ) )

Time : (時間 )

Venue: (地點 )

Attendants: (出席者 )-Click inside to see the list of attendants and the user is so able to further see the attendants’ profiles.

Details: (詳情 )

Photos: (照片 )

Page 29: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Events /My Events/Upcoming (created)(P17C-2)

© 2011 Gutzquare Company Limited. All rights reserved.

“Back” (返回 )To P17C The Event name

Edit (修改 )/Done (完成 )-Click “Edit” to edit the information

-Then Click Done

© 2011 Gutzquare Company Limited. All rights reserved.

Following details are includedDate: (日期 ) )

Time : (時間 )

Venue: (地點 )

Attendants: (出席者 )

Details: (詳情 )

Photos: (照片 )

Page 30: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Events /My Events/Past (attended)(P17C-3)

© 2011 Gutzquare Company Limited. All rights reserved.

“Back” (返回 )To P17C The Event name

© 2011 Gutzquare Company Limited. All rights reserved.

Following details are includedDate: (日期 ) )

Time : (時間 )

Venue: (地點 )

Attendants: (出席者 )-Click inside to see the list of attendants and the user is so able to further see the attendants’ profiles.

Details: (詳情 )

Photos: (照片 )

Page 31: 深圳终端科技开发有限公司 IPONE 客户端开发文档. Starting  Use the jpeg. file for you to create the Starting Screen. The Line is Red in color and the Background

Interface- Events /My Events/Upcoming (created)(P17C-4)

“Back” (返回 )To P17C The Event name

Edit (修改 )/Done (完成 )-Click “Edit” to edit the information

-Then Click Done

Only able to edit the photos

Following details are includedDate: (日期 ) )

Time : (時間 )

Venue: (地點 )

Attendants: (出席者 )

Details: (詳情 )

Photos: (照片 )