computer graphics seminar - impa · painel de tweets galeria de imagens anÁlise de sentimento tour...
TRANSCRIPT
![Page 1: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/1.jpg)
um olhar sobre os dados olímpicos perceptions of olympic data
Júlia Rabetti Giannella@juliagiannella [email protected]
Computer Graphics Seminar
![Page 2: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/2.jpg)
OVERVIEW
• PART 1 OBERVATÓR!O2016
• PART 2 Unfolding research: Deep Learning experiences on Rio-2016
![Page 3: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/3.jpg)
PART 1
OBSERVATOR!O2016
![Page 4: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/4.jpg)
http://oo.impa.br
![Page 5: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/5.jpg)
X-RAY
• March 2016 - December 2016
• VISGRAF team
• Products / publications 4 websites 1 blog + 1 twitter 4 presentations 1 technical report 1 digital publication 2 artistic exhibitions
![Page 6: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/6.jpg)
THE BEGINNING
interests
• human activities from the perspective of digital footprints
• design as a tool for comprehension of data through visualizations
visgraf
• mathematical models / creation of computational applications
• New media / information and communication technologies
![Page 7: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/7.jpg)
DIGITAL FOOTPRINTS
SOURCE
• cellular network activity • credit card transactions • apps and websites usage • user generated content • sensor technology (IoT)
APPLICATIONS
• marketing digital • urban planning • public policies (health, security) • data art • media studies
![Page 8: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/8.jpg)
SOURCE APPLICATIONS
Twitter media (images and text)
investigate the online debate about Rio 2016
how the Olympics are perceived and shared in social networks?
![Page 9: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/9.jpg)
IT FRAMEWORK
• identify and represent the plurality of perceptions about Rio 2016
![Page 10: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/10.jpg)
DATA COLLECTION
• Twitter API
- via REST Queries
- via Streaming
• Scripts
- Python
![Page 11: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/11.jpg)
MODELING
• Categories
- Rio-2016 aspects
• Filters (Tweet)
- User
- User mention
- Hashtag
- Text
- Time
![Page 12: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/12.jpg)
STORAGE
• Database
- Raw
- OO
• Stratification
- Different levels
![Page 13: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/13.jpg)
SOFTWARE ARCHITECTURE
• Server
- Django / Mezzanine
• Client
- HTML 5 / CSS
- Javascript
![Page 14: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/14.jpg)
VISUALIZATION
• Specific aspects
• Diferent frameworks
- D3.js
• Refining visual aspects and interaction
![Page 15: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/15.jpg)
QUESTIONS
? ?
?associations
temporalities
![Page 16: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/16.jpg)
DEPLOYMENT
![Page 17: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/17.jpg)
DEPLOYMENT
beta
1.0
2.0
3.0
PAINEL DE TWEETS GALERIA DE IMAGENS ANÁLISE DE SENTIMENTO
TOUR DA TOCHA OLHARES CONTROVERSOS
MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR DE TEMAS MOSAICO DA TOCHA
ATLETAS
![Page 19: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/19.jpg)
TWEET PANEL LINHA DO TEMPO(temporalidades)
GRUPOS(associações)
LINKHASHTAG USER MENTION
Source: http://oo.impa.br/dtweet/
![Page 20: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/20.jpg)
GROUPS OF ASSOCIATION
27 USUÁRIOS 100 HASHTAGS 66 HASHTAGS
![Page 21: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/21.jpg)
CONTROVERSIES (1st sketch)
![Page 22: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/22.jpg)
CONTROVERSIES (2nd sketch)
![Page 24: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/24.jpg)
THEMES
![Page 26: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/26.jpg)
TERMS
![Page 28: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/28.jpg)
PART 2
DEEP LEARNING AND RIO-2016
![Page 29: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/29.jpg)
180k images
![Page 30: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/30.jpg)
DEEP LEARNING
Source: https://blogs.nvidia.com/blog/2016/07/29/whats-difference-artificial-intelligence-machine-learning-deep-learning-ai/
![Page 31: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/31.jpg)
APPLICATIONS
• Colorization of Black and White Images • Adding Sounds To Silent Movies • Image Classification and Object recognition * • Automatic Handwriting Generation • Automatic Video Generation * • Character Text Generation. • Image Caption Generation. • Automatic Game Playing • Artistic style transfer *
![Page 32: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/32.jpg)
IMAGE CLASSIFICATION
• task: automatically classify and cluster images by subject features related to the Olympic Games. Ex: Olympic Torch
• CNN model • supervised learning (manually labeled 100 examples) • Inception-v3 CNN model * • TensorFlow (open source software library)**
* https://arxiv.org/abs/1409.4842 ** https://www.tensorflow.org/
![Page 33: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/33.jpg)
CONFIDENCE SCORE
Source: http://lvelho.impa.br/dl_rio2016/metodologia.html
A subset of 12 from 2091 images with confidence score over 83% for the Olympic torch category
![Page 34: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/34.jpg)
TORCH MOSAIC
Source: http://lvelho.impa.br/dl_rio2016/mosaico.html
![Page 35: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/35.jpg)
TORCH MOSAIC
Source: http://lvelho.impa.br/dl_rio2016/mosaico.html
![Page 36: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/36.jpg)
SPORTS CATEGORIES
• Beach Volleyball • Cycling • Fencing • Soccer • Gymnastics • Judo • Golf • Basketball
• Sailing • Tennis • Weightlifting • Equestrian • Field Hockey • Medals
• Juan Martin Del Potro • Simone Biles
![Page 37: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/37.jpg)
CONFIDENCE SCORE
Source: http://lvelho.impa.br/dl_rio2016/metodologia.html
A subset of images with confidence score over 83% for the gymnastics category
Training list
![Page 38: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/38.jpg)
AUTOMATIC SLIDESHOW GENERATION
• App Photos in iOS 10 • feature Moments
Source: http://lvelho.impa.br/dl_rio2016/metodologia.html
![Page 39: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/39.jpg)
VIDEO SPHERE
Source: http://lvelho.impa.br/dl_rio2016/videos.php
![Page 40: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/40.jpg)
PRODUCTS
website www.visgraf.impa.br/dl_rio2016
digital publishing
folder
![Page 41: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/41.jpg)
INDISCIPLINAS
Presentation of video projections at Casa Franca-Brasil
poster
Source: http://lvelho.impa.br/dl_rio2016/indisciplinas.html Source: http://lvelho.impa.br/dl_rio2016/evento/apresentacao.mp4
video
![Page 42: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/42.jpg)
SUMMER PROGRAM AT IMPA
![Page 43: Computer Graphics Seminar - IMPA · painel de tweets galeria de imagens anÁlise de sentimento TOUR DA TOCHA OLHARES CONTROVERSOS MODALIDADES ESPORTIVAS RELAÇÕES PAÍS-ESPORTE MONITOR](https://reader033.vdocuments.net/reader033/viewer/2022052921/5c05067209d3f20e3a8cfa6c/html5/thumbnails/43.jpg)
... CAMPUS PARTYCPBR10 Sao Paulo february, 4 11:45 - 12:45 Palco Criatividade
Source: http://campuse.ro/events/campus-party-brasil-2017/talk/observatoro2016-um-olhar-sobre-as-olimpiadas/