Webapplicaties: de clientkant Herman Koppelman Sylvia Stuurman 13 november 2010.

Slides:



Advertisements
Verwante presentaties
Het gebruik van rijke casussen uit de praktijk van management
Advertisements

SharePoint denk in blokken Ton Stegeman.
29/03/2013. jQuery is  een JavaScript-bibliotheek die je kan integreren in je HTML-pagina.  Om animaties te maken, die SEO-vriendelijk(er) zijn  Door.
Online Marketing voor het MBO “SEO, dat kun je zelf!”
Kritische Prestatie Indicatoren (KPI’s) Archiefwet 1995
Websites maken Waarom? Voor Wie? Hoe?
Stateful web, developments, trends 1 Webtechnologie Lennart Herlaar.
Presentatie kennisoverleg HTML 5. Waarom HTML 5? • Veel van onze informatie is opgeslagen in HTML… • 95% van de HTML is syntactisch incorrect…
Elektronisch werkboek & gebruik internet Mening studenten Beeld elektronische cursussen Stellingen en overwegingen Vragen en discussiepunten Vraag: In.
Inleiding gebruik van powerpoint De Apollo school
ASP.NET AJAX Extensions Richard Soeteman
Toledo en de resultaten van het onderzoek door IBM Wim Machiels.
Communities & OpenSocial Let’s get social! Door: Arjan Nijmeijer In opdracht van: NDC|VBK.
Webapplicaties: de serverkant
The Next Generation Webpresentatietechniek nieuwe stijl
Gokverslaving.
iCafe Erasmushogeschool Brussel
Interaction design: structuur en gedrag
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Schrijf een inleiding over verschillende vormen van mobiele toepassingen. Geef extra aandacht aan: Interactie met de app./widget Interactie tussen gebruikers.
The KB en Web 2.0 Verlaag de drempel om services te integreren. Theo van Veen, 7 november 2006.
THEMA: Het creatieve proces
WEBSITES ONTWIKKELINGEN Trends en standaarden op het gebied van webdesign HTML, DHTML, XHTML, FLASH, CSS Henk Zegwaard december 2003.
Ruimtelijke vormgeving II IAD 2 28 November 2013.
MEDMEC01 – Q1 – JAAR /2010 THEMA: het creatieve proces MODULEWIJZER STARTPAGINA.CMD.HRO.NL VAKGROEP MEDIA EN CREATIVITEIT.
MEDMEC01 – Q1 – JAAR /2010 THEMA: het creatieve proces MODULEWIJZER STARTPAGINA.CMD.HRO.NL VAKGROEP MEDIA EN CREATIVITEIT.
Webapplicaties: de clientkant in het universitaire onderwijs Sylvia Stuurman – Herman Koppelman Faculteit Informatica.
Regels zijn regels.
Welkom! Presentatie Babbage6 Lunteren, 22 november 2006 Cees van Breugel & Karel Kats.
Babbage 5 gebruikers Hartelijk welkom!! Karel Kats auteur.
C/S varianten s /CSpaginas/
AJAX een korte introductie Koen Willems & Edwin Vlieg PHPFreakz,
XForms TU Delft Library Digitale Productontwikkeling Egbert Gramsbergen.
Client-side scripting. 1.Scripting in webpagina’s 1. Verschillende talen VB: toepassingen in Windowsomgeving VBA: toepassingen in MS-Office VBScript internet.
PHP & MYSQL LES 01 PHP BASICS. PHP & MYSQL 01 PHP BASICS 02 PHP & FORMULIEREN 03 PHP & DATABASES 04 CMS: BEST PRACTICE.
1 De ontdekking van Web 2.0 Presentatie Team Ordina type hier de datum 19 april 2007.
Inleiding gebruik van excel De Apollo school
Farmaceut domein (Client) Innospense domein (Server) Browser Webserver
Ontwikkelingen in de bacheloropleiding Informatica
Wat gaan we doen?  Iets over mij  Iets over leren van tools binnen IAM  Iets over gamemaker.
Erasmushogeschool Brussel Naim Ben Tanfous Stef De Spiegeleer Joeri Verdeyen iCafe Een digitaal bestelsysteem voor de horeca. 2de zittijd.
Wikispaces in het talenonderwijs: samenwerking en creativiteit
PADS4 maakt het eenvoudig om informatie te verspreiden naar een specifiek publiek op de juiste plaats en het juiste moment PADS4 is een professionele oplossing.
Web 1.0 HTMLAfbeeldingen FlashHyperlinks CSS Participation AJAX Usability Design Ruby on Rails.
Een overzicht van de hedendaagse mogelijkheden voor het bouwen van websites.
Inhoud Analyse van sequentiële netwerken Sequentiële bouwblokken
Karel Vlieghe - Utrecht 29 januari 2005 Veranderscenario’s voor e-Learning systemen Evolutie van e-Learning systemen door de jaren heen.
Client side vs Server side Server side code Code wordt op de webserver uitgevoerd Bewerkt de html die naar de gebruiker gestuurd wordt voordat die verzonden.
Planning Usability Week 1: Wat is usability, Homepage H1,2 Week 2: Navigatiestructuur, Zoekdienst, Servicepagina’s H3,4,5 Week 3: Ontwerp en Webschrijven.
Webpagina's maken met (X)HTML en CSS Lang leve het Kladblok!!! Verboden voor editors.
Verbeterpunt 1 Tekst heeft slecht contrast met de achtergrond. Tekst omlijnen, maar liefst een logo maken.
Woudschoten Chemie, 6 november 2015 Peter Koopmans Voel de chemie met Chemie.
Teachers Teaching with Technology™ Bouwen van dynamische modellen voor de Nspire 1 Cathy Baars Jaco Scheer.
Maak je website toegankelijk voor alle doelgroepen.
7 Databases Gebruikersdag Enigma / Informatica Actief 2016 – Valk Welding Alblasserdam.
Thema Roos van Leary in de klas
Mediamatic voor Eden | Interactie Ontwerpendinsdag 18 september 2007 Ino Paap Interactie Ontwerpen.
HERZIENING INFORMATICA DEEL 1.
Javascript.
Omdat we op onze eigen account programmeren
Communicatie en taal Begrippen: Gegevens Informatie
Communicatie en taal Begrippen: Gegevens Informatie
Technische Architectuur & Discimus
Lectora als ontwikkeltool voor interactieve multimedia programma’s
Usability voor het web en mobiele apparaten
ASP.NET MVC Web Development
ASP.NET MVC Views.
HTML5 introductie.
Transcript van de presentatie:

Webapplicaties: de clientkant Herman Koppelman Sylvia Stuurman 13 november 2010

Control flow, simpele pagina

Inhoud Drie belangrijke onderdelen: -HTML, CSS -JavaScript, DOM -Ajax (maar er is meer)

HTML en CSS

Statische deel ­Interactie beperkt ­Geen bewerkingen aan clientkant  Programmeren aan de clientkant: JavaScript

JavaScript Meer interactiemogelijkheden: -in/uitklappen -valideren gegevens invulformulier -inzoomen

Ajax: asynchrone communicatie Beperking HTML, CSS, JavaScript: synchrone communicatie: de gebruiker vraagt expliciet om nieuwe pagina en moet wachten tot die is geladen  Ajax: asynchrone communicatie Voorbeeld Cursus: enkele aspecten van Ajax

Control flow, simpele pagina

Leerdoelen -inleiding HTML, CSS, JavaScript + DOM, Ajax -standaarden (W3C) -principes, concepten, ‘good practices’, bijv. -scheiding structuur, layout, gedrag -unobtrusive JavaScript -context: web 2.0, Flash, bibliotheken Doel: zodanige achtergrond dat je ‘meekunt’ met nieuwe ontwikkelingen

Materiaal Tekstboek: - probleemgericht Werkboek: - opdrachten - aanvullingen (standaarden, video en flash, web 2.0, HTML5)

Tools