Nieuwe Media Lab. Het internet, wat is dat eigenlijk? Techniek, communicatie en maatschappelijke gevolgen. Nieuwe Media Lab 0

Transcriptie

1 Nieuwe Media Lab Het internet, wat is dat eigenlijk? Techniek, communicatie en maatschappelijke gevolgen Nieuwe Media Lab 0

2 Mededeling Opdrachten en website Slides op de website als pdf. Naslagwerk met linken Altijd: Alle definities en begrippen die je moet kennen voor het tentamen. Nieuwe Media Lab 1

3 Presentaties De meeste (maar nog niet alle) hebben zich aangemeld voor opdracht 1 (presentatie). Doe dat zsm als je het nog niet gedaan hebt. Aanmelden voor opdracht 2 (blog). Neem daar vandaag even de tijd voor. Lees de onderwerpen door en maak een eerste, tweede en derde keus en geef die door via het internetformulier. Alle lijsten van onderwerpen en alle aanmeldformulieren zijn te vinden via of We hebben een overzicht op het internet van de onderwerpen van opdracht 1 en opdracht 2, de week waarin je moet presenteren, aanwezigheid en de cijfers. Lees de wiki van volgende week als huiswerk, en als je voor de Engelse bonus punt gaat, het e-book waarvan je ook de link kan terugvinden onderaan de pagina Nieuwe Media Lab 2

4 You can't just ask customers what they want and then try to give that to them. By the time you get it built, they'll want something new. Steve Jobs Interview with Inc. Magazine for its "The Entrepreneur of the Decade Award" (1 April 1989) Nieuwe Media Lab 3

5 I Know What I Like When I See It Vlad Cohen Head of Design, Interactive TV Nieuwe Media Lab 4

6 Techniek Wat en waarom Doel: Kaders. Waar hebben we het over Werking van. Inzicht in de werking van het internet www en meer begrippen. Technische kaders en begrippen Kort (historisch) overzicht. Besef van ontwikkelingen en tijd Technologie in de toekomst. Wat beïnvloed de acceptatie Mogelijkheden en vormen kunnen verklaren Begrippenkennis. Waar gaat het over. Noodzakelijk voor het werken met nieuwe media in een multifunctioneel team. Kennis van een aantal bouwstenen Geschiedenis bepaald mede ontwikkelingen (techniek, maatschappij en gebruiker). Nieuwe Media Lab 5

7 Kader: Techniek Wat precies techniek is, is moeilijk te definiëren. Techniek is zoiets als 'de kennis en hulpmiddelen waarmee we dingen maken'. De techniek die de nieuwe media revolutie tot stand heeft gebracht noemen we Informatie en Communicatie Technologie. Met ICT maken we: Hardware: apparaten die we kunnen zien en aanraken Software: een verzameling enen en nullen die de hardware iets laten doen Netwerken: Verbindingen tussen verschillende apparaten die de software op verschillende apparaten laten samenwerken. ICT zelf is ook maar weer een onderdeel van de techniek die dit mogelijk heeft gemaakt. Met name de productie van hardware is bijzonder afhankelijk van andere technieken. Nieuwe Media Lab 6

8 Kader: Techniek Veel is mogelijk Geld: investeer > je ontwikkel iets te laat / te duur / niet compleet of naar wens. En wat is mogelijk? Kies je voor bestaande technische oplossing of oplossingen. De gemaakte keuze bepaald kaders: Mogelijkheden Vorm.. en dus mede ook het gebruik / gebruikersgemak Nieuwe Media Lab 7

9 Hoe werkt het internet - 3 pijlers Nieuwe Media Lab 8

10 Quiz Waar staat www voor? World wide web. Het is een rijbaan van het internet: Andere: mail/ ftp Hoe oud is eigenlijk het www eigenlijk? Rond 1990 > =+/- 22 jaar Nieuwe Media Lab 9

11 Quiz Wat is een Browser dan en wat doen Browsers dan? Browsers zoals Internet Explorer, Firefox,Safari / Google Chrome / Opera interpreteren HTML (code) om tekst, afbeeldingen en video's weer te geven op onze computer schermen. Nieuwe Media Lab 10

12 Quiz Sinds wanneer is het technisch mogelijk om via je telefoon op het internet te komen? : UMTS maakt het mogelijk mobiel het web goed te gebruiken. Nieuwe Media Lab 11

13 Quiz Wanneer kwam Apple met itunes & Ipod : The uitvinding van de MP : De eerste draagbare MP3-player in de winkels. Wat is dan compressie? MPEG / JPEG = compressie? Nieuwe Media Lab 12

14 Programma - Techniek Techniek. Internet en internet gerelateerd Werking van www en meer begrippen. Kort (historisch) overzicht Nog wat kaders Blog workshop Nodig voor de eindopdracht Handleiding online Nieuwe Media Lab 13

15 How the internet works Video ( Andere Urls: Nieuwe Media Lab 14

16 Wat is het internet Het internet is een netwerk van netwerken Internet- als woord komt van -Interconnected Networks- Pc binnen het netwerk communiceren via Ip nummers en DNS server Alle op het internet aangesloten computers hebben een eigen identiteit, een IP nummer. Nu is het natuurlijk erg moeilijk om deze lange nummers te onthouden. Daarom is het Domain Name System uitgevonden. Kort gezegd vertaalt het DNS domeinnamen naar IP nummers. Nieuwe Media Lab 15

17 Programma - Techniek Techniek. Internet en internet gerelateerd Werking van www en meer begrippen. Kort (historisch) overzicht Technologie en de toekomst Blog workshop Nodig voor de eindopdracht Handleiding online Nieuwe Media Lab 16

18 Wat belangrijke termen WWW Browser Url Push en pull (push berichten) Besturingssystemen / -Operating systems- os Nieuwe Media Lab 17

19 Protocollen Afspraken en regels om met elkaar te kunnen communiceren. Gezien nieuwe media gebruik maakt van verschillende media (kanalen) hebben we te maken met een grote verscheidenheid aan protocollen Belangrijk zijn vooral. Computerprotocollen Telecommunicatieprotocollen Protocollen bepalen dus (mede) de kaders. Wat kan & mag en niet kan of mag Nieuwe Media Lab 18

20 Protocollen HTTP Hypertext Transfer Protocol (HTTP) Hypertext Transfer Protocol (HTTP) is het geheel van regels die webbrowser gebruiken om met elkaar te communiceren. Wordt gezien als de backbone van het world wide web. Protocollen voor het tonen van informatie / weergave (w3c.org) HTML XML Nieuwe Media Lab 19

21 HTML / XML Html is ontworpen om gegevens weer te geven met de nadruk op hoe gegevens uit ziet tijdens het XML is ontworpen om een software-en hardware onafhankelijk instrument dat wordt gebruikt in transport en opslag van gegevens zijn, met nadruk op welke gegevens het zijn. HTML - HyperText Markup Language Inhoud en de vorm zijn bepaald inde code Xml - extensible Markup Language De opmaak is afwezig. De weergave wordt gerealiseerd met een Styleblad. XML alleen voor de structurering van de gegevens. Nieuwe Media Lab 20

22 Nog wat over de opmaak en de technieken CSS: Cascading Style Sheets. Styleblad wat een platte tekst vorm geeft. Style sheets: bepaald de vormgeving, het gezicht. Bevat opmaak codes (bv kop 1 in Word). Opmaak profiel of stijlbladen zijn een mogelijkheid om de vormgeving van webpagina's los te koppelen van hun feitelijke inhoud en centraal vast te leggen. Nieuwe Media Lab 21

23 Nog wat over de opmaak en de technieken Verschil tussen een Dynamisch en een Statische websites? In het geval van een statische website bestaat de site uit pagina's met een vaste inhoud Vaak in zijn geheel in html geschreven Een dynamische webpagina is een webpagina die just-intime wordt samengesteld (gegenereerd), exact op het moment dat de bezoeker de pagina opvraagt. In het geval van een dynamische website wordt de pagina dus gemaakt op het moment dat een bezoeker een pagina opvraagt. Vaak staat de informatie in een database (bak met schappen waarin de informatie staat, wordt de juiste info opgevraagd via een code en wordt en wordt er dmv een stylesheet de vormgeving overheen gegoten Nieuwe Media Lab 22

24 De Werkvloer Back-end (internet gerelateerd) (let op in het Engels is dit ;-0) Achterkant van de website meestal toegang tot het cms Waar staat de afkorting CMS voor, en wat is het? Een content-beheersysteem of contentmanagementsysteem is een softwaretoepassing, meestal een web-applicatie, die het mogelijk maakt dat mensen eenvoudig, zonder veel technische kennis, documenten en gegevens op internet kunnen publiceren (content management). Nieuwe Media Lab 23

25 De werkvloer Wie of wat is: Frontend developer Front-end tier -> Zorgt dat de tekst die via het cms wordt ingegeven een opmaak (smoel) krijgt. Het design. Denk aan dit als het dichtst bij de gebruiker qua code. Maakt de voorkant. Verzorgt User Interface laag meestal bestaande uit een mix van HTML, Javascript, CSS, J-querie eventueel Flash en soms wat kleine verschillende server-side code zoals ASP.Net, klassieke ASP, PHP, Nieuwe Media Lab 24

26 De Werkvloer Wie of wat is: Back-end developer Back-end tier -> Programmeur. De backend houdt zich alleen bezig met logica en opslag van data. Structuur & verwerking van gegevens. Bouw van Databases (bv Oracle, PHP MS-SQL, MySQL, SAP) (vaak verantwoordelijke voor alle server-side* code zoals ASP.Net, klassieke ASP, PHP.) *Bij een server-side technologie gaat een servermachine een pagina eerst bewerken of genereren voor hij deze doorstuurt naar de cliënt. Nieuwe Media Lab 25

27 De weg al kwijt? Nog wat over de ontwikkelingen en de maatschappij Video The machine is us Nieuwe Media Lab 26

28 Programma - Techniek Techniek. Internet en internet gerelateerd Werking van www en meer begrippen. Kort (historisch) overzicht Technologie en de toekomst Blog workshop Nodig voor de eindopdracht Handleiding online Nieuwe Media Lab 27

29 Kort (historisch) overzicht / Het tijdspad Beeldvorming over De snelheid van ontwikkelingen (van langzaam naar snel; vooral in de afgelopen jaren) Techniek: Commodificatie / Standaardisatie / Integratie Aantal ontwikkelingen met veel invloed maatschappelijk, op de industrie, marketing en marketing mogelijkheden of op het internet als platform. Nieuwe Media Lab 28

30 Invloed en gang van zaken De aard van de vraag naar technologie is nooit te voorspellen geweest. Waarom faalde de videodisc en werd de cd een succes? Waarom is de vraag naar veiligheid op het moment hoog en een paar jaar geleden niet? Nieuwe Media Lab 29

31 Invloed en gang van zaken De technologische vooruitgang laat zich maar in beperkte mate verklaren door de introductie van fundamentele nieuwe fysische uitvindingen, het heeft veelal te maken met de volgende drie begrippen: Commodificatie: betekent zoveel als gewoon worden. Het proces dat er voor zorgt dat technologische toepassingen steeds efficiënter worden geproduceerd, daardoor goedkoper worden en voor veel grotere groepen gebruikers gewoon worden. Standaardisatie: het verschijnsel dat van verschillende technologische oplossingen er maar één overleeft. En dat is dan niet eens perse omdat de ene oplossing beter is dan de ander, maar omdat één oplossing beter is dan meer oplossingen. Standaarden maken namelijk samenwerking de kern van techniek veel beter mogelijk. Integratie: het verschijnsel dat steeds meer technische oplossingen aan elkaar geknoopt worden. Dat kan zowel fysiek zijn (een fototoestel in je smartphone) als virtueel (twee ICT systemen die met elkaar praten ) Nieuwe Media Lab 30

32 Quiz Wie / welke bedrijf had het eerste internet bestellingssyteem (webshop)? First internet ordering system created by Pizza Hut Eerste banner? 1994: The first banner ads are sold. Nieuwe Media Lab 31

33 Quiz Wanneer is Google begonnen a) 1976 b) 1982 c) 1991 d) 1998 d) 1998 Nieuwe Media Lab 32

34 Histroy of the internet / media 40 years of the internet (video) Tijdslijn: 1.htm In 16 slides Nieuwe Media Lab 33

35 Een aantal aanvullende data 1998: "Napster het peer-to-peer programma om muziek te delen 2000: The dotcom bubble. 2001: The knowledge of the crowd: Wikipedia 2003: Skype 2004: Facebook (intern); 2006: Facebook openbaar. 2004: World of Warcraft 2006: Maart Twitter 2007: The iphone 2007: Radiohead Pay what you want. 2008: 1 op de 8 koppels die trouwen in de VS hebben elkaar online ontmoet 2009: Dell meer dan 3 million dollars omzet door Twitter Nieuwe Media Lab 34

36 Technische ontwikkelingen en de 6 eenheid Maatschappelijke structuur en cultuur / Zakelijk & economische ontwikkelingen / Gebruikers & acceptatie / Commodificatie / Standaardisatie / Integratie Media digitaal / uitvinding Mp3 / Napster / Mp3 speler / ipod en itunes Invloed op: Omgang met muziek (delen De verdienmodellen van de muziek industrie De distributie Produceren van muziek Ondergang sterrenstatus Copyright Overal je muziek (en video) ipod // internet En. Nieuwe Media Lab 35

37 Technische ontwikkelingen en de 6 eenheid 2004: UMTS maakt het mogelijk mobiele het web goed te gebruiken 2007: iphone. Start van de smartphone als standaard? Samen met: Integratie (vele mogelijkheden van dit device; it s not a phone : it s. Kleinere en snellere chip sets Beeldscherm ontwikkelingen (plat klein veel beeldpunten) Gps Camera (foto/video) Google maps Rekenmachine / Stopwatch / wekker / agenda / mail / etc Software: gebruikersgemak en interface Nieuwe Media Lab 36

38 Technologie in de toekomst Hoe techniek en technologie zich verder zullen ontwikkelen, is moeilijk te voorspellen Het probleem met het voorspellen van toekomstige ontwikkelingen van de technologie is dat technologische ontwikkeling niet een beweging is die geëxtrapoleerd kan worden uit het verleden. De vraag naar technieken is onvoorspelbaar, de ontdekkingen van de wetenschap ook. De technologische en wetenschappelijke ontwikkeling zijn verweven met economische ontwikkelingen en ontwikkelingen in de maatschappelijke structuur en cultuur en de gebruikers acceptatie. Maatschappelijke structuur en cultuur Zakelijk / economische Gebruikers, acceptatie Nieuwe Media Lab 37

39 Technologie in de toekomst Acceptatie en integratie van technologische vooruitgang is dus (oa) afhankelijk van: Maatschappelijke structuur en cultuur Zakelijk / economische Gebruikers, acceptatie Commodificatie Standaardisatie Integratie: Nieuwe Media Lab 38

40 Technologie in de toekomst- Trends Op dit moment zijn er een aantal trends die het waarschijnlijk maken dat bepaalde ontwikkelingen zullen volgen Noem wat trends. Les 4: trends en voorspellingen over online-marketing Nieuwe Media Lab 39

41 To do Vandaag: Blog handleiding. Niet af: inleveren (opdracht maken en info )mail Kies je Blogthema. Voor vrijdag Formulier invullen de website. Bijhouden / lezen Literatuur: Presentatie voorbereiden. Nieuwe Media Lab 40

42 Blogpost Oefening / doorwerken van de handleiding. Doel: Vaardigheden nodig om aan je eindopdracht te voldoen. Hand-on ervaring met een blogpost Kennismaking met Back-end omgeving / cms Indien niet klaar of afwezig. Mail je docent als je opdracht hebt gedaan. Nieuwe Media Lab 41