I: Client side technology. II: Mobiele web en de toekomst. Hoorcollege IUW Thema Web 14 December 2017 Christof van Nimwegen
|
|
- Clara Meijer
- 6 jaren geleden
- Aantal bezoeken:
Transcriptie
1 I: Client side technology II: Mobiele web en de toekomst Hoorcollege IUW Thema Web 14 December 2017 Christof van Nimwegen
2 Laatste college IUW voor de kerstvakantie Deeltoets < > Eindtoets 2
3 Huishoudelijk Donderdag 14 december, dinsdag 19 december en donderdag 21 december zijn er geen begeleide werkcolleges Jullie kunnen wel gebruik maken van de werkcollegeruimtes in BBG. Vragen kunnen gesteld worden via de aan de begeleiding (studentassistenten per mail vragen stellen) Vanmiddag komen er enkele proeftentamen vragen online 3
4 Client side technology 4
5 JavaScript 5
6 JavaScript WWW was geheel statisch Javascript: binnen webpagina Betrekkelijk eenvoudige scripting taal syntax lijkt op veel andere talen net als PHP geïnterpreteerd, niet gecompileerd Aanvankelijk vaak niet-functioneel ingezet Ga zelf met JavaScript aan de slag! W3Schools tutorial ( Veel handige resources (voorbeelden, naslag) 6
7 JS vandaag: In Web API, Mashup, AJAX AJAX: Asynchronous JAvaScript and XML Paginas hoeven niet geheel ververst te worden: een applicatie die in pagina draait (Web) API (application programming interface): Definitie van hoe een webapplicatie door andere partijen benaderd kan worden Mashup: Combineren van allerlei bronnen (bv. API s) in een webpagina 7
8 Javascript: wat kan het? Client side (van oudsher): Reageren op Events Event voorbeelden: Pagina klaar met laden, Clicks, mouseovers, mousedowns, onsubmit, etc., Data validatie Reageren: Content veranderen (tekst, afbeeldingen, tabellen, etc.) Geluid spelen, popups, dialogen Systeem informatie tonen (bv. tijd), rekenen Nog veel meer!.... Javascript werd pas echt interessant toen DOM wijder verbreid werd 8
9 Wat zit er in JavaScript Variabelen en expressies typen: Number, String, Array (index, length), Object etc. booleans: true/false operaties op variabelen assignment: toekenning waarde aan variabele Statements conditional statement (if) loop (while, for) Functies en objecten: bewerkingen Ingebouwd in JavaScript, bv.: alert() - laat alertbox zien Number() converteert string naar number (zien we in vb. later) Zelfgedefinieerd Commenting: essentieel voor begrijpen door anderen (en jezelf) 9
10 Waar laten we het? In principe overal in HTML toegestaan Goede oplossing: in aparte file Niet zo elegant Script wordt uitgevoerd zodra browser script element tegenkomt Als het moet Beter 10
11 Simpel Javascript (nog geen DOM) Laat datum zien 11
12 Simpel Javascript (nog geen DOM) Laat alert box zien 12
13 Timeout: Nu even opzij naar DOM HTML DOM (Document Object Model) definieert de objecten en eigenschappen van alle HTML elementen, en de methoden om toegang tot ze te krijgen 13
14 DOM: Document Object Model Kwam een paar jaar na JavaScript, wordt erg veel gebruikt meestal, in combinatie met JavaScript Vooral veel gebruikt in, en sinds Web 2.0 De manier waarop HTML elementen in een pagina zich tot elkaar, en tot het document zelf verhouden Zorgt dat programmas en scripts op dynamische wijze toegang krijgen om inhoud, structuur of style van een document te veranderen Platform onafhankelijk 14
15 Objecten Voorbeeld een kat is een object kleur is een property (eigenschap) die katten hebben met in dit geval een waarde (grijs) eten is een methode die de kat gebruikt Eigenschappen en acties van objecten worden altijd aangeroepen met een punt. Stel o is een object, dan: is o.p de waarde van de property p voer je de methode m uit met de aanroep o.m() voorbeeld kat.kleur heeft waarde grijs kat.eten(): de kat voert de bewerking eten uit kat.eten( muis ) 15
16 DOM boom Dit was de HTML boom tot nu toe html head body title h1 p p <html> <head> <title> </title> </head> <body> <h1> </h1> <p> <b> </b> </p> <p> <a> </a> </p> </body> </html> b a
17 DOM eigenlijk : DOM definieert deze uitgebreider dan voorheen html head body title h1 p p text text text b text text a attr text text text
18 DOM Nodes: knopen In een node tree wordt de hoogste node de root genoemd Elke knoop heeft precies 1 parent (behalve de bovenste dus) Een knoop kan meerdere children hebben Een node zonder children is een leaf Nodes met dezelfde parent zijn siblings 18
19 Vb. DOM/Javascript: getelementbyid Stel dit is de tabel (mijntable) waarmee JS iets mee moet gaan doen via een functie, bv. change : In JS maak ik de functie change. Ik maak variabele table : JS benadert via getelementbyid mijntable : Ik definieer de opdracht: wat gaat er gebeuren met de table? 19
20 HTML attributes: van event naar actie HTML events, bv.: load: pagina geheel geladen click: muisklik op element mouseover: muis beweegt over element submit: formulier gesubmit HTML attributen on + eventnaam waarde: functie (scriptcomponent) die uitgevoerd wordt bij event voorbeeld: <input type="submit" onclick="change();" value="extra rij > bij klikken op deze button wordt functie change uitgevoerd 20
21 DOM: Element (Tabel) veranderen Javascript HTML: Event 21
22 Belangrijke DOM methoden en properties Chapman & Chapman, tabel
23 HTML events 23
24 Javascript + HTML: Simpele rekenmachine Input via knoppen met onclick attribuut Roepen functies aan appendtonumber() add() total() clear() Resultaat wordt getoond in <p id= result > 24
25 Javascript: Simpele rekenmachine simplecalculator.html Kort programma Weinig nodig qua DOM Illustreert aantal belangrijke begrippen uit JavaScript 25
26 Bottom-up Ontwerp HTML speciaal: welke id en class waarden heb je nodig, op welk elementen Maak CSS Laatste stap: JavaScript plan welke functie(s) je nodig hebt bouw ze stapsgewijs op zorg altijd dat je code werkt voor je verder gaat Professioneel scripten is een vak op zich rekening houden met allerlei browsers, versies etc. kennis libraries, toolboxen, frameworks meer hierover bij vak Webtechnologie 26
27 On the rise: Javascipt games 27
28 On the rise: Javascipt games 28
29 On the rise: Javascipt games 29
30 Deel II: Het mobiele web en de toekomst
31 Mobiel web: Smaller display s- Google Glass 31
32 Het mobiele web: Volop in ontwikkeling 32
33 WWW: web browsing anno nu We don't go online anymore. We're already there Overal: mobility! Meer tablets dan phones Meer en meer: geo, social Ondanks de apps: webbrowsen blijft de populairste manier om content te bekijken Dus er zullen websites zijn! 33
34 Het mobiele web Sinds een paar jaar kopen we meer smartphones dan computers/laptops (nog) het meeste gebruikt door jonge mensen De spelers Android ios Windows Phone (Blackberry) ach. 34
35 Het mobiele web Mobiel? Wifi Mobiel netwerk Browsen of apps? Apps worden meer gebruikt Maar vaak voor 1 e entry mobile browser, men wil niet voor alles, of eenmalige zaken een app installeren We hebben het hier dus over web pages in browsers Niet voor alles is een app, en ook niet voor elk OS 35
36 Het mobiele web: app vs. webpagina APP WEB 36
37 Het mobiele web: voordelen browser Voordelen Werkt op alle mobiele apparaten Minder opslagruimte nodig om iets te bekijken/gebruiken OS onafhankelijk (let wel op browsers) Geen gedoe met updates Geen publish kosten Goedkoper om te maken / te onderhouden Verzamelt minder informatie over JOU Nadelen Browser verschillen (uiteraard) Iets langere weg (url typen, bookmark opzoeken) Toch minder mogelijk, met name hardware 37
38 Het mobiele web: fysieke factoren Daglicht, spiegeling Beweging Afmeting Klein toetsenbord, grote vingers, denk aan grote buttons, selectors, typen Tekst grootte Geluid anders gebruiken (omgeving) Input: touch Vaak in verloren momenten: weinig tijd, dus Usability NOG belangrijker 38
39 Mobiele web: nieuwe dingen exploiteerbaar! Smartphone heeft (vaak): Camera( s) GPS Touch Bewegings sensors RFID NFC Vanuit webpagina s nog beperkt mogelijk, maar dat zal veranderen 39
40 Het mobiele web: software/netwerk factoren Laadtijd door tragere connectie: zo klein mogelijke images Browser verschillen Responsive design, verschillende devices (altijd weer) Selectie tools: pas ermee op Geen Flash Orientatie, meer verticale menus Geen tabbed browsing (niet echt) Geen popups m-dot websites: waarschijnlijk aan het eindigen. 40
41 Het mobiele web: hoe touchen we? 41
42 Het mobiele web: hoe touchen we? 42
43 Het mobiele web: richtlijnen Ontwerp voor minder data Liever tekst-links Geen Flash, Java, Frames and Pop Ups Geef toch ook toegang aan gehele site Zet zelden gebruikte buttons ver weg van de rest (touch gaat vaak fout) Vaak gebruikte knoppen en actie knopen moeten makkelijker te bedienen zijn Ppas op met buttons in de buurt van phone buttons Denk aan batterylife Emulators!!! 43
44 Het mobiele web: image afmetingen Beter geen images dan te kleine images 44
45 Het mobiele web: minder tekst 45
46 Het mobiele web: minder tekst 46
47 Het mobiele web: we swipen! Maar scroll bars willen we niet. Geef affordance over swipen, bv. Door indicatie dat er links of rechts nog meer is 47
48 Het mobiele web: Stijl van elementen Nog belangrijker dan op gewoon web: Interactieve elementen andere stijl dan informatie elementen FOUT! 48
49 Het mobiele web: kleurcontrast Ook weer meer dan op het gewone web: zorg voor goede kleurcontrasten FOUT! 49
50 Het mobiele web: button-look Laat zaken die GEEN button zijn er ook niet zo uitzien 50
51 Het mobiele web: Respecteer conventies Tussen platforms: 51
52 Het mobiele web: Nog meer CSS3! Bv.: ronde hoeken (kan in CSS3) geven een knop gevoel, zonder dat je lastige achtergrond images nodig hebt Drop shadows (ook CSS3) helpt voor button gevoel 52
53 Het mobiele web: inklappen/uitklappen 53
54 Het wordt anders (duh..) WEB niet genoeg als term? Internet of Things (IOT)? 54
55 Zoiets? 55
56 The man himself.. A radically open, egalitarian and decentralised platform, it is changing the world, and we are still only scratching the surface of what it can do. Very soon, millions more sensors, appliances and other devices large and small will take the web to new places. The potential excites me and concerns me at the same time 56
57 WEB evolutie Web 1.0: documenten Web 2.0: mensen Web 3.0: Kennis, betekenis van data Semantic Web Cloud, big data Internet of things 57
58 Toekomst WWW? In elk geval.. Nog: groter meer responsiveness meer immersion nog meer ubiquitous mobieler onzichtbaarder socialer sneller meer interactie modaliteiten.. 58
59 Toekomst WWW, enkele issues.. Misbruik overheden Criminele acticiviteiten Privacy Pas op voor meer lostness Wat doet de snelheid? Effecten van zoveeeeeeeeel multimedia?..? 59
60 Nieuwe technologie op WWW? Spraak Haptics (gebaren) Biofeedback Brain (gedachten) 3D touch, 3D browsing Augmented Reality (AR) Andere materialen Virtual reality (VR).? 60
61 Technologie verandert, design dan ook 61
62 Nieuwe Technologie: electronic paper 62
63 Nieuwe Technologie: electronic paper Hoe ontwerpen we hiervoor? 63
64 Of dit? 64
65 Nieuwe Technologie: Small display- Vorm? 65
66 Nieuwe Technologie: Large displays 66
67 Nieuwe Technologie: Transparente displays 67
68 Nieuwe Technologie: Holografisch 68
69 Nieuwe Technologie: olfactoy displays 69
70 Nieuwe Technologie: Conversational interfaces 70
71 Nieuwe Technologie: Conversational interfaces 71
72 Nieuwe Technologie: 3D Browsing? 72
73 WebVR 73
74 Virtual reality > WebVR 74
75 WebVR 75
76 WebVR: Met smartphone 76
77 WebVR 77
78 Augmented reality (more of it?) 78
79 Veel succes met de tussentoets! Prettige kerstvakantie! 79
I: Client side technology. II: Mobiele web en de toekomst. Hoorcollege IUW Thema Web 15 December 2016 Christof van Nimwegen
I: Client side technology II: Mobiele web en de toekomst Hoorcollege IUW Thema Web 15 December 2016 Christof van Nimwegen Laatste college IUW voor de kerstvakantie Deeltoets < > Eindtoets 2 Huishoudelijk
Nadere informatieI: Client side technology. II: Het mobiele web en de toekomst. Hoorcollege IUW Thema Web 26 november 2015 Christof van Nimwegen
I: Client side technology II: Het mobiele web en de toekomst Hoorcollege IUW Thema Web 26 november 2015 Christof van Nimwegen Opdracht Trust: Shopsec! Niet from scratch, te ver qua coderen, te lang, te
Nadere informatieWeb Games en het mobiele web. Hoorcollege Webdesign 9 6 juni 2014 Christof van Nimwegen
Web Games en het mobiele web Hoorcollege Webdesign 9 6 juni 2014 Christof van Nimwegen Webgames: scope dit college onderdeel Games staan nu centraal in deze faculteit. In een cursus over webdesign MOET
Nadere informatieDeel I: Client side technology. Interactie via DOM. Hoorcollege IUW Thema Webdesign 19 november 2014 Christof van Nimwegen
Deel I: Client side technology Interactie via DOM en JavaScript Hoorcollege IUW Thema Webdesign 19 november 2014 Christof van Nimwegen Over laatste werkcollege en opdracht Error reporting van de server
Nadere informatieInteractie: Document Object Model en JavaScript. Hoorcollege Webdesign 7 23 mei 2014 Christof van Nimwegen
Interactie: Document Object Model en JavaScript Hoorcollege Webdesign 7 23 mei 2014 Christof van Nimwegen JavaScript WWW was geheel statisch, interactie was alleen volgen van link Javascript maakt interactie
Nadere informatieWeb building gevorderden: CSS & JavaScript. Karel Nijs 2008/11
Web building gevorderden: CSS & JavaScript Karel Nijs 2008/11 Webbuilding gevorderden les 3 JavaScript intro JavaScript invoegen JavaScript statements JavaScript popup berichten JavaScript functies JavaScript
Nadere informatieWebsitecursus deel 3 JavaScript
Websitecursus deel 3 JavaScript A Eskwadraat WebCie www@a-eskwadraat.nl 12 oktober 2015 Introductie Twee weken geleden HTML Vorige week CSS Deze week JavaScript Javascript JavaScript (ook wel JS) is een
Nadere informatieReact en React Native voor websites en apps
React en React Native voor websites en apps H A N S-PE T E R H ARMSEN HEEFT DI T GE SCH R E V EN IN APRI L 2017 Deze whitepaper is bedoeld voor product owners en beslissers. Hij gaat over React, een JavaScript
Nadere informatieBart ter Steege bart.ter.steege@jungleminds.nl 06 8128 7569. The Mobile Mindmap
Titel Nationale project, Vakdag 10 maart Dialogue 2010 &/ Klantnaam Digital Marketing 2010 Titel The Mobile projectmindmap Bart ter Steege bart.ter.steege@jungleminds.nl 06 8128 7569 Best of Mobile Best
Nadere informatieJavaScript. 0 - Wat is JavaScript? JavaScript toevoegen
0 - Wat is JavaScript? JavaScript is hele andere koek dan Scratch. Het wordt ook door professionele programmeurs gebruikt. Doordat er veel mensen gebruik maken van JavaScript is er veel informatie over
Nadere informatieBetreft: Gebruiksinstructie vrkastour
Betreft: Gebruiksinstructie vrkastour www.vrapp.co/komindekas/vrkastour Beste gebruiker, Via deze handleiding leggen we uit hoe je het beste de vrkastour webapplicatie kunt gebruiken. Deze handleiding
Nadere informatieHand-out Introduction to Programming, werkcollege 7 Alex Reuneker 2013
Hand-out Introduction to Programming, werkcollege 7 Alex Reuneker (a.reuneker@hhs.nl), 2013 1. Document Object Model (DOM) DOM: DOM staat voor Document Object Model. Het DOM is een model van webpagina
Nadere informatieSummerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler. HTML 5 App
Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler HTML 5 App 1. Wat is HTML 5 2. HTML 5 Apps 3. Hybride App Architectuur 4. Een App maken Overzicht Deel 1: HTML5 HTML 5 gebruikt als verzamelnaam
Nadere informatieTemplates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website
Templates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website Wat we gaan doen 1. Wie ben ik? 2. Voor- en nadelen bestaande templates en eigen templates 3. Eigen template op basis
Nadere informatieExercise assistant on-line
Exercise assistant on-line Onderwerpen - Introductie Exercise Assistant - On-line volgens MVC principe - Problemen bij MVC principe - Mogelijke oplossing - Richtingen onderzoek - Mogelijkheid tot meedoen
Nadere informatieGrafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase
Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet
Nadere informatieONTWERPEN VAN INTERACTIEVE PRODUCTEN
ONTWERPEN VAN INTERACTIEVE PRODUCTEN WORKSHOP INTERACTIEF PROTOTYPE BOUWEN F. van Slooten WORKSHOP INTERACTIEF PROTOTYPE BOUWEN Ontwerp Keuze tool/techniek Maken layout 2 dagen: dinsdag 23 september Ochtend:
Nadere informatieLes 9: formulier controle met javascript.
Les 9: formulier controle met javascript. Javascript is erg veel gebruikt bij internet toepassingen. In tegenstelling tot PHP, wat een server side scripting is, is java client side scripting. Dwz, niet
Nadere informatieTh!nk mobile. Op Zig logisch. Menno Ouweneel Marketingmanager. Twitter: mouweneel Skype: menno_ouweneel
Th!nk mobile Op Zig logisch Menno Ouweneel Marketingmanager Twitter: mouweneel Skype: menno_ouweneel Mobiele telefoons zullen de desktop computer passeren als het meestgebruikte apparaat voor internettoegang,
Nadere informatieTechnische data. Versie dec
Technische data Versie dec.2016 www.mobilea.nl Mobiléa Infrastructuur: Pagina 1 Pagina 2 Specificaties: Het platform van Mobiléa valt op te splitsen in een aantal technische componenten, te weten: De webapplicatie
Nadere informatieGoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps GoogleMapsGoogleMapsGoogleMaps
Google Maps INHOUDSOPGAVE Inleiding.. 3 Een Google Map maken.. 4 Een eigen adres opgeven 7 Inzoomen op je eigenkaart. 8 Satellietbeeld op je eigenkaart. 10 Markers plaatsen. 13 Tekstballon plaatsen.. 15
Nadere informatieWebsite beoordeling zonetelechargement.com
Website beoordeling zonetelechargement.com Gegenereerd op Juli 23 2015 10:12 AM De score is 47/100 SEO Content Title zone-telechargement.com 520: Web server is returning an unknown error Lengte : 71 Let
Nadere informatieBottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl
Bottleball Onderzoeksverslag MovingMonsters Uitgevoerd door Arno Classens a.classens@student.fontys.nl 1 1. Inhoudsopgave Wat? Bladzijde 1. Introductie 3 2. Methodologie 4 3. Resultaten 3.1 Oriëntatie
Nadere informatieWEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
Nadere informatieSelecteer het NRF52-Dk platform in de IDE rechtsboven in het browser scherm.
Ontwikkel je eigen Bluetooth LE device Welkom bij de workshop, tijdens deze workshop ga je aan de gang met het ontwikkelen van een Bluetooth LE device met behulp van MBED. Tijdens de workshop heb je het
Nadere informatieSpecialist in de testdiscipline
Specialist in de testdiscipline P R E V I E W T R A I N I N G C O U R S E M O B I L E T E S T I N G W W W. T E S T W O R K. N L R O S M A L E N, N A J A A R 2 0 1 3 1 Agenda 1. D O E L P R E S E N T A
Nadere informatieWebsite beoordeling proplantdesign.com
Website beoordeling proplantdesign.com Gegenereerd op Januari 31 2019 04:42 AM De score is 62/100 SEO Content Title Process Plant Design Proplant Design Lengte : 38 Perfect, uw title tag bevat tussen de
Nadere informatieEen eerste applicatie
Een eerste applicatie 2.1 Inleiding Programmeren in Visual Basic.NET doe je niet alleen door regels met code te schrijven. Je begint met het ontwerpen van een venster in de design mode met allerlei controls,
Nadere informatieJe hoeft je maar met twee bestanden bezig te houden:
1 2 3 Deze set Sushi Kaarten leert je hoe je een web-app maakt met een nogte-doen lijst. Als je op enig moment wilt zien hoe de web-app kan worden, kijk dan op dojo.soy/js-todo. Deze app kun je gebruiken
Nadere informatieWerkomgeving. Android Studio. Android - werkomgeving 1/6
Android - werkomgeving 1/6 Werkomgeving Android Studio Installatie Ga naar de volgende URL: http://developer.android.com/sdk/index.html Klik op de knop "Download Android Studio for Windows" om het programma
Nadere informatieAan de slag met Google Analytics. Deel 1.
Aan de slag met Google Analytics. Deel 1. 1. Google Analytics account aanmaken Stap 1 Via de link http://www.google.com/analytics kan er ingelogd worden bij Google Analytics. Klik op de knop account aanmaken
Nadere informatieEen website ontwerpen in Dreamweaver met de opmaakweergave
Een website ontwerpen in Dreamweaver met de opmaakweergave door G. Van Soest Met Dreamweaver kan je zeer snel een website in elkaar bouwen; ook het onderhoud van een website is met Dreamweaver uiterst
Nadere informatieWebsite beoordeling windowsrepublic.com.au
Website beoordeling windowsrepublic.com.au Gegenereerd op Maart 28 2019 14:39 PM De score is 48/100 SEO Content Title Windows Republic - upvc windows manufacturer and supplier in Melbourne Lengte : 70
Nadere informatieWebsite rapport zazoutotaal.nl
Website rapport zazoutotaal.nl ZazouTotaal Full Service Mediabureau Webdesign ZazouTotaal Full Service Mediabureau. De Webdesigner met 10 jaar ervaring. Voor betaalbare websites en webwinkels. Voor alle
Nadere informatieHTML5 VIDEO. Een stand van zaken Jeroen Wijering, LongTail Video
HTML5 VIDEO Een stand van zaken Jeroen Wijering, LongTail Video WHOIS JW? Auteur van de JW Player (2005) Open-source Flash video speler voor embedden in websites. Gebruikt door YouTube in 1e jaar Helaas,
Nadere informatieUSABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR
USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;
Nadere informatieVoor de database wordt een Access 2000 bestand gebruikt, met voorlopig 1 tabel:
Eenvoudig voorbeeld. Er wordt verondersteld dat er met VS 2008 EXPRESS gewerkt wordt. Voor de database wordt een Access 2000 bestand gebruikt, met voorlopig 1 tabel: (Sommige schermafdrukken zijn afkomstig
Nadere informatieMOBILE UPDATES, CIJFERS, HANDS-ON TIPS & TOEKOMST. 6 december 2017, #PMU2018
MOBILE UPDATES, CIJFERS, HANDS-ON TIPS & TOEKOMST 6 december 2017, #PMU2018 WAT GAAN WE DOEN VANDAAG? Agenda Mobile Update Mobile Cijfers Mobile Hands-on Tips Mobile Toekomst MOBILE UPDATE ER GEBEURT
Nadere informatieSmartphone applications with Apex. Dealing with the limitations
Smartphone applications with Apex Dealing with the limitations Inhoud - Introductie - Beperkte schermgrootte - Lastig invoeren via on-screen toetsenbord - Beperkte bandbreedte 2 3 A presentation by Who
Nadere informatieVia methodewebsite www w.emma.eisma.nl of de ELO van de school
Via methodewebsite www.emma.eisma.nl of de ELO van de school Veelgestelde vragen rondom de online leerlingomgeving Veelgestelde vragen rondom de online leerlingomgeving (Station, Library en Route 2F) servicedesk@eisma.nl
Nadere informatieUSABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR
USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;
Nadere informatieFrontend ontwikkeling
Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft
Nadere informatieVergeleken met Storyline 2 is de indeling van het menu Insert flink aangepast. Screenrecording en nieuwe slides vallen tegenwoordig onder het menu
Vergeleken met Storyline 2 is de indeling van het menu Insert flink aangepast. Screenrecording en nieuwe slides vallen tegenwoordig onder het menu Slides en zijn niet meer te benaderen via het menu Insert.
Nadere informatieY.S. Lubbers en W. Witvoet
WEBDESIGN Eigen Site Evaluatie door: Y.S. Lubbers en W. Witvoet 1 Summary Summary Prefix 1. Content en structuur gescheiden houden 2. Grammaticaal correcte en beschrijvende markup 3. Kopregels 4. Client-
Nadere informatie15. Google Tag Manager
W H I T E P A P E R I N 5 M I N U T E N J U N I 2 0 1 5 15. Google Tag Manager Introductie Marketeers zijn dol op statistieken en big data. Hoe meer hoe beter! Google Analytics wordt hier veel voor gebruikt,
Nadere informatieHang je Little Big Detail op de muur.
Hang je Little Big Detail op de muur. Hang je Little Big Detail op de muur. Best-of-the-best Little Big Detail Opdracht: Plak je stippen op het beste Little Big Details (en bedenk waarom je je stippen
Nadere informatieLab Webdesign: Javascript 7 april 2008
H8: FORMULIEREN In dit hoofdstuk komt het "form"-object aan de orde: we zullen zien hoe we JavaScript kunnen gebruiken voor het manipuleren en valideren van de gegevens die een eindgebruiker invult in
Nadere informatieWebsite beoordeling facebook.com
Website beoordeling facebook.com Gegenereerd op Januari 14 2019 10:26 AM De score is 44/100 SEO Content Title Facebook - Log In or Sign Up Lengte : 28 Perfect, uw title tag bevat tussen de 10 en 70 karakters.
Nadere informatieThe Control Room of the Future
Even voorstellen: Prodek Automation products Opgericht in 2001 Importeur / distributeur Opleiding / levering / advies / consultancy / dienstverlening Joop de Kwant Directeur Hoe ziet de toekomstige controle
Nadere informatieRelease notes Argo 7. Interactieve LMS interface. Nieuwe interface voor lesmodules
Release notes Argo 7 Argo 7 heeft een interactief web design. Het is optimaal afgestemd op de grote diversiteit aan computerbeeldschermen, van grootbeeld desktops en notebooks tot tablets en smart phones.
Nadere informatieBehaal je diploma secundair onderwijs
www.diplomasecundair.be Behaal je diploma secundair onderwijs INTKO is dé school voor Tweedekansonderwijs in de regio Halle-Vilvoorde. Ben je ouder dan 18 en heb je je diploma secundair onderwijs nog niet
Nadere informatieiprova Suite Systeemeisen iprova 5 Hosting
iprova Suite Systeemeisen iprova 5 Hosting Let op Dit document bevat de systeemeisen voor versie 5.0 van de iprova Suite. Door nieuwe ontwikkelingen kunnen de systeemeisen voor iprova wijzigen. Controleer
Nadere informatieHoewel veel mobiele sites zijn ontworpen met het oog op weergave op mobiele apparaten, zijn ze vaak niet goed toegankelijk via een zoekmachine.
Mobiele websites Een mobiele site is een website die geoptimaliseerd is voor gebruik op een klein scherm en wordt getoond via de browser van een smartphone of tablet. Een mobiele site is niet afhankelijk
Nadere informatieAgenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?
Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?
Nadere informatieWebsites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash
Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis
Nadere informatieWAAR VERZAMEL JE ALLE INPUT?
WAAR VERZAMEL JE ALLE INPUT? Je hebt een probleem: informatie komt via steeds meer kanalen tot jou. Allerlei stuff komt bij je binnen via e-mail, whatsapp, sms, telefoon, collega`s in de gang en op kantoor,
Nadere informatieWeek 1 1/4. Week 1 2/4
Week 1 1/4 3. Beschrijf keuzes: Wij hebben gekozen voor Dreamweaver omdat een van ons dit al op zijn/haar laptop had staan. Ook weten we hoe we dit programma moeten gebruiken en kan bijvoorbeeld notepad++
Nadere informatieUbiquitous & Mobile Computing
Ubiquitous & Mobile Computing Ontwerpen van Interactieve Systemen Christof van Nimwegen, 26 maart 2015 Ubiquitous (pervasive) computing De integratie van computers en het gebruik ervan in de dagelijkse
Nadere informatieDit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde
Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde [64] [Arthur Hemmer 5494753] [Mehul Mistry 4255704]
Nadere informatieWebSite Director Gebruikersgids
WebSite Director Gebruikersgids CyberTeams, Inc. 104 South Main Street, Mt. Airy, MD 21771 301-829-6144! www.cyberteams.com CyberTeams and WebSite Director are registered trademarks of CyberTeams, Inc.
Nadere informatieModular Development. Een App in Facebook. Dennis van der Oost CMD2D 0822118. Module: CMDDEV01-7 Docent: Eric Mahieu. Eindverslag v.1.
Modular Development Een App in Facebook Dennis van der Oost CMD2D 0822118 Module: CMDDEV01-7 Docent: Eric Mahieu Eindverslag v.1.0 Inhoudsopgave - Inleiding - Concept omschrijving - Technisch onderzoek
Nadere informatieWebsite beoordeling feedbackvote.com
Website beoordeling feedbackvote.com Gegenereerd op December 21 2018 11:22 AM De score is 51/100 SEO Content Title Feedbackvote - Best Community and Customer Feedback System and Votingsystem Lengte : 75
Nadere informatieWEBSITE SCAN Vrijblijvend advies
WEBSITE SCAN Vrijblijvend advies IBAN: NL57ABNA0479025207 Inleiding: Wij hebben uw website op diverse facetten geanalyseerd en hier een bondig rapport voor geschreven. Door het uitvoeren van onderstaande
Nadere informatieEerste stappen met Windows 10
Eerste stappen met Windows 10 Je hebt de upgrade naar Windows 10 met succes afgesloten. Nu kun je volledig profiteren van je nieuwe besturingssysteem. Als hulp bij je oriëntatie op jouw eerste stappen
Nadere informatieOnline SEO-CHECKLIST. Switch Reclamebureau bv I Rendementsweg 2-Q I Mijdrecht I I
SEO-CHECKLIST Strategie Concept Creatie SEO-checklist Met de SEO check van Switch kijken wij naar 51 specifieke onderdelen die ervoor zorgen dat uw website beter presteert. Hieronder vindt u een overzicht
Nadere informatieWebsite beoordeling seo.sololaki.com
Website beoordeling seo.sololaki.com Gegenereerd op Februari 19 2016 17:13 PM De score is 66/100 SEO Content Title SEO Analyzer Lengte : 12 Perfect, uw title tag bevat tussen de 10 en 70 karakters. Description
Nadere informatieAmeland binnen handbereik
Ameland binnen handbereik Gauke Pieter Sietzema Hoofd ontwikkeling, SEO specialist & Sterc partner Hendrik Jan Hofstede Strateeg & internetmarketeer & Sterc partner VVV Ameland mobile - Ameland binnen
Nadere informatieWEBSITE USABILITY. white-paper
WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te
Nadere informatieDe clientkant van webapplicaties in het universitaire onderwijs
De clientkant van webapplicaties in het universitaire onderwijs ir. S. Stuurman universitair docent bij de faculteit Informatica van de Open Universiteit, Sylvia.Stuurman@ou.nl ir. H. Koppelman universitair
Nadere informatieWebsite beoordeling weeknummers.nl
Website beoordeling weeknummers.nl Gegenereerd op Oktober 19 2018 20:01 PM De score is 65/100 SEO Content Title Welk weeknummer is het? Weeknummers 2018 Lengte : 40 Perfect, uw title tag bevat tussen de
Nadere informatieIntroductie Veiligheidseisen Exploiten Conclusie. Browser security. Wouter van Dongen. RP1 Project OS3 System and Network Engineering
Browser security Wouter van Dongen RP1 Project OS3 System and Network Engineering Februari 4, 2009 1 Introductie Onderzoeksvraag Situatie van de meest populaire browsers Client-side browser assets vs.
Nadere informatieFoto web applicatie documentatie
Foto web applicatie documentatie Marijn Stuyfzand M31T PHP31 David Schol 1 Inhoudsopgave APPLICATIESTRUCTUUR MAPPENSTRUCTUUR FUNCTIONALITEITSSTRUCTUUR DE BASIS VOOR ELKE PAGINA DATABASE SERVER- SIDE EN
Nadere informatieBouw snel en eenvoudig een eigen mobile Virtual Reality app
Bouw snel en eenvoudig een eigen mobile Virtual Reality app Deze handleiding is opgesplitst in twee delen. Deel 1: Hoe gebruik je het Smart2VR CMS? Deel 2: Hoe gebruik je de Virtual Reality app? Deel 1:
Nadere informatieicafe Project Joeri Verdeyen Stefaan De Spiegeleer Ben Naim Tanfous
icafe Project Joeri Verdeyen Stefaan De Spiegeleer Ben Naim Tanfous 2006-2007 Inhoudsopgave 1 2 1.1 Programmeertaal PHP5..................... 2 1.2 MySQL database......................... 3 1.3 Adobe Flash...........................
Nadere informatieZo kan je linken maken tussen je verschillende groepen van gegevens.
1 1. Entity Reference Entity Reference zal ook een onderdeel zijn van Drupal 8. Het is een module van het type veld. Het is een heel krachtige module die toelaat om referenties te maken tussen verschillende
Nadere informatieAngular Best Practices Door Alex en Chris van Beek
Angular Best Practices Door Alex en Chris van Beek Over ons Enthousiastelingen Software Architecten bij Luminis Arnhem B.V. Gespecialiseerd in Microsoft technologie:.net, Azure en Windows Twitter: @Beekje
Nadere informatieWebsite beoordeling assin.co
Website beoordeling assin.co Gegenereerd op Juli 18 2019 15:45 PM De score is 57/100 SEO Content Title Assin is automated service for your Instagram account promotion Lengte : 63 Perfect, uw title tag
Nadere informatieApp creation made simple!
App creation made simple! VAN PRINT NAAR APPS Pieter van der Kruijf Accountmanager @ LayerGloss In m n functie als Accountmanager binnen LayerGloss spreek ik veel klanten, waaronder veel uitgevers, die
Nadere informatieHTML5 & Webdesign. Ontwerp cover: Graficelly, Reeuwijk-Brug. N. van Aken M. den Besten A.C. Gijssen ISBN 978-90-460-0740-2
Ontwerp cover: Graficelly, Reeuwijk-Brug N. van Aken M. den Besten A.C. Gijssen ISBN 978-90-460-0740-2 Eerste druk 2016 Instruct, Postbus 38, 2410 AA Bodegraven Behoudens uitzondering door de wet gesteld
Nadere informatieV I R U S S E N versie 1f 19 juni 2013 Deel 1 Deel 2 Deel 3 Deel 4 Deel 5 Deel 6
V I R U S S E N versie 1f 19 juni 2013 Deel 1 Verslag Virus Deel 2 Software virusscanner met gebruiksaanwijzing Deel 3 Online virusscanners Deel 4 Help, ik heb het Politievirus! Deel 5 Virusscanner testen
Nadere informatie15 tips voor een goede website. Dieneke Van Eijk
15 tips voor een goede website Dieneke Van Eijk dieneke@sitevisie.com Zomercheck Als je op vakantie gaat check je natuurlijk voor vertrek je auto, maak je lijstjes wat er mee gaat in je koffer en bereid
Nadere informatieKlik&Steen Dashboard. Wat zijn nou interessante statistieken bij websites?
Klik&Steen Dashboard Wat zijn nou interessante statistieken bij websites? Inleiding Dit document dient als onderzoek naar de statistieken die interessant zijn om te laten zien in het dashboard van Klik&Steen.
Nadere informatieipad-app - downloaden en activeren
ipad-app - downloaden en activeren Download de gratis ipad app van Legal Intelligence via de App Store van Apple. Na installatie doorzoekt u heel gemakkelijk de belangrijkste juridische bronnen. Met een
Nadere informatieTES TEACH Tes Teach. Create digital lessons in 5 minutes.
TES TEACH Tes Teach. Create digital lessons in minutes. Tes Teach is een volledig gratis tool waarmee je snel en eenvoudig leerpaden voor je leerlingen kan maken. Een leerpad is een opeenvolging van stappen
Nadere informatieTETRA HTML5. 4de gebruikersgroepvergadering 4 oktober 2013, Hasselt
TETRA HTML5 4de gebruikersgroepvergadering 4 oktober 2013, Hasselt Agenda WP1: Administratie WP3 & WP4: Proof-of-Concept en performantietesten WP5 & WP6: Valorisatie en pilootprojecten Varia & broodjeslunch
Nadere informatieApp onderdelen. Source files. Android app onderdelen 1/6
Android app onderdelen 1/6 App onderdelen Een Android project bestaat uit een aantal onderdelen die hieronder beschreven worden. In het project venster kan je de mappen weergeven volgens de hieronder aangeduide
Nadere informatieStappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.
Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker
Nadere informatie01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer
01/05 Websites Nederland over Mobile marketing Mabelie Samuels internet marketeer 02/05 Mobile marketing Kunt u zich uw eerste mobiele telefoon nog herinneren? Die van mij was een Motorola, versie onbekend,
Nadere informatieis front-end kennis relevant voor een UX designer
In hoeverre is front-end kennis relevant voor een UX designer tijdens een designproces? Door: Wessel Grift Onderzoeksvraag In hoeverre is het hebben van front-end development kennis relevant voor een
Nadere informatieVANDAAG. Introductie Sharewire Mobiele landschap Wat betekent dit voor u!
VANDAAG Introductie Sharewire Mobiele landschap Wat betekent dit voor u! INTRODUCTIE Opgericht in 2003 Full service mobiel bureau in NL The Hague Mobile Academy 20 Mensen, 6 Nationaliteiten Focus op bedrijfskritische
Nadere informatieHTML Graphics. Hans Roeyen V 3.0
HTML Graphics Hans Roeyen V 3.0 19 maart 2015 Inhoud 1. HTML5 Canvas... 3 1.1. Het Canvas element... 3 2. SVG Element... 9 2.1. SVG vergeleken met Canvas... 9 2.2. Een cirkel tekenen met SVG... 10 2.2.1.
Nadere informatieWebsite beoordeling entranttechnologies.com
Website beoordeling entranttechnologies.com Gegenereerd op Juli 22 2019 12:58 PM De score is 61/100 SEO Content Title Entrant Technologies Top Web and Mobile App Development Company USA, India Lengte :
Nadere informatieEigen Widgets in CRM. Introductie. Limitering. Widgets beschikbaar stellen. Tips & Tricks Eigen Widgets in CRM
Tips & Tricks Eigen Widgets in CRM Eigen Widgets in CRM Introductie De WebUI van CRM 7.0 maakt het mogelijk om je eigen widgets te maken en deze in je eigen view te gebruiken. Dat kan door gebruik te maken
Nadere informatieHTML. Media. Hans Roeyen V 3.0
Media Hans Roeyen V 3.0 12 maart 2015 Inhoud 1. (Multi)Media op websites... 3 2. Flash en Websites... 4 3. Video op je website... 4 3.1. YouTube insluiten op de pagina... 4 3.2. Video zonder YouTube...
Nadere informatieVIA EEN BROWSER OF DE NETOP VISION STUDENT APP UW SCHERM MET STUDENTEN DELEN
VIA EEN BROWSER OF DE NETOP VISION STUDENT APP UW SCHERM MET STUDENTEN DELEN Met Vision kunnen docenten als volgt een lesruimte maken: als een combinatie van studenten die met Windows werken en apparaten
Nadere informatieSMARTPHONE APPLICATIE HANDLEIDING
SMARTPHONE APPLICATIE HANDLEIDING INHOUD GV Smartphone applicatie handleiding... 3 1 Enkele nota s:... 3 2 Windows Smartphone GV-MSView... 3 2.1 GV-MSView Live beelden instellen... 3 2.2 GV-MSView Opgenomen
Nadere informatieWebSite Director Gebruikersgids
WebSite Director Gebruikersgids CyberTeams, Inc. 104 South Main Street, Mt. Airy, MD 21771 301-829-6144! www.cyberteams.com CyberTeams and WebSite Director are registered trademarks of CyberTeams, Inc.
Nadere informatieInhoud. Introductie tot de cursus
Inhoud Introductie tot de cursus 1 De functie van de cursus 7 2 De inhoud van de cursus 7 2.1 Voorkennis 7 2.2 Leerdoelen van de cursus 8 2.3 Opbouw van de cursus 8 3 Leermiddelen en wijze van studeren
Nadere informatie