Nieuwe Media Lab - Techniek De internet revolutie: Techniek, communicatie en maatschappelijke gevolgen
Nieuwe Media Lab
0
“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
1
“I Know What I Like When I See It”
Vlad Cohen Head of Design, Interactive TV
Nieuwe Media Lab
2
Nieuwe Media Lab – Les 2 - Programma • Mededelingen •
Alternatieve voor de presentatie (opdracht)
• Techniek. Internet en internet gerelateerd • Werking van • www en meer begrippen. • Kort historisch overzicht (video)
• Blog workshop • Nodig voor de eindopdracht • Handleiding online
Nieuwe Media Lab
3
Mededeling; het alternatief voor de presentatie • Alternatieve opdracht • Zie de portal voor de opdracht en de korte instructie
(http://www.nieuwemedialab.nl/archives/8829) • Presenteer je Platform • Presentatie met beeld en geluid. • Maak gebruik van Camstudio (gratis download) of anders • Inleveren via publiceren op ons kanaal: • youtube vimeo • Max 10 minuten
• Criteria • Zie de criteria voor de presentatie
Nieuwe Media Lab
4
Mededeling • Slides op de website als pdf.
Naslagwerk met linken • Wiki: definities, literatuur en begrippen die je moet weten Wekelijks geüpdate.
Nieuwe Media Lab
5
Presentaties Nr.
groepsleden
Thema
Datum
tijdslot
1
Melvin Ornek / Tomas Verschoor Niels Huizinga / Maarten Hermans
Stumble Upon
2-okt
1520 - 1530
2
Ritchie Knarren / Nadine / Renée / Danielle
Hyves vs.Facebook
2-okt
1535 - 1545
3
Lars Timmerman / Tomas Overhof / Mike Jongen
Second Life
2-okt
1550- 1600
4
Nog open
2-okt
1605 - 1615
1
Michel Rutten / Stijn de Gier / Kevin Benning / Natascha Kennis Youtube
23-okt
1505- 1515
2
Koen Stoop / Stan Versleeuwen / Clemens Rijnvos / Aron Gielen
23-okt
1520 - 1530
3
23-okt
1550- 1600
4
Erik Kramer / Lars Gerritsen / Pieter Geluykens / Paul Moerland Runkeeper, Nike+ of miCoach Bas van Valburg / Willem Rath / Simon vd Loo Foursquare
23-okt
1535 - 1545
5
Maaike de Jong / Anouk Horrevorts / Kelly de Jong
23-okt
1605 - 1615
Nieuwe Media Lab
Wikipedia
Groupon
6
Kader: Techniek • Veel is mogelijk • Geld: investeer > je ontwikkel ‘iets’ • te laat / te duur / niet compleet of naar wens
• Kiest 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
Hoe werkt het internet • Techniek / innovatie / ict
- Een van de 3 pijlers.
• Inzicht in de werking van het internet • Technische kaders en begrippen • Historie
Doel: • Mogelijkheden en ‘vormen’ kunnen verklaren • Begrippenkennis. Weten, binnen een multifunctioneel team,
waar het over gaat. Noodzakelijk voor het werken met nieuwe media. • Kennis van een aantal bouwstenen • Geschiedenis bepaald mede ontwikkelingen (techniek, maatschappij en gebruiker). Nieuwe Media Lab
9
Quiz Wat is het internet eigenlijk One master computer that connects to all of our homes b) A network of networks c) A series of pipes d) Een netwerk van verbindingen a)
•
b) A network of networks
Waarvoor ‘staat’ –Internet-? •
Interconnected Networks
Nieuwe Media Lab
10
Quiz Hoe communiceren de pc’s binnen dit netwerk? •
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
11
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
12
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
13
Wat meer over het www en browsen • Deel 2 - quiz
Nieuwe Media Lab
14
Waarvoor staat HTTP? a) b) c)
•
Hyper Translation Protocol Hyper Text Transfer Protocol Hyper Typical Text Protocol
Hypertext Transfer Protocol (HTTP)
Wat is het ? •
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.
Nieuwe Media Lab
15
Wat is HTML en wat doet het? •
Hypertext Markup Language (HTML) beschrijft voor uw webbrowser hoe een pagina eruit moet zien. HTML beschrijft dus wat er op de paginastaat.
Wat is een Browser dan en wat doen ‘Browsers’ dan? •
Browsers zoals Internet Explorer, Firefox ,Safari / Google Chrome / Opera interpreteren HTML om tekst, afbeeldingen en video's weer te geven op onze computer schermen.
Nieuwe Media Lab
16
Quiz Wie of wat is: 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 (contentmanagement).
Nieuwe Media Lab
17
Quiz Wie of wat is: Frontend developer Front-end tier -> Zorgt dat de 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
18
Quiz Wie of wat is: Back-end developer •
Back-end tier -> Programeur. De backend houdt zich alleen bezig met logica en opslag van data. Structuur & verwerking van gegevens. Bouw van Databases zoals Oracle, PHP MS-SQL, MySQL, SAP (en is vaak verantwoordelijke voor alle server-side* code zoals ASP.Net, klassieke ASP, PHP.)
*Bij een server-side technologie gaat die servermachine een pagina eerst bewerken of genereren voor hij deze doorstuurt naar de cliënt. Nieuwe Media Lab
19
Noem 2 besturingssystemen / -Operating systems• Windows xp & Windows 7 • IOS_(Apple) voor iPod Touch, iPhone en iPad • Mac os •
Android & Symbian
Wat is het eigenlijk / wat doet het? •
Een besturingssysteem (in het Engels operating system of afgekort OS) is een programma (meestal een geheel van samenwerkende programma's) dat na het opstarten van een computer in het geheugen geladen wordt en dat de functionaliteiten aanbiedt om andere programma's uit te voeren.
Nieuwe Media Lab
20
• Waarvoor staat CSS? a) b) c)
Cascading Style Sheets Cascading Super Server Commonwealth Superannuation Scheme
• Cascading Style Sheets.
• Wat is het? • 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
• Xml is wat…? XML staat voor eXtensible Markup • De opmaak is afwezig. • XML alleen voor de structurering van de gegevens. • De weergave wordt gerealiseerd met Style sheets (XSL Extensible Style-sheet Language) •
Nieuwe Media Lab
22
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 • 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 •
Nieuwe Media Lab
23
De weg al kwijt? Video • The machine is us
Nieuwe Media Lab
24
Het tijdspad Beeldvorming over De snelheid van ontwikkelingen (van langzaam naar snel; vooral in de afgelopen jaren) • Techniek: Commodificatie / Standaardisatie / Integratie •
•
Aantal met veel invloed maatschappelijk, op de industrie , marketing en marketing mogelijkheden of op het internet als platform.
Nieuwe Media Lab
25
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
26
Quiz • Wanneer is Google begonnen a) b) c) d)
•
1976 1982 1991 1998
d) 1998
Nieuwe Media Lab
27
Quiz Sinds wanneer is het technisch mogelijk om via je telefoon op het internet te komen? 1990 • 2004: UMTS maakt het mobiele web te gebruiken •
Nieuwe Media Lab
28
Quiz • Wanneer kwam Apple met iTunes & Ipod •
2001: 1989: The uitvinding van de MP3. 1998: De eerste draagbare MP3-player in de winkels. MPEG / JPEG = compressie? Afhankelijk van de techniek weggelaten en/of op een slimme manier weggeschrijven van info (bv referentie naar clusters; 1x definiëren en daarna verwijzen naar. Is een eindproduct. Wat gebeurt er als je een jpg blijft opslaan?
Nieuwe Media Lab
29
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
30
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 •
Nieuwe Media Lab
31
Nog wat kaders 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
32
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
33
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 Maatschappelijke structuur en cultuur • Zakelijk / economische • Gebruikers , acceptatie •
Nieuwe Media Lab
34
Acceptatie 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
35
Hoe werkt het internet - 3 pijlers
Nieuwe Media Lab
36
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
37
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
Nieuwe Media Lab
38
To do 3 lessen minder dus… Blog handleiding afmaken • Literatuur (wiki; in ontwikkeling. Wekelijkse update) • Presentatie voorbereiden. • Kies je Blogthema. Voor vrijdag1400. Formulier invullen de website. •
•
Wijzigingen van dag / tijd van je Presentatie Geen presentatie en dus een alternatieve opdrachten. Mail:
[email protected]
Nieuwe Media Lab
39