Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje...

63
copyright © 2005 | update software AG | 10.10.2017 PROGRAMJA INTERAKTiVNIH MEDIJEV PROGRAMJA INTERAKTIVNIH MEDIJEV Helena Gabrijelčič Tomc Katedra za informacijsko in grafično tehnologijo Univerza v Ljubljani, NTF, OTGO

Transcript of Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje...

Page 1: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

copyright © 2005 | update software AG | 10.10.2017

PROGRAMJA INTERAKTiVNIH MEDIJEV

PROGRAMJA INTERAKTIVNIH

MEDIJEV

Helena Gabrijelčič Tomc

Katedra za informacijsko in grafično tehnologijo

Univerza v Ljubljani, NTF, OTGO

Page 2: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Kontakt

izr. prof. dr. Helena Gabrijelčič Tomc,

Katedra za informacijsko in grafično tehnologijo

e-mail: [email protected]

govorilne ure: torek 12-13h

tel.: 01 2003291

splet: http://www.ntf.uni-lj.si/igt/employee/helena-gabrijelcic/

2

Page 3: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

O meni…

3

Osnove 3D modeliranja (2. in 3. letnik GIK, GMT)

Rok Kompare (Produktni model)

Page 4: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

O meni…

4

Napredna 3D računalniška grafika in vizualizacije (1. in 2. letnik MGIK)

Tadej Abram (Heart Attack)

Page 5: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

5

Grafična priprava 2 (2. in 3. letnik GIK, GMT)

O meni…

Nika Pipan, Maja Plaskan, Anja, Rogan (Something under her skin)

Nika Uhan (Save the trees)

Page 6: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

6

Programja interaktivnih medijev (2. letnik GIK, GMT)

Lucija Filipič, Neža Jereb, Kojterer Saša, Maša Florjanič (načrtovanje in razvoj spletnega mesta Prem)

O meni…

Page 7: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

PIM, Cilji predavanj in seminarjev

Poznavanje in razumevanje interaktivnosti in interaktivne komunikacije skozi

prostor in čas.

Obvladovanje načrtovanja interaktivnega medija: vsebina, pomen,

pripovedovanje zgodb, arhitektura, uporabnik.

Kritična presoja izbora in oblikovanja ključnih elementov interaktivnega medija.

Spoznavanje osnov programiranja v interaktivnih medijih.

Razumevanje pomena uporabniške izkušnje v interaktivnih medijih in analiza

slednje.

7

Page 8: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Predavanja in seminarji

Predavanja

• GIK: sreda 13.30 – 15.30, P-206 (VP)

• teoretične in praktične osnove interaktivnosti in programij interaktivnih

medijev

• načrtovanje, strategije, oblikovanje in izdelava interaktivnih medijev

8

Seminarji

• GIK: ponedeljek 13.00 – 14.30, P-206 (VP)

• projektna naloga načrtovanja in izdelave spletnega mesta, izdelava

animacije z določeno vsebino terminov spletnih vsebin

• predstavitev projektnega dela in vmesnih faz

• obvezna prisotnost

Dodatno delo

• samostojno in skupinsko delo

• konzultacije (osebno, e-mail)

Page 9: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Vaje in gradivo

Gradivo

• spletna stran Katedre za informacijsko in grafično tehnologijo

• http://www.ntf.uni-lj.si/igt/employee/helena-gabrijelcic/

• Dropbox (mape za posamezne skupine PIM_GIK_1718)

9

Vaje

• R-526, mag. Andrej Iskra

• https://www.ntf.uni-lj.si/igt/employee/andrej-iskra/

• samostojno na računalnikih

• spoznavanje programij za izdelavo interaktivnih vsebin

• izdelava interaktivnih vsebin in elementov

• vaje pričnejo po urniku v tednu od 9. do 13. oktobra 2017

Page 10: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Študijske obveznosti in ocenjevanje

10

Predavanja

• teoretično-praktične osnove načrtovanja in izgradnje interaktivnih medijev

• teoretično in praktično znanje

Seminar

• se prične v ponedeljek 9.10. (GIK)

• glej terminski plan

• obvezna prisotnost

• oblika oddajanja nalog: ena datoteka, ppt format (ne doc, avi, pdf ipd.)

• redno delo in komunikacija

Končni pisni izpit v razpisanih rokih (VIS)

• individualna in skupinska predstavitev projektnih nalog

Vaje

• navodila dobite na vajah, pogoj za izpit

60% (40% projekt SM + 20%

teoretični izpit)

40%

Page 11: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Študijske obveznosti in ocenjevanje

11

Spremljanje prisotnosti (predavanja, seminarji)

• opravljene vaje za polaganje izpita

• seminarji so obvezni

• seminarji sledijo predavanjem

• upoštevanje pri končnem izpitu

• diplomanti

načrtovanje, oblikovanje in

izdelava spletnega mesta

izdelava animacije z

vsebinami spletnih terminov

(delo pri vajah)

Projektno delo

Page 12: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

DATUM PREDAVANJA IN SEMINARJI

sreda 4.10. Uvod, interaktivnost

ponedeljek 9.10. Seminar: pregled projektov, navodila za delo

sreda 11.10. Kognicija

ponedeljek 16.10. UX, UCD

sreda 18.10. Načrtovanje int. medijev, idejna zasnova

ponedeljek 23.10. Principi oblikovanja, spletni trendi

sreda 25.10. Informacijska arhitektura, žični modeli

ponedeljek 30.10. Družbena omrežja in spletna komunikacija

sreda 1.11. odpade praznik

ponedeljek 6.11. CMS, spletno gostovanje, strežniki

sreda 8.11. Vabljeno predavanje: Content marketing

ponedeljek 13.11. Seminar: 1. skupina - načrtovanje, scenosled animacije

sreda 15.11. odpade Dnevi grafike

ponedeljek 20.11. Seminar: 2. skupina - načrtovanje, scenosled animacije

sreda 22.11. Seminar: 3. skupina - načrtovanje, scenosled animacije

pon. in sre. 27. in 29.11. odpade odsotnost predavateljice

ponedeljek 4.12. Pripovedovanje zgodbe in priprava vsebin

sreda 6.12. Programiranje

ponedeljek 11.12. Optimizacija, SEO

sreda 13.12. Merjenje uporabniške izkušnje

pon. in sre. 18. in 20. 12. Konzultacije

pon. in sre. 25., 27.12 in 1.1. odpade prazniki

pon. in sre. 3., 8. in 10.1. Konzultacije

ponedeljek 15.1. Seminar: predstavitev končnih rezultatov projektov, 1. del

sreda 17.1. Seminar: predstavitev končnih rezultatov projektov, 2. del

12

Page 13: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Interaktivnost

Page 14: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Interaktivnost

14

Page 15: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Interaktivni mediji - interdisciplinarnost

15

Page 16: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Razvoj interaktivnosti |

16

Ivan Sutherland (1963): Sketchpad

A man – machine Graphical

Communications System

http://www.youtube.com/watch?v=BKM3CmRqK2o

Page 17: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Razvoj interaktivnosti

17

UI

• intuitivna povezava uporabnik – stroj

• intuitivno iskanje podatkov

Alan Kay, Xerox PARC:

• uporaba oken (1969)

• Dynabook (WYSIWYG,1977)

• miška 1970)

• direktna manipulacija GUI

• interaktivnost kot orodje (1987)

http://www.youtube.com/watch?v=r36NNGzNvjo

Page 18: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Interaktivnost. Definicija skozi čas.....

• Blattberg, Deihgton (1991): direktno komuniciranje oseb (organizacij) med seboj

ne glede na čas in razdaljo

• Steuer (1992): razširitev (sistema, okolja), v katerem uporabniki sodelujejo in

modificirajo format in vsebino, ki sta posredovana oz. predstavljena v realnem

času.

• Deighton (1996 ): naslavljanje na določeno osebo in izzvanje ter spreminjanje

odziva te osebe

18

• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več

komunikacijskih enot pri prenosu določenega sporočila v okviru enega

komunikacijskega medija

Page 19: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

19

• potencial akcije-reakcije, rezultirajoč v dinamični izmenjavi strukture

tehnoloških sistemov ter v uporabnikovi kogniciji

• vključena sta: 1. mentalni nivo med uprabnikom (udeleženim) in

računalnikom (tudi umetniškim delom); 2. nivo strukturalnih transformacij v

sistemu

(Brigita Zics: The history of interaction, http://www.slideshare.net/DMLab/the-history-of-interaction-1)

Interaktivnost. Danes....

Page 20: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Interaktivnost. Danes....

20

• Interaktivnost označuje uporabnikov

odnos z večpredstavnostnimi

aplikacijami in programi ter kontrolo

nad njihovimi vsebinami.

Vsebina večpredstavnostne aplikacije določa

vrsto interaktivnosti z uporabnikom (IM1, A.

Hladnik).

http://twentytwentytwenty.blogspot.com/

• Vsebina večpredstavnostne

aplikacije določa vrsto

interaktivnosti z uporabnikom.

Page 21: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

21

Interaktivnost. Danes....

https://www.youtube.com/watch?v=Ww7bpC1YP2Q

Page 22: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Interakcija.

22

http://www.science.mcmaster.ca/pnb/research/cognition-

perception.htmlhttp://www.ctg.albany.edu/publications/issuebriefs/collabora

tion

strukturni aspekt

nivo strukturalnih transformacij

v sistemu

potencial akcije-reakcije

izkustveni aspekt

mentalni nivo uporabnik računalnik

(udeleženec umetniško delo)

Page 23: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Interaktivni sistem.

http://cordis.europa.eu/infowin/acts/rus/projects/ac313.htm

• kompleksna mrežna povezava različnih interaktivnih naprav in vsebin, ki omogoča

določeno shemo izkušenj.

http://www.well-tech.it/WThotel/material_INTERACTIVE.html

Page 24: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

http://www.engadget.com/2008/10/23/interactive-mirror-dazzles-onlookers-

never-lies/

http://creatingwithwisdom.blogspot.com/2011/08/geography-

board-games-and-interactive.html

izkustveni aspekt strukturni aspekt

Uporabnik, udeleženec (David Rokeby, 1995).

uprabnik (user)

udeleženi subjekt (participant subject)

udeleženec (participant)

aktivni gledalec (active spetator)

Page 25: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Kvaliteta interakcije

• vključenost, prevzetost

fizična in mentalna prevzetost,vključenost

v izkušnjo virtualnega prostora

http://www.slideshare.net/DMLab/the-history-of-interaction-1http://www.slideshare.net/DMLab/the-history-of-interaction-1

• odzivnost

tehnološki aspekt interaktivnega sistema

Page 26: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Smer interakcije

Linearna interaktivnost

• interakcija z večpredstavnostmini vsebinami brez kontrole vsebine

• uporabnik je pasiven

• vsebina je organizirana v sekvencah

• glasba, knjiga, film, video

Nelinearna interaktivnost

• kontrola večpredstavnostnih vsebin glede na uporabnikove želje

• dvosmerna komunikacija

• uporabnik kontrolira večpredstavnostno vsebino in sekvence s pomočjo

povezav, gumbov, ipd.

• metapodatki, skripte, hypermedia, hypertext

Pogojno linearna

• TV, CD, DVD

Page 27: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Vrste in lastnosti interakcij.

Vrste interakcij

• uporabnik uporabnik (user user interaction)

• uporabnik stroj (user machine interaction)

• uporabnik sporočilo (user message interaction)

• Sporočilo sporočilo (message message interaction)

Lastnosti interaktivnosti interaktivnosti

eraktivnosti

• aktivna kontrola

• dvosmerna komunikacija

• sinhroniziranost

Page 28: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

28

Kognicija

Page 29: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Kognicija

29

http://harreypotter.wordpress.com/2013/01/20/analysis-of-behavior-cognition-abc-model-haiku/

Page 30: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Kognicija

30

https://www.youtube.com/watch?v=ywxZVMrqz0g

Page 31: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Kognicija

31

percepcija

mišljenje

spomin

učenje

razumevanje drugih

razmišljanje o drugih

manipulacija z drugimi

načrtovanje

pričakovanje

slikanje

pisanje

sestavljanje

sklepanje odločitev

reševanje problemov

sanjanje

http://harreypotter.wordpress.com/2013/01/20/analysis-of-behavior-cognition-abc-model-haiku/

Page 32: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

32

Kognicija in splet

pozornost

percepcija in prepoznavanje

spomin

učenje

branje, govorjenje, poslušanje

reševanje problemov, načrtovanje,

razmišljanje sprejemanje odločitev

http://harreypotter.wordpress.com/2013/01/20/analysis-of-behavior-cognition-abc-model-haiku/

Page 33: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Kognicija in splet

33

• kognitivni procesi so soodvisni

http://www.apa.org/science/about/psa/2008/05/prat.aspx

spomin

• najpomembnejši pri načrtovanju interaktivnih medijev je spomin (memory)

Page 34: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

34

Kognicija in splet

pozornost

percepcija in prepoznavanje

spomin

učenje

branje, govorjenje, poslušanje

reševanje problemov, načrtovanje,

razmišljanje sprejemanje odločitev

http://harreypotter.wordpress.com/2013/01/20/analysis-of-behavior-cognition-abc-model-haiku/

Page 35: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Pozornost

35

pozornost

ciljev uporabnika načina predstavitve informacije

DELJENA POZORNOST

med različnimi mediji

njen potek je odvisen od

Page 36: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Strukturiranost informacij

36

Techniques such as data mining, Natural Language

Processing(NLP), text analytics, and noisy-text

analytics provide different methods to find patterns in, or

otherwise interpret, this information. Common techniques for

structuring text usually involve manual tagging with

metadata or part-of-speech tagging for further text mining-

based structuring. Unstructure Information Management

Architecture (UIMA) provides a common framework for

processing this information to extract meaning and create

structured data about the information [5].

Software that creates machine-processable structure

exploits the linguistic, auditory, and visual structure inherent

in all forms of human communication.[6] Algorithms can infer

this inherent structure from text, for instance, by examining

word morphology, sentence syntax, and other small- and

large-scale patterns. Unstructured information can then be

enriched and tagged to address ambiguities and relevancy-

based techniques then used to facilitate search and

discovery. Examples of "unstructured data" may include

books, journals, documents, metadata, health

records, audio, video, analog data, images, files, and

unstructured text such as the body of an e-

mail message, Web page, or word-processor document.

Techniques such as data mining, Natural Language

Processing(NLP), text analytics, and noisy-text

analytics provide different methods to find patterns in, or

otherwise interpret, this information. Common techniques for

structuring text usually involve manual tagging with

metadata or part-of-speech tagging for further text mining-

based structuring. Unstructured Information Management

Architecture (UIMA) provides a common framework for

processing this information to extract meaning and create

structured data about the information [5].

Software that creates machine-processable structure exploits

the linguistic, auditory, and visual structure inherent in all

forms of human communication.[6] Algorithms can infer this

inherent structure from text, for instance, by examining

word morphology, sentence syntax, and other small- and

large-scale patterns. Unstructured information can then be

enriched and tagged to address ambiguities and relevancy-

based techniques then used to facilitate search and

discovery. Examples of "unstructured data" may include

books, journals, documents, metadata, health

records, audio, video, analog data, images, files, and

unstructured text such as the body of an e-

mail message, Web page, or word-processor document.

Page 37: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

37

Techniques such as

• data mining,

• Natural Language Processing (NLP),

• text analytics and

• noisy-text analytics

provide different methods to find patterns in, or otherwise interpret,

this information.

Common techniques for structuring text usually involve

manual tagging with metadata or part-of-speech tagging for

further text mining-based structuring.

Unstructured information can then be enriched and tagged to

address ambiguities and relevancy-based techniques then used to

facilitate search and discovery. Examples of "unstructured data"

may include books,

• journals,

• documents, metadata,

• health records,

• audio,

• video,

• analog data,

• images,

files, and unstructured text such as the body of an e-

mail message, Web page, or word-processor document.

Strukturiranost informacijTechniques such as data mining, Natural Language

Processing(NLP), text analytics, and noisy-text

analytics provide different methods to find patterns in, or

otherwise interpret, this information. Common techniques for

structuring text usually involve manual tagging with

metadata or part-of-speech tagging for further text mining-

based structuring. Unstructure Information Management

Architecture (UIMA) provides a common framework for

processing this information to extract meaning and create

structured data about the information [5].

Software that creates machine-processable structure

exploits the linguistic, auditory, and visual structure inherent

in all forms of human communication.[6] Algorithms can infer

this inherent structure from text, for instance, by examining

word morphology, sentence syntax, and other small- and

large-scale patterns. Unstructured information can then be

enriched and tagged to address ambiguities and relevancy-

based techniques then used to facilitate search and

discovery. Examples of "unstructured data" may include

books, journals, documents, metadata, health

records, audio, video, analog data, images, files, and

unstructured text such as the body of an e-

mail message, Web page, or word-processor document.

Page 38: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

38

• opaznost informacije

• izogibanje dodajanju nepotrebne vsebine

• primer

Pozornost

Page 39: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

39

Strukturiranost informacij

Page 40: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Percepcija in prepoznavanje

40

opisuje kako je informacija zajeta iz določene okolice (oči, ušesa itd…)

ter spremenjena v izkušnjo objektov, zvoka, okusa, dogodka itd…..

videti

slišati

dotakniti se

predstaviti informacijo na način, ki

olajša percepcijo in prepoznavanje

pomenov informacije na več nivojih http://misstomaamblog.blogspot.com/2009/11/sensory-underload.html

Page 41: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Primer percepcije in prepoznavanja

41

http://purplefairymoon.wordpress.com/2011/03/13/iconography-set/

grafika, ikone robovi in prazni prostorihttp://vectorboom.com/load/tutorials/web_design/how_to_use_rasterino_and_illustrator_in_

web_design/7-1-0-429

Page 42: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Spomin

• priklicati različne vrste znanja, ki nam omogočajo ustrezno akcijo v dani

situaciji

42

http://usablealgebra.landmark.edu/instructor-training/working-memory-attention-executive-function/

Page 43: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

• filtriranje informacij na podlagi enkodiranja - selekcije informacije, ki je v

določenem okolju pomembna

• pomemben kontekst informacije (ki uporabniku pomaga najti info)

43

umestitev info v določen kontekst

uporabnik je boljši v prepoznavanju

(recognize) kot v spominjanju (recall) stvari

uporaba vizualnih ključev, barv,

postavitve objekta za lažje

prepoznavanje

pomembno pri

oblikovanju GUI

Spomin

Page 44: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Primer Mac-ovih vmesnikov

44

https://www.phonearena.com/reviews/Apple-iPhone-7-Review_id4257/page/2

Page 45: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Personal information management

45

http://abloggr.com/spotlight-search-smart-folder-for-mac/

prepoznavanje ima

prioriteto pred

spominjanjem!

• na primeru Spotlight search tool-a

Page 46: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Magična številka 7±2 (George Miller)

46

http://www.feedbooks.com/userbook/23831/magical-number-seven

Page 47: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Učenje

• 1. kako uporabljati računalniško podprto aplikacijo

• 2. uporaba računalniško podprte aplikacije za razumevanje določene teme

47

http://morethaneoi.blogspot.com/2012/10/learning-languages-by-using-them.html

pomen pri načrtovanju

IM za otroke

večna dilema: problem

nadgradnje aplikacij

(spletnih mest), novo

funkcija, funkcionalnost

upoštevanje uporabnika

pri učenju novih

konceptualnih modelov

(nadgradnja)

Page 48: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

48

http://www.zaznajspoznaj.si/

Primer Projekt Zaznaj-Spoznaj (FRI+OTGO+ZSSM)

Page 49: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Branje, govorjenje, poslušanje

• oblike jezikovnih procesov (podobnosti in drugačnosti procesiranja)

49

http://oneluckysoul.blogspot.com/2014/09/reading-listening-speaking-and-writing.html

Page 50: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Reševanje problemov, načrtovanje, sklepanje, odločanje

• vključujejo reflektivno kognicijo (zahteva časovno odvisen napor)

• zavestni procesi, ki vključujejo veliko artefaktov (mape, knjige, pisala)

50

uporaba dodatnih skritih

informacij

uporaba enostavnih lahko

zapomnljivih funkcij

• nivo angažiranosti uporabnika (odvisen od uporabnikovega stopnje

izkušenj, obvladovanja, določenih veščin, aplikacije itd…..)

Page 51: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

51

Kognitivna vpletenost uporabnika in kognitivni napor

kontrola

dvosmerna

komunikacija

sinhroniziranost

kognitivna

vpletenost

učenje

samoučinkovitost

zadovoljstvo

želja po kontrolirazumevanje računalniško

orientirane komunikacijenamen brskanja

lastnosti

interakcije

proces

interakcije

rezultat

interaktivnosti

osebni in

situacijski

faktorji

• primer iz prakse oglaševanja

Page 52: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Kognitivni modeli (Cognitive frameworks)

• modeli, ki slonijo na kognitivni teoriji in poskušajo razložiti uporabnikove

kognitivne procese

52

Mentalni modeli (Mental models)

Teorija akcije (Theory of action)

Procesiranje informacij (Information processing)

Eksterna kognicija (External cognition)

Distribuirana kognicija (Distrubuited congition)

Page 53: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Mentalni model

• poslužujejo se ga uporabniki za razumevanje sistema in izvrševanje akcije, v

primeru nepričakovanih dogodkov (na primer nov ali posodobljen IS)

53

Pomen transparentnosti interaktivnih tehnologij:

• uporabna povratna informacija

• enostavno za razumevanje

• enostavno sledenje napotkov za uporabo

• kontekstualno senzitivno vodenje uporabnika skozi

tehnologijo (sistem) glede na uporabnikove

izkušnje

Page 54: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Koliko transparentnosti vključiti?

54

• Odvisno od uporabnika lahko imamo eno od spodnjih možnosti

"Plug and play"

• sistem je načrtovan tako, da je

popolnoma jasno kako deluje in

kako se ga uporablja

Potreba po dodatnih informacijah

• sistem podaja in potrebuje

dodatne informacije, o tem

kako deluje, kako se izboljša

uporabo

Page 55: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Google help centre

55

• sistem s potrebo po dodatnih informacijah

Page 56: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

56

Toerija akcije (Theory of action)

http://www.museumsandtheweb.com/mw2009/papers/milekic/milekic.html

• Normanov krožni model odločanja (Norman's "decision cycle model„)

http://cmapspublic.ihmc.us/servlet/SBReadResourceServlet?rid=1165167923187_663887047_11513&partName=htmltext

Page 57: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Toerija akcije (Theory of action)

57

http://www.sv.vt.edu/classes/ESM4714/Student_Proj/class00/gabbard/method.html

• naloga oblikovalca: postaviti most med uporabnikovimi cilji in interaktivnim

sistemom z namenom zmanjševanja kognitivnega napora uporabnikov pri

opravljanju določenih nalog

Page 58: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Toerija akcije (Theory of action)

58

http://www.sv.vt.edu/classes/ESM4714/Student_Proj/class00/gabbard/method.html

Sedem stopenj akcije (Donald Norman)

1. vzpostaviti cilj

2. določanje namena

3. definiranje sekvence akcije

4. izvajanje akcije

5. percepcija stanja sistema

6. interpretacija sistema

7. ocena in evalvacija stanja sistema glede na zastavljene

cilje in namene

Page 59: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Procesiranje informacij (Information processing)

• gre za uporabo metafor in analogij, ki konceptualizirajo, kako deluje um

• modelu očitajo preveliko izolacijo uporabnika od okolja in mnogih vplivov v

okolju (premalo upoštevanega kontekst)

59

http://www.skybrary.aero/index.php/Information_Processing

Page 60: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

60

Procesiranje informacij

https://www.youtube.com/watch?v=9vDTrr6B02Y

Page 61: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Eksterna kognicija (External cognition)

61

http://julioterrany.blogspot.com/2009/03/id-fmp-external-cognitive-activities.html

uporaba zunanjih reprezentacij

uporaba zunanjih orodij in opreme

modifikacija zunanjih reprezentacij

zunanja manipulacija predmetov

Page 62: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Deljena kognitivnost (Distributed cognition)

62

• študij narave kognitivnih fenomenov med individuumi, internimi in

eksternimi reprezentacijami, artefakti, itd….

• primer: navigacijski sistem v letalih

https://sites.google.com/site/socialapproacheslearning/distributed-cognition---summary

Page 63: Programija Interaktivnih medijev - ntf.uni-lj.si · PDF file• Liu, Shrum (2002 ): opisuje delovanje, sinhroniziranost in sodelovanje več ... processing this information to extract

»

PROGRAMJA INTERAKTIVNIH MEDIJEV

Primer deljene kognicije: obogatena resničnost

63

https://www.youtube.com/watch?v=_Kb2l_TrP-Q