JAIST Repository: Q&Aシステムを基盤とした安全・安心な 出会い支援システムに関する研究

JAIST Repository

Type Thesis or Dissertation

Text version author

URL http://hdl.handle.net/10119/11975

Rights

Q&A

1250031

DAM HIEU CHI

A Safe and Reliable Matchmaking System

Based on a Q&A System

Tsuyoshi Numano

School of Knowledge Science

Japan Advanced Institute of Science and Technology

March 2014

Keywords: dating site, encounter, friends making, friends recommendation, matchmaking

This thesis proposes “NARESOMAKER” system that is a safe and reliable matchmaking

system based on a Question and Answer System. In many of ordinary dating sites, users are

required to choose partners based on their profiles and to contact them by themselves.

However, this method has some barriers. For example, it is difficult to find a compatible

person. Even if you can find a compatible person, it is still very difficult to greet him/her for

the first time. In our real life, we often get acquainted with new friends through introduction

by common friends. It can be expected that the barriers are alleviated by incorporating the

introduction by the common friends into the matchmaking system.

NARESOMAKER is a Q&A system at a glance. However, different from the ordinary Q&A

systems where anyone can answer any questions, only if an answerer’s friend is also a

questioner’s friend and only if the friend introduces the answerer to the questioner, the

answerer is allowed to answer the question in NARESOMAKER system. In this sense,

compatible persons. The Q&A system works as a providing function of initial topics of

communications between the questioner and answerer. Thus, the goal of NARESOMAKER is

to produce friend recommendations with rich contextual information through Q&A system in

the existing social network.

As a result of user studies with NARESOMAKER, I obtained some possibilities that

NARESOMAKER can alleviate the initial barriers of encounter and that it works as a safe

and reliable matchmaking system.

... 1

... 4

... 6

... 9

... 11

. . . JavaScript ... 16 . . ... 16 . . . TwitterBootstrap3.0 ... 16 . . . ImagePicker.js ... 17 . ... 18 . . ... 18 . . . CakePHP2.4 ... 18 . . . OAuth ... 19 . . . facebook ... 20 . . ... 21 . . ... 24 . . . ... 24 . . . ... 24 . . ... 25 . . . XSS ... 25 . . . SQL ... 26 . . . facebook ... 26

... 27

. ... 35 . . ... 35 . ... 35 . . UI/UX ... 35 . . . ... 36 . . . facebook ... 37 . . . ... 38 . . . ... 39 . . ... 40 . . . facebook ... 40 . . . OGP ... 41 . . . Wish scope ... 43 . . ... 43 . . . ... 43 . . . ... 44 . . . ... 46 . ... 46

... 47

. . . ... 57 . . . ... 57 . . . ... 58 . . . ... 59 . . . ... 61 . . ... 62 . . . ... 62 . . . ... 64 . . . ... 65 . . . ... 66 . . ... 66 . . . ... 66 . . . ... 68 . . . ... 68 . . . ... 69 . ... 69 . . ... 69 . . . ... 69 . . . ... 70 . . . ... 70 . . . ... 71 . . ... 72 . . . 5 ... 72

... 73

. ... 75 . ... 77 . . UI/UX ... 77 . . ... 77 . ... 78 . ... 79 . . ... 79 . . ... 80

... 81

... 82

... 83

1 ... 2 2 ... 7 3 NARESOMAKER ... 10 4 ... 11 5 ... 12 6 ... 13 7 ... 14 8 CSS3 ... 16 9 ... 17 10 ImagePicker ... 17 11 MVC ... 19 12 App on facebook ... 20 13 ... 21 14 ... 23 15 ... 25 16 ... 28 17 ... 29 18 ... 29 19 ... 30 20 NARESOMAKER ... 31 21 ... 32 22 ... 32 23 ... 33

26 ... 38 27 ... 40 28 NARESOMAKER ... 41 29 OGP ... 42 30 wish scope ... 43 31 ... 44 32 ... 45 33 ... 46 34 2 ... 48 35 ... 48 36 ... 49 37 ... 50 38 facebook ... 50 39 ... 51 40 ... 52 41 ... 53 42 (2 ) ... 54 43 ... 57 44 NARESOMAKER ... 58 45 ... 60 46 ... 61 47 ... 62 48 ... 63 49 ... 63 50 ... 64 51 0 ... 65 52 1 ... 65 53 ... 75

1 NARESOMAKE MVC ... 19 2 users table ... 21 3 questions table ... 22 4 recommends table ... 22 5 answers table ... 22 6 thanks table ... 23 7 notifications table ... 39

.

. .

1

[3]

Figure 1 The cause of the encounter who have a sweetheart.

2 .

. .

.

2 1

1

.

facebook (1)[7] facebook

u

_e

w

_e

d

_e

…(1)

ue – affinity score between viewing user and edge creator

we – weight for this edge type(create,comment,like,tag,etc)

Shuchuan [8] WMR(weighted minimum-message ratio)

.

[11] [12]

[12]

2 [13]

[11] 2 1 2 2

.

. .

. .

Figure 2 Comparative experiments of encounter.

.

30

2 C B 6 1 A C facebook A B C facebook [11]

. .

. .

NARESOMAKER

NARESOMAKER 3 NARESOMAKER yahoo Q&A Q&A NARESOMAKER NARESOMAKER Q&A 3 NARESOMAKER

PHP5.3, JavaScript

CSS3, HTML5, CakePHP2.4, jQuery1.10.1,

TwitterBootstrap3.0, Mysql5.5

Web facebook facebook

facebook facebook facebook facebook facebook 4 PC

.

. .

. .

1

facebook 1

6

. .

1

7

.

NARESOMAKER PC

Web facebook

HTML5 CSS3 JavaScript

TwitterBootstrap3.0 jQuery1.10.1 ImagePicker.js

. .

NARESOMAKER Web HTML5 CSS3 JavaScript

Web

. . . HTML

HTML5 Web HTML(Hyper Text Markup Language)

5 HTML HTML API Web NARESOMAKER . . . CSS3 CSS3 Web CSS(Cascading Style Sheet) 3 CSS NARESOMAKER 8 NARESOMAKE CSS3

8 CSS3

Figure 8 A blow off with CSS3

. . . JavaScript JavaScript Web NARESOMAKER JavaScript jQuery

. .

TwiiterBootstrap Twitter CSS Web

CSS Internet Explorer Safari Firefox Opera

Web

NARESOMAKER Bootstrap3.0

9

Figure 8 Example of responsible design.

. . . ImagePicker.js NARESOMAKER HTML select ImagePicker.js jQuery 10 10 ImagePicker

.

. .

NARESOMAKER facebook facebook PHP

facebook SDK . . . CakePHP2.4 CakePHP Web CakePHP MVC 1 3 11 MVC CakePHP HTML NARESOMAKER MVC 1 1 1

11 MVC

Figure 11 Concept of MVC

1 NARESOMAKE MVC

Table 1 The architectures of NARESOMAKER’s MVC

. . . OAuth

NARESOMAKER facebook

Web

facebook PHP facebook-php-sdk

Model php View( ) Controller php

AppModel.php Default.ctp AppController.php

Question.php Question QuestionsController.php

Recommend.php Recommend ReccomendsController.php

Answer.php Answer AnswersController.php

User.php User UsersController.php

Thank.php Thank ThanksController.php

Auth authorization Web

1 Web

Web

OAuth

Open Authorization facebook OAuth

PHP SDK facebook-php-sdk

CakePHP2.4 OAuth Auth

NARESOMAKER CakePHP2.4 Auth facebook-php-sdk

facebook

. . . facebook

facebook OAuth Web facebook

App on facebook 2 NARESOMAKER

App on facebook facebook

2014 facebook 12

facebook facebook

facebook NARESOMAKER

12 App on facebook

Auth facebook

facebook

13 facebook

13

Fig 13 Access control based friends list

. .

Mysql5.5

2 users table

Table 2 users table

id int (11) id

fb_user_id varchar (30) user fbID

fb_token varchar(255) fb

fb_name varchar(255) fb

fb_email varchar(255)

fb_gender varchar(255)

3 questions table

Table 3 questions table

4 recommends table

Table 4 recommends table

5 answers table

Table 5 answers table

id int (11) id

user_id int (11) id

fb_user_id varchar (30) fbID

request_id varchar (30) request fbID

gender_select int (1) title varchar(50) body text created datetime modified datetime id int (11) id question_id int (11) id user_id int (11) id

matchmaker_id varchar (30) fbID

questionier_id varchar (30) fbID

answer_id varchar (30) fbID

body text a_help tinyint (1) q_help tinyint (1) m_help tinyint (1) created datetime modified datetime id int (11) id recommend_id int (11) id user_id int (11) id

fb_user_id varchar (30) fbID

body text

created datetime

6 thanks table

Table 6 thanks table

14

14

Figure 14 Relation of database users

id int (11) id

recommend_id int (11) id

user_id int (11) id

fb_user_id varchar (30) fbID

body text

thanks_rank int (11)

created datetime

recommends 1 answers 1 thanks facebook ID (fb_user_id) ID NARESOMAKER

ID facebook ID facebook facebook

ID URL (Open Graph) https://graph.facebook.com/ ID ?fields=name,picture.type(square)&locale=ja_JP ID URL facebook ID

. .

naresomaker.xii.jp

. .

Figure 15 Request of permission

. . . XSS

JavaScript & &amp; < lt; . . . SQL SQL SQL SQL CakePHP2.4 . . . facebook

facebook App on facebook HTTPS

HTTPS (Hyper Text Transfer Protocol Secure) HTTP

SSL SSL SSL SSL SSL Cookie App on facebook HTTPS SSL facebook HTTPS facebook HTTPS OAuth HTTP

2 2 2

.

.

. .

16

Figure 8 Number of registered users and active users

11 15 18 facebook 11 20 11 22 18 11 20

. .

NARESOMAKER

17

Figure 17 Number of question, recommendation, comment and interaction

. . .

80

18

19

19

Figure 19 Reason of asking question

. . . 80 96 1.2 39/80 , 41 2.34 20

20 NARESOMAKER

Figure 20 Easiness of recommendation by using NARESOMAKER.

. . .

21

Figure 21 Did you answer a question of recommendation?

22

22

. . .

23

Figure 23 Would you like to continue to use this system?

Q&A

. .

.

. .

.

. .

UI/UX

. . .

. . . facebook

UI/UX

NARESOMAKER facebook facebook

facebook notification facebook

25

25 facebook

Figure 25 facebook notification

NARESOMAKER facebook  NARESOMAKER  (NARESOMAKER )   

facebook URL POST

@["fb ID"] fb ID

@["fb ID"] NARESOMAKER

facebook . . .

app on facebook NARESOMAKER

PC facebook facebook notification . . . facebook facebook UI/UX facebook NARESOMAKER 26 26

facebookID from_id ID body page

type

7 notifications table

Table 7 notifications table

notifications facebook . . . UI/UX NARESOMAKER 27 facebook id int (11) Id for_id varchar (30) id from_id varchar (30) id body Text page varchar (255) type int (11) created Datetime modified Datetime

27

Figure 27 Demo page

. .

2 facebook

facebook

twitter wish scope

. . . facebook

facebook facebook SNS WEB

facebook facebook

facebook 28 facebook

28 NARESOMAKER

Figure 28 Advertisement of NARESOMAKER

facebook . . . OGP facebook WEB facebook OGP OGP

Open Graph Protocol

SNS facebook

OGP OGP HTML head

<meta content="NARESOMAKER

Q A

"

property="og:description" />

<meta content="website" property="og:type" />

<meta content="http://naresomaker.xii.jp/" property="og:url" />

<meta content="http://naresomaker.xii.jp/img/top.png" property="og:image" />

<meta content="ja_JP" property="og:locale" />

meta property="og:"

SNS facebook 29

29 OGP

. . . Wish scope Wish Scope

Wish Scope

30

30 wish scope

Figure 30 Advertisement on Wish Scope

. .

2 facebook

31

Figure 31 Request page

facebook

31 NARESOMAKER

. . .

2 2

32

Figure 32 Introducer intervention function

. . .

NARESOMAKER SNS

facebook NARESOMAKER

33

33

Figure 33 Share of question

.

UI/UX 2 2013 1 1

2013 1 31

2 2 2 20 facebook 4

.

. .

34 2

Figure 34 Number of active users in second experiment

34 1

109 129

facebook 35

1253 20

36 2 _{83% 17%}

18-34 8

36

Figure 36 Gender and age of research participant

. .

facebook facebook 37

1 3 13,623 $36.18

3 $12.06

37

Figure 37 Advertising performances

3 ₃₈

38 facebook

.

Figure 39 Number of posted data and users

20 5

40

44 12

1

. .

Figure 41 Do you feel any resistance to ask a question?(second experiment)

Yahoo

. . . 42

3

42 (2 )

Figure 42 Reason of asking question (second experiment)

    or or JAIST 

4 _yahoo NARESOMAKER NARESOMAKER      43

43

Figure 43 Categorization of post

. .

44 NARESOMAKER

Figure 44 Easiness of recommendation by using NARESOMAKER (second experiment)

w

. . .

91

  2 . . . 45 187 1 2 11 1 7

45

Figure 45 The number of recommendation to one question

. . . 46

1 0

46

Figure 46 The number of recommendation and the number of questions according to category

. . . 47 1 1 2 1 47

47

Figure 47 Active user's recommendation data

. .

48

Figure 48 The number of Answer

49

Figure 49 The number of reaction to notifications

50 1

2 1

50

Figure 50 Comparison of the number of comments

. . . 0 51 NARESOMAKER 0 2 JAIST NARESOMAKER 2

51 0

Figure 51 Data about recommendation of the comment 0

. . .

1 52

52 1

Figure 52 Data about recommendation of the comment 1

3 1 2 . . .

. .

 facebook facebook . . .  1  38 12 1/12   1 2 2 2 facebook 2

. . . . . . 3 SNS UI,UX ( ) 3 (3 facebook ) ( ) ...

1 . . .

.

. .

3 2 A facebook A . . . B B : ( _ `)Unity B IT B B 4 2 B . . . JAIST C

JAIST M2 (o´Д`)=з ( ) ( ) ( ) 30 1 31 ( ) 4 1 C 3 . . . D 3 4 3 10 D 2 2 D 1 D

. .

• • o o  

.

. .

. .

.

. .

53

53

54

54

Figure 54 Do you want to encounter new people on a day-to-day?

.

facebook

twitter wishschope facebook

3 1 wishscope 1 2 1 1

. .

UI/UX

. .

55 omiai

Figure 55 Advertisement of omiai

NARESOMAKER

.

NARESOMAKER web web

.

. .

. .

Q&A

Jingyi Yu

facebook

[1]

:

,

,70:249-266 (2008)

[2]

,

,

,

:

-

,

,23(4), 461-467

(2008)

[3]

:

,

http://chosa.itmedia.co.jp/categories/investment/16757 (2012).

[4]

:

-

15

,

2(1) pp45-57 ,(2013)

[5] Walther,J.B.: Computer-mediated communication: impersonal, interpersonal,

and hyper personal interaction, Communication Research,23,pp.3-43(1996).

[6]

,

,

,

,

:

,

67

,No.3,pp.157-158(2005).

[7] EDGERANK

CHECKER

:

WHAT

IS

EDGE

RANK,

http://www.whatisedgerank.com/ (2014)

[8] Shuchuan Lo,Chingching Lin :WMR-A Graph-based Algorithm for Friend

Recommendation, Proceedings of the 2006 IEEE/WIC/ACM International

Conference on Web Intelligence,pp.121-128(2006).

[9]

,

,

:

SNS

,

2011

, No.3,pp.285-288 (2011)

[10] Li Bian, Henry Holtzman: MatchMaker: A Friend Recommendation System

through TV Character Matching, IEEE International Workshop on Social

Networks and TV,pp.714 - 718 (2012)

[11]

,

,

,

SNS

[12]

,

,

,

:

,

:

,20(4) ,

pp.578-590(2008)

[13]Andrea Chapdelaine,David A Kenny:Match maker can you make me a match,

Journal of Personality and Social Psychology,vol67,No1.pp.83-91(1994).

[14]

:

[1]

NARESOMAKER

,

2014,2

26

3

1

,2014(

)

[2]

:

Q&A

,

157

91

31

,3

13

15

2014(

)

1 : , ,70:249-266 (2008) 2 , , , : - , ,23(4), 461-467 (2008) 3 : ,http://chosa.itmedia.co.jp/categories/investment/16757 (2012). 4 : - 15 , 2(1) pp45-57 ,(2013)

5 Walther,J.B.: Computer-mediated communication: impersonal, interpersonal, and hyper personal interaction, Communication Research,23,pp.3-43(1996).

6 , , , , : ,

67 ,No.3,pp.157-158(2005).

7 EDGERANK CHECKER : WHAT IS EDGE RANK, http://www.whatisedgerank.com/ (2014)

8 Shuchuan Lo,Chingching Lin :WMR-A Graph-based Algorithm for Friend Recommendation, Proceedings of the 2006 IEEE/WIC/ACM International Conference on Web Intelligence,pp.121-128(2006).

9 , , : SNS , 2011 ,

No.3,pp.285-288 (2011)

10 Li Bian, Henry Holtzman: MatchMaker: A Friend Recommendation System through TV Character Matching, IEEE International Workshop on Social Networks and TV,pp.714 - 718 (2012)

11 , , , SNS ,

IPSJ SIG Technical Report,GN-63(2007)

12 , , , : , :

,20(4) , pp.578-590(2008)

13 Andrea Chapdelaine,David A Kenny:Match maker can you make me a match, Journal of Personality and Social Psychology,vol67,No1.pp.83-91(1994).

14 : , ,51,