AAVS Seoul 2018_Social Algorithms 6.0_Unit2_Group 1

Gangnam Shake Unit 2 Mapping the Data Tutor | Soomeen HAHM & Igor PANTIC Teaching Assistant | Dongyun KIM & Hyunjae NAM Member | Tsz Yui NGAN

Chatchapong BOONSILP

GunHyun JEONG

HyoSun KIM

Chae Young KIM

Social Algorithms 6.0

AA Visiting School Seoul 2018

WAYFINDING

Existing GPS Navigating Technology androidcommunity.com

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 2 /47

TECHNOLOGY HELPS TO NAVIGATE Amazon Warehouse

https://www.dieponderzoek.nl/amazon-ontwikkelt-algoritmedat-mode-ontwerpt-en-checkt-hoe-cool-zijn-creaties-zijn/

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 3 /47

GANGNAM EXPRESS BUS TERMINAL

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 4 /47

EXISTING FLOOR DIVISION Imbalance Circulation

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

Low Traffic

High Traffic AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 5 /47

REFERENCE

Master thesis of Mr. ChunHoi CHUN, Delft University of Technology

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 6 /47

REARRANGE THE PROGRAM

Before

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

After

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 7 /47

REARRANGE THE PROGRAM

Existing

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

To Keep/

To Shake

Rearranged

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 8 /47

DATA VISUALIZATION

Program

Brightness

Activeness of Business

Program

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

Brightness

Activeness of Business AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 9 /47

PROGRAM Commercial

Clothes Coffee Shop Curtain Convenience Store Drugstore Fabric Fancy Shop Flower Furniture Optical Restaurant Sewing Stationary

Public Area

Courtyard Garden Lobby Smoking Area Terrace Toilet

Others

Closed Storage Church

Corridor Core

Bus Terminal Service/ Office Bank Office Ticket Office Waiting Room

Level B1

Level 3

Level 4

Level 7

Level 8

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

Level 1

Level 2

Level 5

Level 6

Level 9

Level 10

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 10 /47

BRIGHTNESS

Bright

Level B1 Dark

Level 3

Level 4

Level 7

Level 8

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

Level 1

Level 2

Level 5

Level 6

Level 9

Level 10

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 11 /47

ACTIVENESS OF BUSINESS

Active

Level B1 Inactive

Level 3

Level 4

Level 7

Level 8

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

Level 1

Level 2

Level 5

Level 6

Level 9

Level 10

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 12 /47

GANGNAM EXPRESS BUS TERMINAL’S CHANGES OVE

1980’s

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

199

ER TIME

90’s

2010’s

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 13 /47

DIRECTORY MAP

1980’s Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

199

90’s

2010’s AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 15 /47

WASHROOM SIGNAGE

1980’s Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

199

90’s

2010’s AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 16 /47

FLOOR TILES

1980’s Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

199

90’s

2010’s AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 17 /47

ARCHITECTURAL ELEMENTS

Past Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

Present AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 18 /47

SIGNAGE

1980’s Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

199

90’s

2010’s AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 19 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 20 /47

INSTAGRAM LIKES’ CONCEPT

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 21 /47

EXTRACTING DATA FROM APPLICATION PROGRAMMI Example of Gangnam Express Bus Terminal

More than 5000

More than 5000

Less than 5000 More than 2000

Less than 5000 More than 2000

Less than 2000 More than 500

Less than 2000 More than 500

Less than 50

Less than 50

Shop & Service

Cafe

Less than 2000 More than 500 Less than 50

Outdoors & Recreation

Less than 50

Nightlife Spot

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

ING INTERFACE (API)

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 23 /47

PROGRAM DIVISION 1/ Existing situation

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 27 /47

HIGH TRAFFIC SPOTS AND SEGMENTS 1/ Site

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 28 /47

HIGH TRAFFIC SPOTS AND SEGMENTS 2/ Grids

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 29 /47

HIGH TRAFFIC SPOTS AND SEGMENTS 3/ High frequency visiting shops

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 30 /47

HIGH TRAFFIC SPOTS AND SEGMENTS 4/ Connect the points

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 31 /47

HIGH TRAFFIC SPOTS AND SEGMENTS 5/ Highlighted locations

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 32 /47

PROGRAM DIVISION

2/ Selection of keeping and shaking

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 33 /47

PROGRAM DIVISION 3/ Shake the programs

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 34 /47

PROGRAM DIVISION 4/ Group the programs

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 35 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 36 /47

3D RENDERING

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 37 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 38 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 39 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 40 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 41 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 42 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 43 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 44 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 45 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 46 /47

Unit 2 Mapping the Data | Soomeen HAHM Data Visualization | Tsz Yui NGAN. Chatchapong BOONSILP. GunHyun JEONG. HyoSun KIM. Chae Young KIM

AA VS Seoul 2018 Social Algorithms 6.0 | Yonsei University 47 /47