social album utilizing social network to visualize co-event albums

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

Upload: cleo

Post on 15-Feb-2016

35 views

Category:

Documents


0 download

DESCRIPTION

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. Introduction. Co-event Album. Co-event. Gather…?. Organize…?. Browse…?. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Social Album Utilizing social network to visualize co-event albums

Social AlbumUtilizing social network to visualize co-event albums.

郭子豪Advisor: 陳炳宇

Page 2: Social Album Utilizing social network to visualize co-event albums

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

INTRODUCTION

Page 4: Social Album Utilizing social network to visualize co-event albums
Page 5: Social Album Utilizing social network to visualize co-event albums
Page 6: Social Album Utilizing social network to visualize co-event albums
Page 7: Social Album Utilizing social network to visualize co-event albums

Co-event Album

Page 8: Social Album Utilizing social network to visualize co-event albums

Co-event

Page 9: Social Album Utilizing social network to visualize co-event albums
Page 10: Social Album Utilizing social network to visualize co-event albums
Page 11: Social Album Utilizing social network to visualize co-event albums
Page 12: Social Album Utilizing social network to visualize co-event albums
Page 13: Social Album Utilizing social network to visualize co-event albums
Page 14: Social Album Utilizing social network to visualize co-event albums
Page 15: Social Album Utilizing social network to visualize co-event albums
Page 16: Social Album Utilizing social network to visualize co-event albums

Gather…?Organize…?

Page 17: Social Album Utilizing social network to visualize co-event albums

Browse…?

Page 18: Social Album Utilizing social network to visualize co-event albums
Page 19: Social Album Utilizing social network to visualize co-event albums

RELATED WORKS

Multi-user PhotowaresPhotoware based on Social Network Social Network Visualization

Page 20: Social Album Utilizing social network to visualize co-event albums

Multi-user Photowares

Page 21: Social Album Utilizing social network to visualize co-event albums
Page 22: Social Album Utilizing social network to visualize co-event albums
Page 23: Social Album Utilizing social network to visualize co-event albums
Page 24: Social Album Utilizing social network to visualize co-event albums
Page 25: Social Album Utilizing social network to visualize co-event albums

Photowares based on SN

Page 26: Social Album Utilizing social network to visualize co-event albums
Page 27: Social Album Utilizing social network to visualize co-event albums
Page 28: Social Album Utilizing social network to visualize co-event albums
Page 29: Social Album Utilizing social network to visualize co-event albums
Page 30: Social Album Utilizing social network to visualize co-event albums

Social Network Visualization

Page 31: Social Album Utilizing social network to visualize co-event albums
Page 32: Social Album Utilizing social network to visualize co-event albums

PRIOR USER STUDY

Field StudyInterview

Page 33: Social Album Utilizing social network to visualize co-event albums

Field Study

• Co-event albums• Tagging Photos

Page 34: Social Album Utilizing social network to visualize co-event albums

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

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

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

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

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

Life cycle of co-event albums

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

Page 40: Social Album Utilizing social network to visualize co-event albums

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

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

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

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

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

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

Create

Gather

Organize

Browse

Share

Update

Co-Event

Page 47: Social Album Utilizing social network to visualize co-event albums

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

Crea

teGa

ther

Orga

nize

Brow

seSh

are

Upda

te

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
Page 50: Social Album Utilizing social network to visualize co-event albums
Page 51: Social Album Utilizing social network to visualize co-event albums
Page 52: Social Album Utilizing social network to visualize co-event albums
Page 53: Social Album Utilizing social network to visualize co-event albums
Page 54: Social Album Utilizing social network to visualize co-event albums

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

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

SOCIAL ALBUMDesign & Implementation

Page 57: Social Album Utilizing social network to visualize co-event albums

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

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

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

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

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

Indexing View

• Layout• Tracks• Sites• Interactions

Page 63: Social Album Utilizing social network to visualize co-event albums

Indexing View --- Layout

Page 64: Social Album Utilizing social network to visualize co-event albums

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

Indexing View --- Sites

(c) (d)

(a) (b)

Page 66: Social Album Utilizing social network to visualize co-event albums

Indexing View --- Interactions

• Coloring• Hover• Filter

Page 67: Social Album Utilizing social network to visualize co-event albums

Interaction --- Coloring

Page 68: Social Album Utilizing social network to visualize co-event albums

Interaction --- Filter

Page 69: Social Album Utilizing social network to visualize co-event albums

Interaction --- Hover

Page 70: Social Album Utilizing social network to visualize co-event albums

Browsing View

Page 71: Social Album Utilizing social network to visualize co-event albums

Editing View

Page 72: Social Album Utilizing social network to visualize co-event albums

Editing View

Page 73: Social Album Utilizing social network to visualize co-event albums

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

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Page 75: Social Album Utilizing social network to visualize co-event albums

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Page 76: Social Album Utilizing social network to visualize co-event albums

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

RGB

Page 77: Social Album Utilizing social network to visualize co-event albums

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Gray

HSVRGB

Page 78: Social Album Utilizing social network to visualize co-event albums

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

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

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

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Page 82: Social Album Utilizing social network to visualize co-event albums

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

Page 83: Social Album Utilizing social network to visualize co-event albums

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

0 0100 100

Page 84: Social Album Utilizing social network to visualize co-event albums

Photo Analyzer

1. Feature Extracting Module2. Photo Grouping Module

0 0100 100

Page 85: Social Album Utilizing social network to visualize co-event albums

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 86: Social Album Utilizing social network to visualize co-event albums

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 87: Social Album Utilizing social network to visualize co-event albums

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 88: Social Album Utilizing social network to visualize co-event albums

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 89: Social Album Utilizing social network to visualize co-event albums

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 90: Social Album Utilizing social network to visualize co-event albums

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

Album Analyzer

1. Album Merging Module2. Album Recommending Module

Page 92: Social Album Utilizing social network to visualize co-event albums

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

Track Analyzer

Most Sites

Page 94: Social Album Utilizing social network to visualize co-event albums

Track Analyzer

Most Intersections

Page 95: Social Album Utilizing social network to visualize co-event albums

Track Analyzer

Page 96: Social Album Utilizing social network to visualize co-event albums

Track Analyzer

Page 97: Social Album Utilizing social network to visualize co-event albums

EVALUATION

QuantitativeQualitative

Page 98: Social Album Utilizing social network to visualize co-event albums

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

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

Qualitative

• 6 people.

Page 101: Social Album Utilizing social network to visualize co-event albums

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

LIMITATION

Page 103: Social Album Utilizing social network to visualize co-event albums

Limitation

Time Line

# of Tracks

Page 104: Social Album Utilizing social network to visualize co-event albums

GENERALIZATIONOther social data.

Page 105: Social Album Utilizing social network to visualize co-event albums
Page 106: Social Album Utilizing social network to visualize co-event albums
Page 107: Social Album Utilizing social network to visualize co-event albums
Page 108: Social Album Utilizing social network to visualize co-event albums

CONCLUSION

Page 109: Social Album Utilizing social network to visualize co-event albums

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

Thanks you.