Nieuwe Media Lab
Het internet, wat is dat eigenlijk? Techniek, communicatie en maatschappelijke gevolgen
Nieuwe Media Lab
0
Mededeling • Opdrachten en website • Slides op de website als pdf.
Naslagwerk met linken • Altijd:
www.nieuwemedialab/wiki Alle definities en begrippen die je moet kennen voor het tentamen.
Nieuwe Media Lab
1
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 www.nieuwemedialab.nl/specoco. of www.nieuwemedialab.nl/specoce
•
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 www.nieuwemedialab.nl/specoce
Nieuwe Media Lab
2
“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
“I Know What I Like When I See It”
Vlad Cohen Head of Design, Interactive TV
Nieuwe Media Lab
4
Techniek Wat en waarom • 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
Doel: • 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
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
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
Hoe werkt het internet - 3 pijlers
Nieuwe Media Lab
8
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
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
Quiz Sinds wanneer is het technisch mogelijk om via je telefoon op het internet te komen? 1990 • 2004: UMTS maakt het mogelijk mobiel het web goed te gebruiken. •
Nieuwe Media Lab
11
Quiz • Wanneer kwam Apple met iTunes & Ipod •
2001 1989: The uitvinding van de MP3. 1998: De eerste draagbare MP3-player in de winkels. Wat is dan compressie? MPEG / JPEG = compressie?
Nieuwe Media Lab
12
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
How the internet works
• Video (http://www.youtube.com/watch?v=i5oe63pOhLI&feature=related
• Andere Urls: • http://www.youtube.com/watch?v=7_LPdttKXPc&feature=related • http://www.youtube.com/watch?v=qv0XCaUkfNk&feature=related
Nieuwe Media Lab
14
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
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
Wat belangrijke termen… WWW • Browser •
Url • Push en pull (push berichten) • Besturingssystemen / -Operating systems- os •
Nieuwe Media Lab
17
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
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
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
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
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
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
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
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
De weg al kwijt? Nog wat over de ontwikkelingen en de maatschappij Video • The machine is us
Nieuwe Media Lab
26
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
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
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
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
Quiz Wie / welke bedrijf had het eerste internet bestellingssyteem (webshop)? •
First internet ordering system created by Pizza Hut. 1994
Eerste banner? •
1994: The first banner ads are sold.
Nieuwe Media Lab
31
Quiz • Wanneer is Google begonnen a) b) c) d)
•
1976 1982 1991 1998
d) 1998
Nieuwe Media Lab
32
Histroy of the internet / media
40 years of the internet (video) http://www.youtube.com/watch?v=eZSPWDMn730&feature=related
Tijdslijn: http://www.netvalley.com/archives/mirrors/davemarsh-timeline1.htm • http://www.siliconvalleyhistorical.org/home/internet_timeline • http://www.investintech.com/content/historyinternet/#timeline •
In 16 slides
Nieuwe Media Lab
33
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
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
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
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
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
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
To do Vandaag: • Blog handleiding. Niet af: inleveren (opdracht maken en info )mail • Kies je Blogthema. Voor vrijdag 1400. Formulier invullen de website. www.nieuwemedialab.nl/aanmeldenblog •
Bijhouden / lezen Literatuur: www.nieuwemedialab.nl/wiki
•
Presentatie voorbereiden.
Nieuwe Media Lab
40
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
