social album utilizing social network to visualize co-event albums. 郭子豪 advisor: 陳炳宇

110
Social Album Utilizing social network to visualize co-event albums. 郭郭郭 Advisor: 郭郭郭

Upload: lee-bell

Post on 14-Dec-2015

350 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Social AlbumUtilizing social network to visualize co-event albums.

郭子豪Advisor: 陳炳宇

Page 2: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Outline

• Introduction• Related Works• Prior User Study• The Social Album• Evaluation• Limitation / Generalization / Conclusion

Page 3: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

INTRODUCTION

Page 4: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 5: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 6: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 7: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Co-event Album

Page 8: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Co-event

Page 9: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 10: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 11: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 12: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 13: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 14: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 15: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 16: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Gather…?Organize…?

Page 17: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Browse…?

Page 18: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 19: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

RELATED WORKS

Multi-user PhotowaresPhotoware based on Social Network Social Network Visualization

Page 20: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Multi-user Photowares

Page 21: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 22: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 23: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 24: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 25: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photowares based on SN

Page 26: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 27: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 28: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 29: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 30: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Social Network Visualization

Page 31: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 32: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

PRIOR USER STUDY

Field StudyInterview

Page 33: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Field Study

• Co-event albums• Tagging Photos

Page 34: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Co-event albums

# of samples At least one More than half

facebook 55 45 (81.8%) 41 (74.5%)

Flickr 22 21 (95.4%) 17 (77.2%)

Picasa 15 15 (100%) 15 (100%)

Page 35: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Tag

• facebook only with 74 samples.• Tagged by others : 64 (86.5%)• Have self-upload albums : 55• Have co-event albums : 45• Co-event album been tagged

– At least one: 37– More than half : 25

Page 36: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Field Study

• Co-event albums– The major portion of the shared web albums

online are related to co-event.

• Tagging Photos– Tagging Photos is an common practice while

sharing co-event albums.

Page 37: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Interview

• 9 people ( 3 man, 6 woman )• 21 ~ 30 years old.• All familiar with web albums and have their

own web albums.• Have their own DC.• Usually taking pictures in event.

Page 38: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Interview --- Questions

• What do you usually take picture with? Why?• How do you gather the co-event photos from

others? Do you have any trouble?• How do you organize the gathered photos? Do

you have any trouble while browsing them?• Will you share your photo albums to your

friends actively? How?• Will you actively browse your friends’ albums?

Page 39: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Life cycle of co-event albums

• Creating• Gathering• Organizing • Browsing• Sharing• Updating

Page 40: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Creating

• Take photos by their own camera.– as memory– document

• By their own view angle.

Create

Co-Event

Page 41: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Gathering

• Channel: – Email– FTP– Portable Disk– Instant Messenger– Web Albums

• It’s hard when lots of joined people. Create

Gather

Co-Event

Page 42: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Organizing

• Hierarchical Folder• Date + Event Name

– Photographer 1– Photographer 2– Photographer 3– …

Create

Gather

Organize

Co-Event

Page 43: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Browsing

• Separate Albums• Mixed Albums

– Alignment & Duplication Problems.

Create

Gather

Organize

Browse

Co-Event

Page 44: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Sharing

• 6 people share albums actively.• Most share to their acquaintance.• Most gather co-event albums actively.

Create

Gather

Organize

Browse

Share

Co-Event

Page 45: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Updating

• Most people will check friends’ albums actively.

• Be interested to albums they joined personally.

• Or albums joined by their friends.

Create

Gather

Organize

Browse

Share

Update

Co-Event

Page 46: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Create

Gather

Organize

Browse

Share

Update

Co-Event

Page 47: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Crea

teGa

ther

Orga

nize

Brow

seSh

are

Upda

te

Create Gather

Organize

Browse Share Update

Create

Gather

Organize

Browse

Share

Update

Co-Event

Page 48: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Crea

te

Gath

erOr

gani

zeBr

owse

Shar

eUp

date

Create Gather

Organize

Browse Share Update

Create

Gather

Organize

Browse

Share

Update

Co-Event

Create

Gather

Organize

Browse

Share

UpdateCreate

Gather

Organize

Browse

Share

Update

CreateGatherOrganize

BrowseShare

Update

Co-

Event

Page 49: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 50: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 51: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 52: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 53: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 54: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Conclusion

• Social Need– Co-event albums.– Tagging Photos.– Sharing / Updating.

• Recollective Need– Create.– Gather / Organize.– Browse.

Page 55: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Design Guidelines

• Make it easy to collect co-event albums.• Facilitate the experience of browsing merged

co-event albums.• Let users easily update their friends' activities.• Filter the results while sharing and displaying.• Make the system embed into the social

network service.

Page 56: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

SOCIAL ALBUMDesign & Implementation

Page 57: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

facebook GRAPH APISocial Album Database

Social Album Server Social Album Client

Social Album

Page 58: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

facebook GRAPH APISocial Album Database

Social Album Server Social Album Client

Indexing View

Browsing View

Editing View

Social Album

Page 59: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

facebook GRAPH APISocial Album Database

Social Album Server Social Album Client

Indexing View

Browsing View

Editing View

Photo Analyzer

Album Analyzer

Track Analyzer

Social Album

Page 60: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

facebook GRAPH APISocial Album Database

Social Album Server Social Album Client

Indexing View

Browsing View

Editing View

Photo Analyzer

Album Analyzer

Track Analyzer

Social Album

Page 61: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

facebook GRAPH APISocial Album Database

Social Album Server Social Album Client

Indexing View

Browsing View

Editing View

Photo Analyzer

Album Analyzer

Track Analyzer

Social Album

Page 62: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Indexing View

• Layout• Tracks• Sites• Interactions

Page 63: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Indexing View --- Layout

Page 64: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Indexing View --- Tracks

Event A

Event B

(a)

Event A

Event B

(b)

Event A

Event B

(c)

Page 65: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Indexing View --- Sites

(c) (d)

(a) (b)

Page 66: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Indexing View --- Interactions

• Coloring• Hover• Filter

Page 67: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Interaction --- Coloring

Page 68: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Interaction --- Filter

Page 69: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Interaction --- Hover

Page 70: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Browsing View

Page 71: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Editing View

Page 72: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Editing View

Page 73: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

facebook GRAPH APISocial Album Database

Social Album Server Social Album Client

Indexing View

Browsing View

Editing View

Photo Analyzer

Album Analyzer

Track Analyzer

Social Album

Page 74: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Page 75: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Page 76: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

RGB

Page 77: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Gray

HSVRGB

Page 78: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Gray

HSVRGB

H : 18 binsS : 3 binsV : 3 binsG : 4 bins

Page 79: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Gray

HSVRGB

H : 18 binsS : 3 binsV : 3 binsG : 4 bins

Page 80: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Gray

HSVRGB

H : 18 binsS : 3 binsV : 3 binsG : 4 bins

feature factor

Page 81: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Page 82: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Page 83: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

0 0100 100

Page 84: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

0 0100 100

Page 85: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 86: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 87: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 88: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 89: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 90: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Album Analyzer

1. Album Merging Module2. Album Recommending Module

A B C

D E F

A B

C D

1 21 32

Page 91: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 92: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Album Analyzer

1. Album Merging Module2. Album Recommending Module

• Same Participants• Same Location• Overlapped Time Duration

Page 93: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Track Analyzer

Most Sites

Page 94: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Track Analyzer

Most Intersections

Page 95: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Track Analyzer

Page 96: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Track Analyzer

Page 97: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

EVALUATION

QuantitativeQualitative

Page 98: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Quantitativea1 a2 Group Merge

1 V V

2 V V V V

3 V V

• 22 participants.

Page 99: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Quantitative

• While running photo grouping with similar photos, though total presented photos are lowered down, the gained information still increased.

• The information of our merging result is not less than the naïve merging result.

Page 100: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Qualitative

• 6 people.

Page 101: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Qualitative

• 4: easily update information happened on friends.

• 1: easy to describe friends’ events.• 6: appreciate the design of filtering algorithm.

• Most of them appreciate the grouping similar photos design.

Page 102: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

LIMITATION

Page 103: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Limitation

Time Line

# of Tracks

Page 104: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

GENERALIZATIONOther social data.

Page 105: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 106: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 107: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇
Page 108: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

CONCLUSION

Page 109: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Conclusion

• The life cycle of co-event albums.• Social Album

– browsing co-event albums– easily update their friends’ activities.

Page 110: Social Album Utilizing social network to visualize co-event albums. 郭子豪 Advisor: 陳炳宇

Thanks you.