SlideShare uma empresa Scribd logo
1 de 38
Multimedia:
modelleren en programmeren



                 Erik Duval
     Dept. Computerwetenschappen
     http://erikduval.wordpress.com/
doelstellingen

• inzicht in de toepassingsgebieden
• concrete vaardigheden
 • modelleren van een multimedia-toepassing
 • uitwerken van dat model in een praktische
    implementatie-omgeving
• inzicht en ervaring over evalueren
                        2
niet

• video of audio of beeld - formaten
• AV productie
• ...

                     3
inhoud
• storyboard
• model
• 3 of 4 van
 • flash/flex
 • iPhone
 • Android
 • mashup, multi-touch
                   4
5
6
Studio

• vrijdag 10u35-16u00: verplicht!
• extra buiten sessies: 25u
• groepswerk: 3 tot 4?
• twee aspecten
 • programmeren
 • analyse en rapportering
                        8
Evaluatie
• wetenschappelijk paper lezen en bespreken
• 3/4 papers schrijven over 3/4 projecten
 • van formatief naar summatief
   • veel feedback van mij
 • kritische reflectie
 • hoe? waarom? voor/na? lessons learned?
                    9
pten        zij   ik
 20          0     0
 18          2     3
 16         20     7
 14         15    24
 12          1     6
 10          0     1

       10
20


18


16


14


12


10


 8


 6


 4


 2


 0
     11
Vragen...?

    12
Gebruikersinterfaces




            Erik Duval
   Dept. Computerwetenschappen
http://www.cs.kuleuven.ac.be/~erikd/
Bad day…




           http://www.web42.com/badday/
Doelstellingen

• inzicht in factoren die bruikbaarheid beïnvloeden
 • taken en gebruikers
• kunnen evalueren
 • criteria en methodes
• kunnen ontwerpen
 • tansitiediagramma, paper prototype
                          15
Niet


• GUI programmeren


                 16
inhoud
• Introduction to FaceBook, Netlog, Twitter, Delicious,
  blogging, friendfeed, etc.
• General introduction to CHI and its relevance to the
  world of Web2.0
• Criteria and methodologies for evaluating the quality
  of a user interface
• Development and evaluation of paper prototypes
• History and future of human-computer interaction
                           17
18
18
18
18
19
20
20
20
evaluatie
• wetenschappelijk paper als formaat
• focus
 • wat? waarom?
 • hoe aangepast? waarom?
 • effect? hoe weet je dat?
 • wat nog aanpassen?
                     21
20
18
16
13
11
9
7
4
2
0
     22
20
18
16
13
11
9
7
4
2
0
     22
Studio
• 10u35-16u00: verplicht!
 • 10*5.5 = 55u
• extra buiten sessies: 25u
• groepswerk: 3
• iteratief, “echte” gebruikers
• analyse en rapportering
                      23
http://clickoktocancel.wordpress.com/2009/05/27/na-het-vak-gebruikersinterfaces/#more-350


24
Vragen...?

    25
Capita Selecta
Mens Machine Interactie
    & Multimedia


             Erik Duval
    Dept. Computerwetenschappen
 http://www.cs.kuleuven.ac.be/~erikd/
• 4 stp
• This course deals with a variety of advanced and
  current themes in the field of Man-machine
  communication - themes that are often, but not
  necessarily, research-oriented.
• activiteiten
 • Lezen papers
 • presentaties
 • programmeren
 • evalueren
• erg open ended
• sketch based modeling
• multi-touch displays
• tracking software
Vragen...?

    31

Mais conteúdo relacionado

Mais procurados

Elevate Health at the Dutch Education Days
Elevate Health at the Dutch Education DaysElevate Health at the Dutch Education Days
Elevate Health at the Dutch Education DaysRenée Filius
 
Elevate Health - Renée Filius - OWD13
Elevate Health - Renée Filius - OWD13Elevate Health - Renée Filius - OWD13
Elevate Health - Renée Filius - OWD13SURF Events
 
De persoonlijke studieomgeving van de toekomst - Hugo van Krimpen en Falco Pe...
De persoonlijke studieomgeving van de toekomst - Hugo van Krimpen en Falco Pe...De persoonlijke studieomgeving van de toekomst - Hugo van Krimpen en Falco Pe...
De persoonlijke studieomgeving van de toekomst - Hugo van Krimpen en Falco Pe...HOlink
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015Erik Duval
 
Pilot kickoff
Pilot kickoffPilot kickoff
Pilot kickoffConcept24
 
OWD2012 - 4 - 3e Generatie ontwikkel-portfolio: op maat, gebruiksvriendelijk,...
OWD2012 - 4 - 3e Generatie ontwikkel-portfolio: op maat, gebruiksvriendelijk,...OWD2012 - 4 - 3e Generatie ontwikkel-portfolio: op maat, gebruiksvriendelijk,...
OWD2012 - 4 - 3e Generatie ontwikkel-portfolio: op maat, gebruiksvriendelijk,...SURF Events
 
De docent als ontwikkelaar versie live sessie
De docent als ontwikkelaar   versie live sessieDe docent als ontwikkelaar   versie live sessie
De docent als ontwikkelaar versie live sessieEric Kluijfhout
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015Erik Duval
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015Erik Duval
 
Multimedia: inleiding
Multimedia: inleidingMultimedia: inleiding
Multimedia: inleidingErik Duval
 
Presentatie praktische gedeelte workshop Learning on the Go iXperium Dec 11
Presentatie praktische gedeelte workshop Learning on the Go iXperium Dec 11Presentatie praktische gedeelte workshop Learning on the Go iXperium Dec 11
Presentatie praktische gedeelte workshop Learning on the Go iXperium Dec 11Frank Thuss
 
Aftrap professionalisering digitale didactiek den hulster
Aftrap professionalisering digitale didactiek den hulsterAftrap professionalisering digitale didactiek den hulster
Aftrap professionalisering digitale didactiek den hulsterWilfredRubens.com
 
Samen aan 1 touw 2014
Samen aan 1 touw 2014Samen aan 1 touw 2014
Samen aan 1 touw 2014tikhk
 
Eerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst AfstudeerdersEerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst AfstudeerdersHans Kemp
 

Mais procurados (15)

Elevate Health at the Dutch Education Days
Elevate Health at the Dutch Education DaysElevate Health at the Dutch Education Days
Elevate Health at the Dutch Education Days
 
Elevate Health - Renée Filius - OWD13
Elevate Health - Renée Filius - OWD13Elevate Health - Renée Filius - OWD13
Elevate Health - Renée Filius - OWD13
 
De persoonlijke studieomgeving van de toekomst - Hugo van Krimpen en Falco Pe...
De persoonlijke studieomgeving van de toekomst - Hugo van Krimpen en Falco Pe...De persoonlijke studieomgeving van de toekomst - Hugo van Krimpen en Falco Pe...
De persoonlijke studieomgeving van de toekomst - Hugo van Krimpen en Falco Pe...
 
InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015InfoVis1415: slides sessie 6, 23 March 2015
InfoVis1415: slides sessie 6, 23 March 2015
 
Pilot kickoff
Pilot kickoffPilot kickoff
Pilot kickoff
 
OWD2012 - 4 - 3e Generatie ontwikkel-portfolio: op maat, gebruiksvriendelijk,...
OWD2012 - 4 - 3e Generatie ontwikkel-portfolio: op maat, gebruiksvriendelijk,...OWD2012 - 4 - 3e Generatie ontwikkel-portfolio: op maat, gebruiksvriendelijk,...
OWD2012 - 4 - 3e Generatie ontwikkel-portfolio: op maat, gebruiksvriendelijk,...
 
De docent als ontwikkelaar versie live sessie
De docent als ontwikkelaar   versie live sessieDe docent als ontwikkelaar   versie live sessie
De docent als ontwikkelaar versie live sessie
 
InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015InfoVis1415: slides sessie 5, 9 March 2015
InfoVis1415: slides sessie 5, 9 March 2015
 
InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015InfoVis1415: slides sessie 8, 20 april 2015
InfoVis1415: slides sessie 8, 20 april 2015
 
Workshop nioc2018
Workshop nioc2018Workshop nioc2018
Workshop nioc2018
 
Multimedia: inleiding
Multimedia: inleidingMultimedia: inleiding
Multimedia: inleiding
 
Presentatie praktische gedeelte workshop Learning on the Go iXperium Dec 11
Presentatie praktische gedeelte workshop Learning on the Go iXperium Dec 11Presentatie praktische gedeelte workshop Learning on the Go iXperium Dec 11
Presentatie praktische gedeelte workshop Learning on the Go iXperium Dec 11
 
Aftrap professionalisering digitale didactiek den hulster
Aftrap professionalisering digitale didactiek den hulsterAftrap professionalisering digitale didactiek den hulster
Aftrap professionalisering digitale didactiek den hulster
 
Samen aan 1 touw 2014
Samen aan 1 touw 2014Samen aan 1 touw 2014
Samen aan 1 touw 2014
 
Eerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst AfstudeerdersEerste Bijeenkomst Afstudeerders
Eerste Bijeenkomst Afstudeerders
 

Semelhante a Voorstelling gebruikersinterfaces en multimedia

20110928 pen o1_les1
20110928 pen o1_les120110928 pen o1_les1
20110928 pen o1_les1Erik Duval
 
Multimedia: les 1
Multimedia: les 1Multimedia: les 1
Multimedia: les 1Erik Duval
 
Een referentiemodel voor OER - Robert Schuwer, Pierre Gorissen, Bert Frissen ...
Een referentiemodel voor OER - Robert Schuwer, Pierre Gorissen, Bert Frissen ...Een referentiemodel voor OER - Robert Schuwer, Pierre Gorissen, Bert Frissen ...
Een referentiemodel voor OER - Robert Schuwer, Pierre Gorissen, Bert Frissen ...SURF Events
 
Ontwikkelen van e-modules: door de docent of de expert - Anne-Petra Rozendal ...
Ontwikkelen van e-modules: door de docent of de expert - Anne-Petra Rozendal ...Ontwikkelen van e-modules: door de docent of de expert - Anne-Petra Rozendal ...
Ontwikkelen van e-modules: door de docent of de expert - Anne-Petra Rozendal ...SURF Events
 
Technopreneurship in de computerwetenschappen
Technopreneurship in de computerwetenschappenTechnopreneurship in de computerwetenschappen
Technopreneurship in de computerwetenschappenJolien Coenraets
 
Laptops@HigherEducation in ECHO
Laptops@HigherEducation in ECHOLaptops@HigherEducation in ECHO
Laptops@HigherEducation in ECHOLuc Vandeput
 
OWD2012 - A08 - Mediawijsheid als vak - Patrick Koning
OWD2012 - A08 - Mediawijsheid als vak - Patrick KoningOWD2012 - A08 - Mediawijsheid als vak - Patrick Koning
OWD2012 - A08 - Mediawijsheid als vak - Patrick KoningSURF Events
 
OWD 2012 - Mediawijsheid als vak
OWD 2012 - Mediawijsheid als vakOWD 2012 - Mediawijsheid als vak
OWD 2012 - Mediawijsheid als vakPatrick Koning
 
Training blended learning
Training blended learningTraining blended learning
Training blended learningnielsm1978
 
Hoe kom ik in de Office365 cloud?
Hoe kom ik in de Office365 cloud?Hoe kom ik in de Office365 cloud?
Hoe kom ik in de Office365 cloud?Joël Bruijn
 
Studiedagen blended learning publiek
Studiedagen blended learning publiekStudiedagen blended learning publiek
Studiedagen blended learning publiekWilfredRubens.com
 
Presentatie drenthecollege22 (2)
Presentatie drenthecollege22 (2)Presentatie drenthecollege22 (2)
Presentatie drenthecollege22 (2)rypke
 
Interaction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignInteraction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignFerry den Dopper
 
OWD2010 - 5 - Begrippen in beeld: een nieuwe toepassing van weblectures - Ren...
OWD2010 - 5 - Begrippen in beeld: een nieuwe toepassing van weblectures - Ren...OWD2010 - 5 - Begrippen in beeld: een nieuwe toepassing van weblectures - Ren...
OWD2010 - 5 - Begrippen in beeld: een nieuwe toepassing van weblectures - Ren...SURF Events
 

Semelhante a Voorstelling gebruikersinterfaces en multimedia (20)

PenO1: Les 1
PenO1: Les 1PenO1: Les 1
PenO1: Les 1
 
Cursus chi
Cursus chiCursus chi
Cursus chi
 
Cursus chi
Cursus chiCursus chi
Cursus chi
 
20110928 pen o1_les1
20110928 pen o1_les120110928 pen o1_les1
20110928 pen o1_les1
 
Multimedia: les 1
Multimedia: les 1Multimedia: les 1
Multimedia: les 1
 
Een referentiemodel voor OER - Robert Schuwer, Pierre Gorissen, Bert Frissen ...
Een referentiemodel voor OER - Robert Schuwer, Pierre Gorissen, Bert Frissen ...Een referentiemodel voor OER - Robert Schuwer, Pierre Gorissen, Bert Frissen ...
Een referentiemodel voor OER - Robert Schuwer, Pierre Gorissen, Bert Frissen ...
 
Ontwikkelen van e-modules: door de docent of de expert - Anne-Petra Rozendal ...
Ontwikkelen van e-modules: door de docent of de expert - Anne-Petra Rozendal ...Ontwikkelen van e-modules: door de docent of de expert - Anne-Petra Rozendal ...
Ontwikkelen van e-modules: door de docent of de expert - Anne-Petra Rozendal ...
 
Technopreneurship in de computerwetenschappen
Technopreneurship in de computerwetenschappenTechnopreneurship in de computerwetenschappen
Technopreneurship in de computerwetenschappen
 
Laptops@HigherEducation in ECHO
Laptops@HigherEducation in ECHOLaptops@HigherEducation in ECHO
Laptops@HigherEducation in ECHO
 
Dutch webinar presentation Links-Up
Dutch webinar presentation Links-Up Dutch webinar presentation Links-Up
Dutch webinar presentation Links-Up
 
Kunsteducatie21steeeuw
Kunsteducatie21steeeuwKunsteducatie21steeeuw
Kunsteducatie21steeeuw
 
OWD2012 - A08 - Mediawijsheid als vak - Patrick Koning
OWD2012 - A08 - Mediawijsheid als vak - Patrick KoningOWD2012 - A08 - Mediawijsheid als vak - Patrick Koning
OWD2012 - A08 - Mediawijsheid als vak - Patrick Koning
 
OWD 2012 - Mediawijsheid als vak
OWD 2012 - Mediawijsheid als vakOWD 2012 - Mediawijsheid als vak
OWD 2012 - Mediawijsheid als vak
 
Training blended learning
Training blended learningTraining blended learning
Training blended learning
 
Hoe kom ik in de Office365 cloud?
Hoe kom ik in de Office365 cloud?Hoe kom ik in de Office365 cloud?
Hoe kom ik in de Office365 cloud?
 
Studiedagen blended learning publiek
Studiedagen blended learning publiekStudiedagen blended learning publiek
Studiedagen blended learning publiek
 
Presentatie EDDA
Presentatie EDDAPresentatie EDDA
Presentatie EDDA
 
Presentatie drenthecollege22 (2)
Presentatie drenthecollege22 (2)Presentatie drenthecollege22 (2)
Presentatie drenthecollege22 (2)
 
Interaction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered DesignInteraction Design 1.1: User Centered Design
Interaction Design 1.1: User Centered Design
 
OWD2010 - 5 - Begrippen in beeld: een nieuwe toepassing van weblectures - Ren...
OWD2010 - 5 - Begrippen in beeld: een nieuwe toepassing van weblectures - Ren...OWD2010 - 5 - Begrippen in beeld: een nieuwe toepassing van weblectures - Ren...
OWD2010 - 5 - Begrippen in beeld: een nieuwe toepassing van weblectures - Ren...
 

Mais de Erik Duval

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapersErik Duval
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015Erik Duval
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisationErik Duval
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Erik Duval
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesErik Duval
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationErik Duval
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer InteractionErik Duval
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015Erik Duval
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015Erik Duval
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarterErik Duval
 
InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015Erik Duval
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erikErik Duval
 
Inleiding Human Computer Interaction
Inleiding Human Computer InteractionInleiding Human Computer Interaction
Inleiding Human Computer InteractionErik Duval
 
PenO1: Presenteren
PenO1: PresenterenPenO1: Presenteren
PenO1: PresenterenErik Duval
 
Fundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignmentFundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignmentErik Duval
 
20140324 chi sessie5
20140324 chi sessie520140324 chi sessie5
20140324 chi sessie5Erik Duval
 
Information Visualisation for Big Data
Information Visualisation for Big DataInformation Visualisation for Big Data
Information Visualisation for Big DataErik Duval
 
Wat na de bachelor?
Wat na de bachelor?Wat na de bachelor?
Wat na de bachelor?Erik Duval
 

Mais de Erik Duval (20)

eCloud newspapers
eCloud newspaperseCloud newspapers
eCloud newspapers
 
InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015InfoVis1415: slides sessie 11, 11 mei 2015
InfoVis1415: slides sessie 11, 11 mei 2015
 
Evaluation
 of information visualisation
Evaluation
 of information visualisationEvaluation
 of information visualisation
Evaluation
 of information visualisation
 
Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?Social Media and Science a wedding made in Heaven...
 or in Hell?
Social Media and Science a wedding made in Heaven...
 or in Hell?
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principles
 
A short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisationA short history (and even shorter future)
 of information visualisation
A short history (and even shorter future)
 of information visualisation
 
History of Human Computer Interaction
History of Human Computer InteractionHistory of Human Computer Interaction
History of Human Computer Interaction
 
InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015InfoVis1415: slides sessie 3, 23 Feb 2015
InfoVis1415: slides sessie 3, 23 Feb 2015
 
InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015InfoVis1415: slides sessie 2, 16 Feb 2015
InfoVis1415: slides sessie 2, 16 Feb 2015
 
Technology that makes HUMANS smarter
Technology that makes HUMANS smarterTechnology that makes HUMANS smarter
Technology that makes HUMANS smarter
 
InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015InfoVis1415: slides sessie 1, 10 Feb 2015
InfoVis1415: slides sessie 1, 10 Feb 2015
 
201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik201502010 pen ocw_les1_erik
201502010 pen ocw_les1_erik
 
Inleiding Human Computer Interaction
Inleiding Human Computer InteractionInleiding Human Computer Interaction
Inleiding Human Computer Interaction
 
PenO1: tools
PenO1: toolsPenO1: tools
PenO1: tools
 
PenO1: Presenteren
PenO1: PresenterenPenO1: Presenteren
PenO1: Presenteren
 
Fundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignmentFundamentals of HCI: intro and assignment
Fundamentals of HCI: intro and assignment
 
20140324 chi sessie5
20140324 chi sessie520140324 chi sessie5
20140324 chi sessie5
 
Information Visualisation for Big Data
Information Visualisation for Big DataInformation Visualisation for Big Data
Information Visualisation for Big Data
 
Wat na de bachelor?
Wat na de bachelor?Wat na de bachelor?
Wat na de bachelor?
 
Open Leren
Open LerenOpen Leren
Open Leren
 

Voorstelling gebruikersinterfaces en multimedia

Notas do Editor