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