Summerschool Mobiele Apps augustus 2012 Herman van Dompseler. HTML 5 App

Save this PDF as:
 WORD  PNG  TXT  JPG

Maat: px
Weergave met pagina beginnen:

Download "Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler. HTML 5 App"

Transcriptie

1 Summerschool Mobiele Apps augustus 2012 Herman van Dompseler HTML 5 App

2 1. Wat is HTML 5 2. HTML 5 Apps 3. Hybride App Architectuur 4. Een App maken Overzicht

3 Deel 1: HTML5

4 HTML 5 gebruikt als verzamelnaam voor HTML 5 markup Javascript scripting CSS3 vormgeving HTML 5

5 <!DOCTYPE HTML> <html> <head> <title>hello World</title> HTML 5 pagina

6 Maar eerst... Factoren om te overwegen: Welke toepassing ga je maken Welke HTML features wil je inzetten Voor welk platform maak je je applicatie De vraag is: wat je wilt, kan dat wel? Bezint eer ge begint

7 Het antwoord is: caniuse.com

8 Case... nieuwe form elementen: <form> <input type= text > Nieuw: <input type= date > Of: <input type = mail > Of: <input type = search > </form> HTML 5 basics

9 Case: <input type= date > HTML 5 basics: voorbeeld

10 Belangrijkste les bij de HTML 5 basics Er zijn eigenlijk maar 2 platformen die voor HTML 5 basics geschikt zijn 1. Opera voor de desktop 2. ios voor de iphone & ipad HTML 5 basics: les

11 Deel 2: HTML5 Apps

12 Van laptop naar andere devices

13 Web Site Web App Hybride App Native App

14 Kenmerken Wordt bezocht door er naartoe te browsen Algemene look & feel van website Server side rendering Online toegankelijk Zie je het browser frame? Web Site

15 Kenmerken Kunnen geïnstalleerd worden als App Uitgebreidere touch GUI Client side rendering Offline toegankelijk Geen frame meer! Web App

16 Kenmerken Directe toegang tot het device via raamwerk zoals Phonegap. HTML 5 kan in de app worden opgeslagen, App kan in de App Store worden opgenomen. Toegang tot het device! Phonegap Hybride App

17 Kenmerken Specifieke code Native code Hum geen HTML 5 meer. Native App

18 Native code Phonegap HTML5 App

19 Web site Als alle content online is (en moet blijven) Web App Als je een eenvoudige App ervaring wil creëren met bestaande content Hybrid App Als je toegang tot specifieke functies van het device nodig hebt OF Als je geld wilt verdienen via de App store Native App Als je veel snelheid in je App nodig hebt Wat kies jij?

20 Vul het flowchart in

21 Deel 3: Hybride App Architectuur

22 Native App ontwikkeling

23 HTML5 code Javascript library Phonegap Hybride App Ontwikkeling

24 Maken het ontwikkelen van de interface eenvoudiger voor meerdere devices jquerymobile DojoMobile Sencha jqtouch Zepto Hammer QuoJs Frontend libraries

25 Definieren functies die toegang geven tot functionaliteiten van het device Phonegap Appmobi Appcelerator Backend libraries

26 Werken met Phonegap

27 HTML 5 oplossing voor audio Web App <audio> tag Hybride App Media object Met media object ook geluid opnemen Verschil Web App en Hybride App

28 API Geeft toegang tot online content aan App Website Geeft toegang aan laptop Connected Architectuur

29 Welke resource in de App en welke resource online? De App moet een snelle response geven Niet teveel data genereren online Resource in App dus, behalve Als content niet gedupliceerd hoeft te worden Je niet voor content wijzigingen een nieuwe App hoeft te maken. Resources

30 Deel 4: Een App maken

31 Download en installeer Phonegap.com > getting started guides Stap 1: Hello world!

32 Configureer een Android Virtual Device Resolutie Density Stap 2: Run en test demo App

33 Juli 2012 Stap 3: Welke Android versie

34 assets/www Documentroot index.html Stap 4: Directory structuur

35 XMLmanifest file Android config file Helloworld - main java file super.setintegerproperty("splashscreen", R.drawable.splash); super.loadurl("file:///android_asset/www/index.html", 10000); Stap 5: Icon en startup scherm

36 Smartphone Width: < 800 Orientation: portrait Dpi: 160 Tablet Width: > 800 Orientation: landscape Dpi: 160 High resolution Dpi: 240 Stap 6a: Schermtype

37 /* fixed width layout */ /* standard width screen and (max-width: 799px) { /* portrait layout */ } /* for layout with great widths screen and (min-width: 800px) { /* landscape layout */ } Stap queries (CSS)

38 Belangrijke Phonegap Events Deviceready loadfase1: function() { document.addeventlistener("deviceready", Cordova.DeviceReady, false); }, Pause/resume Online/offline Baterycritical/batterylow/batterystatus Stap 7: Events (backend)

39 Belangrijke jquerymobile Events $('#page').live('tap',function(event) { alert("tap"); }); $('#page').live('taphold',function(event) { alert("hold"); }); $('#page').live('swipeleft',function(event) { alert("swipeleft"); }); $('#page').live('swiperight',function(event) { alert("swiperight"); }); Stap 8: Events (frontend)

40 Nu kun je zelf aan de slag! Uitleg is voorhanden in pdf Ik ben vandaag en morgen beschikbaar voor vragen Stap 9: Off you go!

41 The End

HTML 5 App. Herman van Dompseler in opdracht van SURFnet. 20 december 2012 Versie 0.91

HTML 5 App. Herman van Dompseler in opdracht van SURFnet. 20 december 2012 Versie 0.91 Herman van Dompseler in opdracht van SURFnet 20 december 2012 Versie 0.91 Contents Inleiding... 4 Wat is HTML 5... 4 Wat is er mogelijk met HTML 5?... 5 HTML 5 handige links... 8 Part 1: HTML 5 Apps...

Nadere informatie

HTML5 App. Herman van Dompseler In samenwerking met SURFnet. 3 augustus 2012 Versie 0.3 - CONCEPT

HTML5 App. Herman van Dompseler In samenwerking met SURFnet. 3 augustus 2012 Versie 0.3 - CONCEPT Herman van Dompseler In samenwerking met SURFnet 3 augustus 2012 Versie 0.3 - CONCEPT Contents Part 1: Wat is HTML5... 4 Laat maar zien, wat kan ik met HTML5?... 4 HTML5 Resources... 7 HTML5 Apps... 7

Nadere informatie

Technische data. Versie dec

Technische 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 informatie

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens a.classens@student.fontys.nl

Bottleball 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 informatie

TETRA HTML5. 4de gebruikersgroepvergadering 4 oktober 2013, Hasselt

TETRA 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 informatie

APPS. Presentatie

APPS. Presentatie APPS Presentatie 2010-10-18 1 INLEIDING In principe heeft het vrij weinig uitleg nodig, want we de meeste onder ons zijn er wel mee bekend. Een applicatie is een klein stukje software dat draait op een

Nadere informatie

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com Talk Nerdy To Me 16-05-2012 NHL Responsive Webdesign Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com 1.1 Waarom is webdesign voor mobiel gebruik onvermijdelijk? in 2010 was er 600% groei in

Nadere informatie

F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E )

F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E ) F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E ) Datum: 29-09-2010 Auteur: Dairo Bosschart Versie: 1.0 Document: Functioneel_ontwerp (vision versie).docx

Nadere informatie

Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11

Web 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 informatie

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren. Hoorcollege 4 Verkennen Genereren Evalueren Communiceren Card sorting Sitemap Use case Wireframes Schermontwerpen Stijlgids Niet in les gedaan! Via je einddocument Schermontwerpen Pauze Stijlgids Feedback

Nadere informatie

Frontend performance meting

Frontend performance meting Frontend performance meting als aanvulling op de traditionele manier van performancetesten René Meijboom rene@performancearchitecten.nl Introductie Uitdaging bij huidige klant Succesvolle performancetest

Nadere informatie

Responsive web applicaties op Oracle

Responsive web applicaties op Oracle APEX Responsive web applicaties op Oracle Spreker(s) : Datum : E-mail : Arian Macleane & Jacob Beeuwkes 06-06-2013 info@transfer-solutions.com WWW.TRANSFER-SOLUTIONS.COM Outline Trends APEX intro APEX

Nadere informatie

Piwik. statistieken zonder pottekijkers. een volwaardig open source alternatief voor GoogleAnalytics

Piwik. statistieken zonder pottekijkers. een volwaardig open source alternatief voor GoogleAnalytics Piwik statistieken zonder pottekijkers een volwaardig open source alternatief voor GoogleAnalytics Joris Lange, Smart Joomla Websites JUG030, 9 mei 2016 Webanalyse is het meten, verzamelen, analyseren

Nadere informatie

Joomla Template & Bootstrap 3.0. JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl)

Joomla Template & Bootstrap 3.0. JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl) Joomla Template & Bootstrap 3.0 JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl) De case Joomla 3.laatst Helemaal responsive Fixed kop- en voetgebied Specifieke chrome Zoveel mogelijk zelf Joomla

Nadere informatie

HTML Graphics. Hans Roeyen V 3.0

HTML 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 informatie

React en React Native voor websites en apps

React 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 informatie

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase

Grafisch 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 informatie

is front-end kennis relevant voor een UX designer

is 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 informatie

iprova Suite Systeemeisen iprova 5 Hosting

iprova 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 informatie

Documentatie WD32. Christine van Woensel M32

Documentatie WD32. Christine van Woensel M32 Documentatie WD32 Christine van Woensel M32 Ontwerpkeuzes per device resolutie Desktop (1025 1600px & 769 1024px): Tablet (481 768px): Smartphone (321 480px & tot 320px): Algemeen: Alle ontwerpen voor

Nadere informatie

Release notes Argo 7. Interactieve LMS interface. Nieuwe interface voor lesmodules

Release 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 informatie

Maak kennis met de apps van Rhinofly. Augustus 2012

Maak kennis met de apps van Rhinofly. Augustus 2012 Maak kennis met de apps van Rhinofly Augustus 2012 Rhinofly en mobiele ontwikkeling De afgelopen jaren hebben we ons intensief verdiept in de mogelijkheden van mobiel. Na grondige research & development-trajecten

Nadere informatie

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013 Zelf een eenvoudige website opzetten Jorrit Groenevelt & Arjan Kraak Juni 2013 1 Inleiding/Doel Een onmisbaar onderdeel van het starten van een bedrijf is het opzetten van een website. Een onderneming

Nadere informatie

STAGE VERSLAG LVB NETWORKS

STAGE VERSLAG LVB NETWORKS STAGE VERSLAG LVB NETWORKS Stagiair : Praktijkopleider : Stagebegeleider : Periode : Inlever Datum : Michael Scherpenisse Jeffrey van Draanen Bert de Boer 1 2 April, 2015 Opmerking Beoordeling stageverslag:

Nadere informatie

Vrije visualisatie en intelligentie crëeren met scripting (LUA)

Vrije visualisatie en intelligentie crëeren met scripting (LUA) Vrije visualisatie en intelligentie crëeren met scripting (LUA) 24 juni 2014 KNX Professionals Maarssen Erwin van der Zwart Product Application Engineer Buildings 1 Welk soort visualisa.e kies ik? Pc /

Nadere informatie

Betreft: Gebruiksinstructie vrkastour

Betreft: 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 informatie

BOOKSHELF E-BOOKS VOOR HOGER ONDERWIJS EN DE PROFESSIONELE MARKT HANDLEIDING

BOOKSHELF E-BOOKS VOOR HOGER ONDERWIJS EN DE PROFESSIONELE MARKT HANDLEIDING BOOKSHELF E-BOOKS VOOR HOGER ONDERWIJS EN DE PROFESSIONELE MARKT HANDLEIDING BOOKSHELF? Partner van ACCO voor distributie van interactieve en multimediale e-books voor hoger onderwijs en professionele

Nadere informatie

Cisco Cloud. Collaboration. Ronald Zondervan David Betlem September, 2011. Presentation_ID 2010 Cisco Systems, Inc. All rights reserved.

Cisco Cloud. Collaboration. Ronald Zondervan David Betlem September, 2011. Presentation_ID 2010 Cisco Systems, Inc. All rights reserved. Cisco Cloud Collaboration Ronald Zondervan David Betlem September, 2011 1 E Open architectuur Uitgangspunten Gebaseerd op Open Standaarden telefonie, video, desktop integratie, beschikbaarheidsstatus (presence)

Nadere informatie

KraamZorgCompleet OnLine instellen en gebruiken. Voor ipad of iphone

KraamZorgCompleet OnLine instellen en gebruiken. Voor ipad of iphone KraamZorgCompleet OnLine instellen en gebruiken Voor ipad of iphone Inhoudsopgave Hoofdstuk 1 Algemeen...1 1.1 Toegang tot inlogportalen...1 Hoofdstuk 2 Basic account...3 2.1 Microsoft Remote Desktop installeren

Nadere informatie

EM6250 Firmware update V030507

EM6250 Firmware update V030507 EM6250 Firmware update V030507 EM6250 Firmware update 2 NEDERLANDS/ENGLISH Table of contents 1.0 (NL) Introductie... 3 2.0 (NL) Firmware installeren... 3 3.0 (NL) Release notes:... 5 1.0 (UK) Introduction...

Nadere informatie

INHOUD 1. Instructie installatie 2X client iphone & ipad... 4. 2. Downloaden app 2x client... 4. 3. Connections... 6

INHOUD 1. Instructie installatie 2X client iphone & ipad... 4. 2. Downloaden app 2x client... 4. 3. Connections... 6 INHOUD 1. Instructie installatie 2X client iphone & ipad... 4 2. Downloaden app 2x client... 4 3. Connections... 6 4. Werkplek Standby connection... 7 a. Een nieuwe connection toevoegen... 7 Alias... 8

Nadere informatie

APEX Templates. OGH APEX dag 30 maart. Art Melssen. 31 maart 2010

APEX Templates. OGH APEX dag 30 maart. Art Melssen. 31 maart 2010 APEX Templates OGH APEX dag 30 maart Art Melssen Introductie Over de spreker 4 jaar APEX ervaring / 7 jaar Oracle 10 jaar web technologie ervaring APEX trajecten o.a. bij Centraal Boekhuis en eboekhuis

Nadere informatie

TETRA HTML5. 3de gebruikersgroepvergadering 3 juni 2013, Gent

TETRA HTML5. 3de gebruikersgroepvergadering 3 juni 2013, Gent TETRA HTML5 3de gebruikersgroepvergadering 3 juni 2013, Gent Agenda WP1: Administratie WP6: Valorisatie WP3 & WP4: Proof-of-Concept en performantietesten Voorstelling online-offline POC HTML5 vandaag,

Nadere informatie

5+1 OPLOSSINGEN VOOR EEN APP

5+1 OPLOSSINGEN VOOR EEN APP 5+1 OPLOSSINGEN VOOR EEN APP Auteur: Fokke Zandbergen App Imagineer 6 November 2013 5+1 OPLOSSINGEN VOOR EEN APP Introductie: 5+1 oplossingen voor een app 3 De kans 3 De uitdaging 3 Software 3 Hardware

Nadere informatie

Ameland binnen handbereik

Ameland 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 informatie

Content Strategie. Hoorcollege 2 9 september 2013

Content Strategie. Hoorcollege 2 9 september 2013 Content Strategie Hoorcollege 2 9 september 2013 Agenda HC2 Communicatie Basisprincipes content Content en platformen Content en SEO Owned, earned, paid media 2 3 4 5 6 Overtuigen en shared meaning Hoe

Nadere informatie

Maximo Tips and Tricks

Maximo Tips and Tricks Maximo Tips and Tricks Agenda Tips & Tricks 1. Scherm lay-out on demand 2. Koppelen Excel en Maximo 3. Foto s toevoegen aan records 4. Type ahead functie 5. Scripting voor calculaties en validaties 6.

Nadere informatie

Handleiding telewerken GGD Amsterdam

Handleiding telewerken GGD Amsterdam Handleiding telewerken GGD Amsterdam Versie 1.4 Mei 2014 Door Dennis Smith Inhoud 1. Benodigdheden... 3 2. Met een browser... 4 3. Windows Apparaten... 6 4. De Citrix receiver installeren... 6 5. De Citrix

Nadere informatie

Een webpagina maken. Een website bouwen met HTML en CSS practicum 1

Een webpagina maken. Een website bouwen met HTML en CSS practicum 1 Een webpagina maken De komende periode wordt in 8 practica een aantal technieken behandeld, die je nodig hebt om een (eenvoudige) website te kunnen bouwen. Nadat je deze 8 practica hebt doorgewerkt, moet

Nadere informatie

Inhoud Wat is mobiel werken?... 2 Installeren VPN Client... 3 Laptop... 3 Windows 8... 4 Windows 7... 10 Mac OS X... 16 Linux... 16 Tablet...

Inhoud Wat is mobiel werken?... 2 Installeren VPN Client... 3 Laptop... 3 Windows 8... 4 Windows 7... 10 Mac OS X... 16 Linux... 16 Tablet... 333 Inhoud Wat is mobiel werken?... 2 Installeren VPN Client... 3 Laptop... 3 Windows 8... 4 Windows 7... 10 Mac OS X... 16 Linux... 16 Tablet... 18 ios (ipad)... 18 Android... 21 Windows... 21 Smartphone...

Nadere informatie

OpenScape Mobile (iphone) = UC app voor iphone smartphone. Beknopte handleiding & praktische tips

OpenScape Mobile (iphone) = UC app voor iphone smartphone. Beknopte handleiding & praktische tips OpenScape Mobile (iphone) = UC app voor iphone smartphone Beknopte handleiding & praktische tips pag. 1 Waarvoor dient het? OpenScape Mobile highlights: UC gebruiken zonder PC (Meeste UC functies beschikbaar,

Nadere informatie

HTML5 VIDEO. Een stand van zaken Jeroen Wijering, LongTail Video

HTML5 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 informatie

RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA

RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA AGENDA Het Doel #responsivemobilefirsthtml5buzzwordcompliant CSS preprocessing SASS Werken

Nadere informatie

Internet. Provider. Gebruikers. ADSL De verbinding kan via een kabel of draadloos SBM 2015

Internet. Provider. Gebruikers. ADSL De verbinding kan via een kabel of draadloos SBM 2015 Als gevolg van het niet op tijd inrichten van het leslokaal het slecht funktioneren van Wife en De veelheid van de onderwerpen Verliep les 2 moeizaam. Les 2 gaan we dunnetjes over doen zodat we allemaal

Nadere informatie

memo Aan : V&V medewerkers Van : Servicedesk Betreft : documenten.twb.nl gebruik Datum :

memo Aan : V&V medewerkers Van : Servicedesk Betreft : documenten.twb.nl gebruik Datum : Aan : V&V medewerkers Van : Servicedesk Betreft : documenten.twb.nl gebruik Datum : 26-06-2014 Documenten Via het computer systeem van TWB heb je toegang tot documenten van het team waarin je werkt of

Nadere informatie

Bouw snel en eenvoudig een eigen mobile Virtual Reality app

Bouw 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 informatie

Web app Spaans voor kinderen

Web app Spaans voor kinderen Web app Spaans voor kinderen Naam: Yanette Wong Lozano Inhoudsopgave Inleiding... 3 Beschrijving applicatie... 4 Doelgroep... 4 Omgeving... 4 Technologische middelen... 4 User stories... 4 Site map...

Nadere informatie

Interactive media Developer (IMD) In samenwerking met House of Media

Interactive media Developer (IMD) In samenwerking met House of Media Interactive media Developer (IMD) In samenwerking met House of Media Interactive Media Developer (IMD) DPS-producties maken (interactieve magazine app) epub s vervaardigen (e-book of e-magazine?) 3 dagen

Nadere informatie

HOE ONTWERP IK DE JUISTE APP VOOR MIJN ORGANISATIE?

HOE ONTWERP IK DE JUISTE APP VOOR MIJN ORGANISATIE? HOE ONTWERP IK DE JUISTE APP VOOR MIJN ORGANISATIE? 5 Overwegingen voor je een zakelijke app ontwikkelt DIT IS EEN UITGAVE VAN Plannen om een app te bouwen? Vraag je dan eerst af waarvoor je die app nodig

Nadere informatie

Open de App Store en zoek de app Easycolor of Realcolor. Uw smartphone kan nu op verschillende manieren gekoppeld worden met de Wifi ontvanger.

Open de App Store en zoek de app Easycolor of Realcolor. Uw smartphone kan nu op verschillende manieren gekoppeld worden met de Wifi ontvanger. Open de App Store en zoek de app Easycolor of Realcolor. Uw smartphone kan nu op verschillende manieren gekoppeld worden met de Wifi ontvanger. Default instelling: U gebruikt 1 Wifi ontvanger als Acces

Nadere informatie

We gaan oefenen met communicatie via internet. SBM 2015 2

We gaan oefenen met communicatie via internet. SBM 2015 2 Wat zijn de consequenties wanneer ouderen gebruik gaan maken van internet? Het mag niet zo zijn dat ouderen een kunstje aanleren en dat is het.de cursus is uitgebreider, behandeld wordt onderanderen:veilig

Nadere informatie

Mobiele data: 2G, 3G, 4G, wifi,... Verschillen in eigenschappen, toepassingen...

Mobiele data: 2G, 3G, 4G, wifi,... Verschillen in eigenschappen, toepassingen... Mobiele data: 2G, 3G, 4G, wifi,... Verschillen in eigenschappen, toepassingen... Paul Dekkers Summerschool Mobiele apps, augustus 2012 Inhoud Wat doet SURFnet Ontwikkelingen mobiel in Nederland Mobiele

Nadere informatie

KPN Push-To-Talk Quick start voor ios. Versie 1.0

KPN Push-To-Talk Quick start voor ios. Versie 1.0 KPN Push-To-Talk Quick start voor ios Versie 1.0 Installeren van de KPN Push-To-Talk applicatie Ga naar de App Store op uw ios device*. Zoekwoord KPN push. De KPN Push-To-Talk applicatie treft u in de

Nadere informatie

DigitaleSpreekkamer. Handleiding voor de cliënt. voor laptop/computer en ipad

DigitaleSpreekkamer. Handleiding voor de cliënt. voor laptop/computer en ipad DigitaleSpreekkamer Handleiding voor de cliënt voor laptop/computer en ipad VOORWOORD Hierbij treft u de handleiding aan voor het gebruik van de Digitale Spreekkamer. We hebben deze dienst ontwikkeld om

Nadere informatie

De abonnementsduur van het contract is afhankelijk van uw bundelkeuze (camera en abonnement).

De abonnementsduur van het contract is afhankelijk van uw bundelkeuze (camera en abonnement). Panasonic Cameramanager Go! Cloud videobeveiliging per direct beschikbaar! Panasonic Cameramanager biedt ondernemers de mogelijkheid op afstand een oogje in het zeil te houden. Met de alles in 1 oplossing

Nadere informatie

Websitecursus deel 1 HTML

Websitecursus deel 1 HTML Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!

Nadere informatie

Intramed OnLine instellen en gebruiken. Voor ipad en iphone

Intramed OnLine instellen en gebruiken. Voor ipad en iphone Intramed OnLine instellen en gebruiken Voor ipad en iphone Inhoudsopgave Hoofdstuk 1 Algemeen...1 1.1 Toegang tot inlogportalen...1 Hoofdstuk 2 Basic account...3 2.1 Microsoft Remote Desktop installeren

Nadere informatie

2. Wat kost HBO GO? HBO GO is onderdeel van het HBO Pakket. Daarom betaalt u er niets extra voor.

2. Wat kost HBO GO? HBO GO is onderdeel van het HBO Pakket. Daarom betaalt u er niets extra voor. Q&A HBO GO Versie: 0 Versie: 1 Datum: 27 april 2012 ------------------------------------------------------------------------------------------------------------ Algemeen Instellingen Problemen oplossen

Nadere informatie

CB Goes Responsive. Ahead with smart logistics

CB Goes Responsive. Ahead with smart logistics CB Goes Responsive Ahead with smart logistics Hans Chris Amelink, Willem Cortenraad, Manager Systeemontwikkeling directeur 22 9-4-2013 november 2012 1 Wie is CB? Missie Bijdragen aan duurzaam succes van

Nadere informatie

DRAADLOZE HDMI STICK

DRAADLOZE HDMI STICK DRAADLOZE HDMI STICK G E B R U I K S A A N W I J Z I N G Ondersteuning na aankoop. Gefeliciteerd met de aankoop van deze Draadloze HDMI Stick. Met de aankoop van dit apparaat krijgt u niet alleen een 3-jarige

Nadere informatie

Serie-overzichten naar uw klant via mijn.loondossier.nl

Serie-overzichten naar uw klant via mijn.loondossier.nl Serie-overzichten naar uw klant via mijn.loondossier.nl Inhoud Gewenste situatie... 1 In het kort... 1 Serie-overzichten, hoe richt u die in?... 2 Resultaten serie-overzicht als één bestand naar mijn.loondossier.nl...

Nadere informatie

WebCit. kruip in de huid van uw doelgroep! ?WebCit

WebCit. kruip in de huid van uw doelgroep! ?WebCit ?WebCit kruip in de huid van uw doelgroep! Inleiding De zorg in Nederland verandert. Aan de ene kant wordt dit veranderingsproces gedreven door financiële prikkels voortkomende uit een veranderend zorgstelsel.

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY 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 informatie

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer

01/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 informatie

OpenScape Mobile (Android) = UC app voor Android smartphone. Beknopte handleiding & praktische tips

OpenScape Mobile (Android) = UC app voor Android smartphone. Beknopte handleiding & praktische tips OpenScape Mobile (Android) = UC app voor Android smartphone Beknopte handleiding & praktische tips pag. 1 Waarvoor dient het? OpenScape Mobile highlights: UC gebruiken zonder PC (Meeste UC functies beschikbaar,

Nadere informatie

Medicatie controle. Mobiele app op basis van App Service en Azure AD

Medicatie controle. Mobiele app op basis van App Service en Azure AD Medicatie controle Mobiele app op basis van App Service en Azure AD Michiel Lankamp Principal developer @michiellankamp michiel.lankamp@winvision.nl Zorggroep Sint Maarten Zorgorganisatie met 2.600 medewerkers,

Nadere informatie

STUDIEWIJZER MOBILE WEB APPS AND SECURITY BACHELOR IN DE TOEGEPASTE INFORM ATICA SEMESTER 4 ACADEMIEJAAR LECTOR: FRÉDÉRIC VLUMMENS

STUDIEWIJZER MOBILE WEB APPS AND SECURITY BACHELOR IN DE TOEGEPASTE INFORM ATICA SEMESTER 4 ACADEMIEJAAR LECTOR: FRÉDÉRIC VLUMMENS Mobile Web Apps & Security BACHELOR IN DE TOEGEPASTE INFORM ATICA SEMESTER 4 ACADEMIEJAAR 2016-2017 LECTOR: FRÉDÉRIC VLUMMENS STUDIEWIJZER MOBILE WEB APPS AND SECURITY Onderdeel van de module @home Mobile

Nadere informatie

Meehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 www.edubas.nl

Meehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 www.edubas.nl Meehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 Versie 1.0 februari 2015 Start-versie Over dit document In dit document probeer is duidelijk te maken hoe de spellen

Nadere informatie

Mobile Device Manager Handleiding voor ios

Mobile Device Manager Handleiding voor ios Mobile Device Manager Handleiding voor ios Inhoud 1 Welkom bij Mobile Device Manager 3 1.1 Introductie tot de installatie 3 2 Uitrollen van een ios apparaat 4 2.1 Connectie maken met de server 5 2.2 Downloaden

Nadere informatie

1.9.9 Release Notes 28 oktober 2014

1.9.9 Release Notes 28 oktober 2014 1.9.9 Release Notes 28 oktober 2014 Inhoud Voordelen... 1 Overzicht... 2 Release Versie... 3 Nieuw... 4 Nieuw Tablet/Groot scherm weergave... 4 Ontwerp de Tablet/Groot Scherm Layout... 4 Site eigenaar

Nadere informatie

SportCTM 2.0 Sporter

SportCTM 2.0 Sporter SportCTM 2.0 Sporter APP Inloggen Dotcomsport heeft ter ondersteuning van de dagelijkse praktijk ook een APP ontwikkeld, om data invoer te vereenvoudigen. Deze APP ondersteunt de onderdelen; Agenda (invoer

Nadere informatie

Digitale I-Signer Handleiding

Digitale I-Signer Handleiding Digitale I-Signer Handleiding Wat heeft u nodig Een smartphone of tablet met ios of Android als besturingssysteem. Internet verbinding om de DSB I-Signer app te downloaden uit de Google Play Store of de

Nadere informatie

Dynamische webapplicaties in Java

Dynamische webapplicaties in Java Dynamische webapplicaties in Java October 7, 2006 In java is het mogelijk dynamische webpagina s te implementeren. De code om de dynamische gegevens te genereren staat in servlets of Java Server Pages

Nadere informatie

ANOUK ROUMANS TO CODE OR NOT TO CODE.

ANOUK ROUMANS TO CODE OR NOT TO CODE. ANOUK ROUMANS ANOUK ROUMANS TO CODE OR NOT TO CODE. 00 HOOFDVRAAG 00 HOOFDVRAAG Is het relevant voor een UX-designer om development kennis te hebben op gebied van apps? 00 INHOUDSOPGAVE 00 INHOUDSOPGAVE

Nadere informatie

Contict Drive Versie 3.0 Laatst herzien: juni 2016

Contict Drive Versie 3.0 Laatst herzien: juni 2016 Contict Drive Versie 3.0 Laatst herzien: juni 2016 Inhoudsopgave 1. Welkom bij Contict Drive!... 2 2. Aan de slag met Contict Drive... 3 2.1 Registreren... 3 2.2 Een Vault aanmaken... 4 2.3 Contict Drive

Nadere informatie

Louis van Amerongen - Witteveen+Bos

Louis van Amerongen - Witteveen+Bos Christiaan Post Mark Stals - Sweco - Gemeente Eindhoven Louis van Amerongen - Witteveen+Bos Algemeen: Tijdens deze workshop zullen we twee manieren behandelen om vanuit MicroStation een 3D model om te

Nadere informatie

ipad integratie in het onderhoud

ipad integratie in het onderhoud Maximo Comes To You ipad integratie in het onderhoud Door: Marcel Staring 2013 IBM Corporation Agenda 1. Waarom Mobiel Werken? 2. Wat houdt Mobiel Werken in? Praktisch Technisch 3. MAXIMO Mobiel vs. MAXIMO

Nadere informatie

Mobiele internet strategie

Mobiele internet strategie Mobiele internet strategie Waar staan we? Reduitlaan 33 Unit 2.09 4814 DC Breda +31 (0)76 888 00 88 info@e-sites.nl www.e-sites.nl BTW 1387489189 KvK 1891618948 Bank 1894894561 Inhoud Inleiding... 3 Wees

Nadere informatie

Pimp je SharePoint zoekresultaten

Pimp je SharePoint zoekresultaten Pimp je SharePoint zoekresultaten Onder de motorkap is heel veel veranderd en verbeterd aan de search in SharePoint 2013. Maar de zoekresultaten moeten vooral appetijtelijk kunnen worden gepresenteerd

Nadere informatie

Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber. Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow?

Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber. Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow? Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow? Inleiding Dit is een eenvoudige handleiding om in javascript een simpele

Nadere informatie

Feature checklist NeMO 5 Android

Feature checklist NeMO 5 Android Feature checklist NeMO 5 Android PCA Mobile 2014 Feature Omschrijving Opmerkingen Algemene kenmerken Mobile Only NeMO5 voor Android is een Native Android Applicatie (app) Cloud Vereist geen lokale of gehoste

Nadere informatie

Acht stappen voor JSF

Acht stappen voor JSF Acht stappen voor JSF Inleiding In deze tutorial zullen we JSF (Java server faces) installeren. Wat we niet beschrijven is hoe te werken met JSF, over dit onderwerp zijn er genoeg boeken en internetsites

Nadere informatie

HANDLEIDING EXTERNE TOEGANG CURAMARE

HANDLEIDING EXTERNE TOEGANG CURAMARE HANDLEIDING EXTERNE TOEGANG CURAMARE Via onze SonicWALL Secure Remote Access Appliance is het mogelijk om vanaf thuis in te loggen op de RDS omgeving van CuraMare. Deze handleiding beschrijft de inlogmethode

Nadere informatie

Is uw webshop geschikt voor mobiel?

Is uw webshop geschikt voor mobiel? Is uw webshop geschikt voor mobiel? vanaf 69,95 per maand Werkt op alle smartphones en tablets Docdata Mobile Shop dé complete webshop voor mobiel! Docdata Mobile Shop is powered by Qweery Uitbreiden van

Nadere informatie

Factsheet APPS Mirabeau

Factsheet APPS Mirabeau Factsheet APPS Mirabeau APPS Mirabeau We ontwikkelen native apps die ontworpen zijn vanuit de behoefte van de consument. De consument van vandaag en morgen brengt meer en meer tijd door op mobiele devices.

Nadere informatie

Webuniversum. www.vlaanderen.be

Webuniversum. www.vlaanderen.be Webuniversum www.vlaanderen.be 1 Webuniversum doelstelling Onze primaire focus is de Vlaamse overheid en lokale besturen. Federale diensten worden maximaal meegenomen Burger kijkt naar de overheid, los

Nadere informatie

iphone app - Rapporten

iphone app - Rapporten iphone app - Rapporten Rapporten - iphone App Net2 AN1114-NL Deze Paxton applicatie is gratis verkrijgbaar in de App Store. Deze applicatie is ontwikkeld om gebruikt te worden op elk ios apparaat versie

Nadere informatie

CREËER UW EIGEN ONLINE WERKPLEK MET WORKSPACE 365

CREËER UW EIGEN ONLINE WERKPLEK MET WORKSPACE 365 CREËER UW EIGEN ONLINE WERKPLEK MET WORKSPACE 365 Workspace 365 Creëer uw eigen online werkplek Tegenwoordig werken veel medewerkers via verschillende devices. Hierdoor is er steeds meer behoefte aan een

Nadere informatie

I AM. Totaalcommunicatie. Dienstbeschrijving

I AM. Totaalcommunicatie. Dienstbeschrijving Totaalcommunicatie Dienstbeschrijving Document historie Versie Toelichting Auteur Datum 1.0 Initiële versie RoutIT B.V. 09-03-2015 1.1 Aanpassing met vast toestel RoutIT B.V. 09-11-2016 2 1. Inhoud 1.

Nadere informatie

Applicatie-Architecturen

Applicatie-Architecturen Applicatie-Architecturen joost.vennekens@kuleuven.be http://www.cs.kuleuven.be/~joost/dn/ Programmeren in het echt! Programming in the large Deel van groter geheel! In teamverband! Open opdracht!! Inhoud:

Nadere informatie

Your view on business On your favorite device

Your view on business On your favorite device ANY2INFO OVER ONS Your view on business On your favorite device Any2info is een ICT-onderneming gespecialiseerd in de ontwikkeling van standaard software waarmee mobiele bedrijfsapps kunnen worden gebouwd

Nadere informatie

Mobile Watch Snelle Handleiding. Bezoek voor meer informatie

Mobile Watch Snelle Handleiding. Bezoek  voor meer informatie Mobile Watch Snelle Handleiding Ⅰ. Software installatie - Software download: Zoek voor "360Eye"in de Iphone App Store en installeer de applicatie. Of scan de QR Code aan de rechterzeide. Voor meer details

Nadere informatie

Office 365 verificatie in twee stappen instellen (zonder smartphone)

Office 365 verificatie in twee stappen instellen (zonder smartphone) Office 365 verificatie in twee stappen instellen (zonder smartphone) Als uw school verificatie in twee stappen gebruikt voor Office 365, maar je bent niet in het bezit van een smartphone dan is WinAuth

Nadere informatie

Bart ter Steege bart.ter.steege@jungleminds.nl 06 8128 7569. The Mobile Mindmap

Bart 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 informatie

SCHOUWEN MET DE BURGERSCHOUW APP HANDLEIDING VOOR BEWONERS

SCHOUWEN MET DE BURGERSCHOUW APP HANDLEIDING VOOR BEWONERS SCHOUWEN MET DE BURGERSCHOUW APP HANDLEIDING VOOR BEWONERS VERSIE SEPTEMBER 2014 INHOUD 1) De App installeren op uw tablet/smartphone 2) Inloggen en opstarten 3) De schouwroutes 4) Een locatie beoordelen

Nadere informatie

Wachtwoord HvA- ID wijzigen - HvA- laptop buiten HvA

Wachtwoord HvA- ID wijzigen - HvA- laptop buiten HvA Wachtwoord HvA- ID wijzigen - HvA- laptop buiten HvA Het wijzigen van je wachtwoord op je HvA- laptop buiten de HvA is een lastige procedure. We raden je aan om dit op een HvA- locatie te doen. Dan gelden

Nadere informatie

Handleiding Digicampuz voor Stichting Onderwijs Midden-Limburg

Handleiding Digicampuz voor Stichting Onderwijs Midden-Limburg Handleiding Digicampuz voor Stichting Onderwijs Midden-Limburg Inhoudsopgave Inhoudsopgave 2 1 Voorwoord 3 2 Belangrijke gegevens 4 2.1 Aanmeldgegevens 4 2.2 De Digicampuz 4 3 Aan de slag 5 3.1 Aanmelden

Nadere informatie

MOBILE De mogelijkheden van mobile apps

MOBILE De mogelijkheden van mobile apps MOBILE De mogelijkheden van mobile apps Gemak dient de mens INHOUD Apps zorgen voor gebruikersgemak 2 The future is mobile 3 De groei van apps 4 Verwachting = nieuwe standaard 4 Van website naar mobiel

Nadere informatie

Aanleverspecificaties

Aanleverspecificaties Aanleverspecificaties Online folder Jouw folder op onze app en website Klikbare folder Deeplinks naar aanbiedingen op je website In app banner Campagne als afsluiter van bekeken folders Banner posities

Nadere informatie