Top Banner
Úvod do počítačovej grafiky ako marketingového nástroja pre managerov Andrej FERKO Comenius University Bratislava 25. septembra 2017, FMFI UK
73

Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Mar 27, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Úvod do počítačovej grafiky ako marketingového nástroja pre managerov

Andrej FERKO

Comenius University Bratislava

25. septembra 2017, FMFI UK

Page 2: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Motivating Timeline

• Frederick W Taylor (1856–1915), leading proponent of scientific management...

• analyze and synthesize workflows...

• to improve economic efficiency, especially labor productivity (money machine metaphor)

• Henry L Gantt (1861 –1919) ... Gantt chart

• Učiace sa Slovensko 2017

• Fialová krava

• Modrý oceán... ESET, Sygic, FB

Page 3: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Font Design in 9th Century

GLAGOLICA FONT DESIGN –

the oldest Slavonic alphabet was created by St. Cyrilius/Constantinus before 863. He is thus the first known font designer in world history. Hlaholica celebrates its 1154th anniversary in 2017. Unfortunately, we do not know neither the exact date nor the hour of the release. Latin script is an older sister, parented by Greek & Etruscan ones.

Page 4: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Principles of geometric analysis and synthesis of a mathematic model

• princíp kontinuity (nepreryvnost: koherencia)

• princíp zhody (sootvetstvije)

• princíp kompatibility (sovmestimost)

• Baganyan, GA. 1985. Mašinnaja grafika v upravľenii. Jerevan: Ajastan.

Page 5: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Communication Interfaces

• Author - Application Programmer - GS Author - User

• What is interesting for users?

APP GS WS

Eg. OpenGL Workstation

WWW

Page 6: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Ambiguity Interesting Unlimited

• Communication

• Arthur KOESTLER, 1964

AP GS WS

A

S

H

AH!

AHA!

HAHA!

Page 7: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Does this exist ?

• ?

Page 8: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

KUBOID by P. Eliáš

• !

Page 9: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

KUBOID by P. Eliáš

• http://www.dunako.com/pavol/cuboid/

Page 10: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

On Model of a Human Being

• Each living animal or human:

• Aggression, anger, very fast!

• Escape, fear, very fast!

• Food, hunger, slower

• Sex, sex, the slowest one...

• … and a Great Parliament of Emotions

• Konrad LORENZ, Das sogenannte Böse. 1963.

Page 11: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Emotional Ambiguity

• … and a Great Parliament of Emotions

• Konrad LORENZ, Das sogenannte Böse. 1963.

Ambiguous

Page 12: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

On Model of a Human Being

• Each human being includes 3 personalities:

• Child, visual, emotional, creative … Visual

• Adult, symbolic, rational … Symbolic

• Parent, auditory, moral … Audio

• and something “crowded” (mass hysteria)

• D. GOLEMAN, Emotional Intelligence. 1998.

Page 13: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Towards the Troublems...

Page 14: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Model of Joke (2 meanings)

• A catastrophe theory model of joke, J. A. Paulos

Page 15: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The
Page 16: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Categories of Ambiguous Web

Graphics• Categories of ambiguous messages created and

communicated by web graphics:

• static (stills) and dynamic (animations, interactive 3D worlds)

One view

2+ views

N views (using

mirrors)

Page 17: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Even the Interactive Ambiguities

• VRML worlds by M. Grabner, TU Graz 2002

Page 18: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Agenda

• 1. On Model of a Human Being

• 2. Rennaissance Analogy

• 3. Towards the Troublems of Humor

Theory

• 4. Conclusions

AH!

Page 19: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Earth in the Night

http://antwrp.gsfc.nasa.gov/apod/ap001127.html

AHA!

Page 20: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Parallel Use of Space in Graz...

• Real world photo by A. F., Graz 2001

HAHA!

Page 21: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

On Model of a Human Being

• Controlled Error: Model, Algorithm… Solution

• Computer Graphics >> Visualization

e -> 0 >> e -> infinity

AP GS WS

Page 22: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Etruscan Liver, Cholera in London

The idea of representing data visually has been around for much longer than computer based

visualisation. The linking of the spread of cholera to water supply provides an early example of the use of

visualisation in problem analysis. During the 1853-54 cholera outbreak in London, Dr. John Snow

identified a large grouping in the Soho area. He went on to plot the homes of the 500 victims who died in

the first 10 days of September 1854 on a map of the area. This simple representation of the data he had

collected showed that the grouping of cholera sufferers in the area was centred round a particular water

pump. Investigation of this water pump established that it had been contaminated by a leaking cesspool.

• Sheep Liver & Names of Gods•http://www.ou.edu/class/ahi4163/files/bronz12.html

Page 23: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Opel OMEGA

Page 24: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Bratislava

• .

Page 25: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Chatam Sófer M. by J. Krizik

• WCH?

Page 26: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Virtual Heart of Central Europe, Culture

2000

• Awarded by EuroPrix Quality Seal

www.VHCE.info• 330 kEUR, 150 kEUR from EC, ready to submit – Pirelli Award

• follow-up 2005-2006 (SK, SI, PL, CZ), submitted, 256 kEUR

Page 27: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Navigation&Cooperation in VEs:

Virtual Bratislava (2002-2004)

http://www.sccg.sk/~projects/

• 900 000 SKK, 506 000 SKK from Slovak government, APVT agency

• Follow-up 2005++

• Key researchers M. Zimanyi, S. Stanek & P. Kubini

Page 28: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Metaphor

• Confrontation of Meanings

• Pritaca, comparison...

• For example, desktop metaphor, GUI

• ...Sweeping, D&C, Simulated Annealing...

• Recall Koestler & bisociation

Page 29: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

March of the Napoleon Army

1D

Page 30: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Volume .. Surfacesampled data

geometric

model

discrete voxel

space

continuous

geometric space

image

surface renderingvolume rendering

voxelization

isosurfacing

3D reconstruction image synthesis

3D

Page 31: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

MatLab: www.femlab.com

moreD

Page 32: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Viz-Course Contents • 1. Introduction, motivation

reference model, scenarios, graphics and visualization difference

• 2. Data data types, coordinate representations, data connectivity

• 3. Mathematical models and languages

• 4. Representation scalar, vector, tensor, multivariate, using color, glyphs

• 5. Visualization software

• 6. Information Visualization graph drawing, algorithm animation, …

• 7. Recent Directions data sonification, visualizing relativity, NPR in scientific visualization...

Page 33: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Visualization of Data

• 1D, 2D, 3D: Rendering

• 4D: Animation (Juran.)

• nD - in general: Open Problem• Glyphs, faces by statistician Herman Chernoff• http://people.cs.uchicago.edu/~wiseman/chernoff/

• other metaphors: terrain, garden, IFS...

Page 34: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Glyphs

• UNICODE glyphs: A, @, 7,

a, b, g, d, S, q, w… ?, *, §, …

symbolic information

• Visualization glyphs

Page 35: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Visualization Glyphs

Page 36: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Chernoff Faces

• 20D • http://www.epcc.ed.ac.uk/epcc-tec/documents/SciVis-course/SciVis.book_47.html

Page 37: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Facial Representation of nD Data?

• 362D

• Susan Brennan, 1985 and http://www.sccg.sk/~ferko/VISFORUMABSTRACT.pdf

Page 38: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Reagan

• .

Page 39: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Parallel Coordinates• INSELBERG, A. DIMSDALE, B. 1990. "Parallel

Coordinates: A Tool for Visualizing Multi-

Dimensional Geometry," Proc. of the First IEEE

Conference on Visualization. 361 (1990). • http://www.caip.rutgers.edu/~peskin/epriRpt/ParallelCoords.html

Page 40: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Volumendarstellung (19), Dr. Bartz

Voxelintensitäten

Gradient2. Ableitung Kurtosis

Skew

Page 41: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

http://www.uni-paderborn.de/fachbereich/AG/agdomik/visualisierung/vis-report/tutorial/chapter1/tsld011.htm

Page 42: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

http://www.uni-paderborn.de/fachbereich/AG/agdomik/visualisierung/vis-report/tutorial/chapter1/tsld011.htm

• Used even in movies: CSIs, Assa, Hackers 2, Amelie de Montmartre…

Page 43: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

http://www.uni-paderborn.de/fachbereich/AG/agdomik/visualisierung/vis-report/tutorial/chapter1/tsld011.htm

Page 44: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

http://www.uni-paderborn.de/fachbereich/AG/agdomik/visualisierung/vis-report/tutorial/chapter1/tsld011.htm

Page 45: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Visualization Magic…

• Magic Mirror by Jerome Grosjean et al.

• Magic Tunnel by Bernhard Reitinger et al.

Page 46: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Chernoff Faces

• 20D • http://www.epcc.ed.ac.uk/epcc-tec/documents/SciVis-course/SciVis.book_47.html

Page 47: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

NPR Visualization

• http://mrl.nyu.edu/projects/image-analogies/artistic.html (SIGGRAPH 2001)

Page 48: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The
Page 49: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

• Final Fantasy

Page 50: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

IMAGINATION/VR

Page 51: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Xmas Tree in Heaven• Christmas Tree Awarded Case Study, TU Vienna

Page 52: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Xmas Tree in Heaven

Page 53: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

http://graphics.ethz.ch/~bielser/artist

Page 54: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Compare Reality - Synthesis

Page 55: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Photography ~ computer

graphics• Controlled Error: Model, Algorithm… Solution

• ISO: Computer graphics: methods & techniques for

construction, manipulation, storage and displaying

pictures using computer.

Page 56: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

CG Functional Unit• known model

• wireframe or surface representation: geometric tranformations, visibility calculations, interpolations and raster manipulations

• photorealistic quality: the lighting and rendering equations solved to simulate the illumination, shading, shadows, natural and synthetic textures and colors

• viewing: parallel or perspective projections) create the image space

• animation: kinematic & dynamic data compute/capture, hierarchy of motions, interpolations in the scene and in the resulting sequence of frames (fps)

Page 57: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Photography ~ computer

graphics• ISO: Computer graphics: methods &

techniques for construction, manipulation,

storage and displaying pictures using computer.

• [Dobkin97]: Computer graphics is a

radiometrically weighted counterpart of

computational geometry

• 8D (x, y, z, t) (r, g, b, transparency)

• Schnellkurs

Page 58: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Serious Unambiguous Messages

• White box… Black Box: known to unknown

• Problem, model, algorithm, software, results…

• Knowledge++ (electric circuits… CFD… Big Bang/humor theory)

• Labyrinth and Mouse (standard brainstorming creatology)

Page 59: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

On Model of a Human Being

• Problem – Application Program - Solution

AP GS WS

GUI HVS

Page 60: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

On Model of a Human Being

• Application Programmer - GS Author - User

• Triple Schizophrenia in

• Computer Graphics Reference Model (ISO)

AP GS WS

Page 61: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Science

• Discovery

Page 62: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Design

• Invention

Page 63: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

SIGGRAPH Slide Show

Page 64: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Page 65: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Page 66: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Page 67: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Page 68: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Page 69: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Conclusions... partial

• Humor is undefined at all

• We have just the general theory from Bakhtin

and a formal model... and a lot of practical joy

• How to encode ambiguities - our proposed

solution based on the bisociation idea by A.

Koestler

• Significant part of web communication

• Bakhtinian understanding: laughter culture

Page 70: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Conclusions... partial

• AH, AHA, HAHA

• Laughter culture in the sense of Bakhtin lives in cyberspace and we shall overcome with folklore in the neverending fight with nonhumanity and stupidity

• Visualization metaphors

• Computer graphics reference model

Page 71: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

On Model of a Human Being

• Controlled Error: Model, Algorithm… Solution

• Computer Graphics >> Visualization

e -> 0 >> e -> infinity

AP GS WS

Page 72: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Conclusions...

• Your web page, www.sccg.sk/~ferko

• pg.netgraphics.sk, cvicenia ~ hands-on

• www.sccg.sk/~pg1

• Computer graphics reference model

• Visual information processing

motivation and methodology

• Thank You for Your attention

Page 73: Úvod do počítačovej grafiky · Etruscan Liver, Cholera in London The idea of representing data visually has been around for much longer than computer based visualisation. The

Úvod do počítačovej grafiky ako marketingového nástroja pre managerov

Andrej FERKO

Comenius University Bratislava

25. septembra 2017, FMFI UK