Client Server 2.0 met jquery en Grails
|
|
|
- Vera Brander
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Client Server 2.0 met jquery en Grails Web applicaties lijken steeds meer op Client-Server applicaties. Kijk naar voorbeelden als gmail of google documents. In deze architectuur is de client volledig verantwoordelijk voor de user interface en de server verantwoordelijk voor data en business logica. Er is nog geen overeenstemming over de naam van deze aanpak. Een aantal gebruikte namen zijn RIA, SOFEA, en SOUI. Voorlopig hou ik het bij Client-Server 2.0 omdat dit redelijk goed duidelijk maakt wat we aan het doen zijn. De eerste generatie Client-Server applicaties was gebaseerd op proprietary ontwikkeltools en technologieen als Oracle Forms en de Oracle database of Visual Basic en MS- SQLserver. Tegenwoordig is het mogelijk en eenvoudig om client server applicaties te realiseren op basis van open standaarden als HTML, Javascript en services. Browsers bieden tegenwoordig een volwassen applicatie container. Met Open standaarden als Javascript, HTML en CSS kun je complete applicaties schrijven, niet slechts webpagina's. HTML is een krachtige en eenvoudige layout engine, skinning is eenvoudig mbv CSS, en Javascript is een krachtige, performante en complete programmeertaal geworden. Feitelijk een complete set tools om applicaties mee te bouwen, niet slecht webpagina's. SOA wordt veel toegepast om herbruikbaarheid van software te vergroten. Door software in service vorm aan te bieden is hergebruik eenvoudiger. Nieuwe software kan sneller gerealiseerd worden, bestaande software kan eenvoudiger aangepast worden. Dit biedt bedrijven de mogelijkheid om IT sneller aan te passen aan de wensen van de business. Daarnaast biedt SOA de mogelijkheden tot applicatie-integratie op basis van open standaarden. Dit artikel illustreert hoe Client-Server 2.0 applicaties eenvoudig en productief gerealiseerd kunnen worden met jquery en Grails. jquery gebruiken we als belangrijkste framework voor de client kant van de applicatie. Grails gebruiken we om snel services te realiseren. jquery jquery is een javascript library. De belangrijkste kenmerken van jquery: eenvoudig manipuleren van DOM object, mbv een syntax die erg op die van CSS lijkt, statement chaining, maw het aan elkaar plakken van functie aanroepen, waardoor je compacte code krijgt, verbergen van browser verschillen. Jquery ondersteunt de belangrijkste browsers. Het volgende voorbeeld komt van de homepage van jquery. Deze ene regel code voegt aan alle paragrafen met de class neat een extra class ohmy toe, en vervolgens worden ze met een trage animatie getoond. $("p.neat").addclass("ohmy").show("slow"); Zoals je ziet kun je met jquery veel bereiken met weinig. Scheiden inhoud, opmaak en gedrag Veel ontwikkelaars zijn echter bezorgt dat je met Javascript geen onderhoudbare applicaties kunt bouwen. Een belangrijke stap om de onderhoudbaarheid te verbeteren is om inhoud, opmaak en gedrag goed te scheiden. Een HTML bestand hoort slechts inhoud te bevatten, een CSS stylesheet slechts opmaak, en een Javascript bestand slechts gedrag. Het volgende voorbeeld toont naast het scheiden van opmaak, inhoud en gedrag ook hoe je een single page applicatie kunt maken, waarbij dynamische gedeelten van de pagina toegevoegd worden met behulp van de jquery load functie. Eerst het statische gedeelte van de HTML pagina. Dit is het gedeelte dat de gebruiker niet verlaat. In de header worden de benodigde stylesheets en javascript bestanden gelinked. Verder bevat de pagina 1 button. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " strict.dtd"> <html> <head> <link media="all" type="text/css" href="example1.css" rel="stylesheet" /> <script src="jquery min.js" <script src="example1.js" </head> <body> <button type="button" id="showformbutton">show Form!</button> </body> </html> Het volgende HTML bestand, form.html, zal dynamisch in Andrej Koelewijn, IT-eye, 1/8
2 de pagina geplaatst worden nadat de gebruiker op de Show Form! button gedrukt heeft. <form name="form1"> <label for="namefield">name</label> <input id="namefield" value="" /> <button type="button" id="savebutton">save</ button> </form> Voor de opmaak hebben we een stylesheet, example1.css, dat ervoor zorgt dat het dynamische formulier een grijze achtergrond krijgt. #formpanel { background-color: #ddd; Tenslotte nog een Javascript document, example1.js, dat het gedrag achter de pagina implementeert. Het eerste gedeelte maakt gebruik van een jquery functie, ready, dat ervoor zorgt dat de code uitgevoerd wordt nadat de pagina is ingeladen. In de ready function wordt de Show Form! button voorzien van een onclick event handler. $(document).ready(function(){ $("#showformbutton").click( function() { showform(); ); ); De tweede functie wordt aangeroepen indien de gebruiker de knop indrukt. Eerst wordt de knop gedisabled, vervolgens wordt er een div in het document toegevoegd achter de knop, en wordt deze div gevuld met het document form.html. Zodra dit document geladen is, wordt de div met een animatie getoond, en wordt er een event handler aan de save knop gehangen. function showform(){ $("#showformbutton").attr("disabled","true") $("#showformbutton").after("<div id='formpanel'></div>"); $("#formpanel").hide().load("form.html", function(){ $("#formpanel").fadein("slow"); $("#savebutton").click( function() { hideform(); ); ); De functie hideform zorgt ervoor dat de div weer verwijderd wordt, en dat de Show Form! button weer bruikbaar wordt. function hideform(){ $("#formpanel").remove(); $("#showformbutton").removeattr("disabled"); Bovenstaand voorbeeld toont dat je inhoud en gedrag volledig kunt scheiden, er staat geen regel Javascript code in de HTML documenten. jquery maakt het verder vrij eenvoudig om een single page applicatie te realiseren, waarbij dynamisch DOM elementen worden toegevoegd of stukken HTML. Je kunt de HTML dus opdelen in verschillende bestanden, het is niet nodig om alle HTML dynamisch met Javascript te genereren. Hierdoor blijft de HTML beter onderhoudbaar. jquery componenten Het succes van jquery heeft er voor gezorgd dat er ondertussen honderden jquery componenten beschikbaar zijn, van formulier validatie functies, tot autocomplete componenten, tot hele complexe tabel componenten. Een complete lijst vind je op de jquery plugin pagina: De meeste jquery componenten zijn onafhankelijk van de gebruikte technologie op de server. Dit zorgt ervoor dat er meer componenten zijn dan in server technologie specifieke componenten, zoals bijvoorbeeld JSF. JQuery componenten zijn ook een stuk eenvoudig te realiseren dan server componenten, omdat je slechts met 1 implementatie laag te maken hebt: de view laag in de browser. jquery accordion component Het is vrij eenvoudig om nieuwe jquery componenten te implementeren. Onderstaand voorbeeld toont hoe je een accordion menu kunt realiseren. We willen een component maken waarmee we een geneste unorderd list kunnen veranderen in een accordion menu. De eerste lijst bevat menu secties, daarbinnen wordt weer een unordered list gebruikt om de menu opties weer te geven, in de vorm van url links. Een semantisch correct geneste list dus. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " strict.dtd"> <html> <head> <link media="all" type="text/css" href="example2.css" rel="stylesheet" /> <script src="jquery min.js" <script src="example2-accordion.js" <script src="example2.js" </head> <body> <div id="mainmenu"> <ul> <li>afdeling <ul> Andrej Koelewijn, IT-eye, 2/8
3 id="toevoegenafdeling">toevoegen</a></li> id="wijzigafdeling">wijzigen</a></li> id="verwijderafdeling">verwijderen</a></li> id="zoekafdeling">zoeken</a></li> </ul> </li> <li>medewerker <ul> id="toevoegenmedewerker">toevoegen</a></li> id="wijzigmedewerker">wijzigen</a></li> id="verwijdermedewerker">verwijderen</a></li> id="zoekmedewerker">zoeken</a></li> </ul> </li> </ul> </div> </body> </html> Het accordion menu component, example2-accordion.js, bestaat uit 2 onclick event handlers, een om de secties op en dicht te klappen (toggle), en een om ervoor te zorgen dat onclick events op geneste list items, niet door de parent list items gedetecteerd worden. Het component zelf wordt gedefinieerd met de expressie $.fn.accordion. (function($){ $.fn.accordion = function(){ this.find("li:has(ul)").click(function(){ $(this).children().toggle("slow"); ); this.find("li ul li").click(function(event){ event.stoppropagation(); ); )(jquery); Nu hebben slechts één regel code nodig om van de unordered lists een accordion menu te maken: $("#mainmenu").accordion(); jquery form componenten Er zijn een aantal componenten die van pas kunnen komen voor het initialiseren, valideren en vereenvoudigen van formulieren. Een nuttige is de jquery validation plugin ( Hiermee kun je eenvoudig de door de gebruiker ingevoerde data controleren. Je kunt validaties op 2 manieren specificeren, in de HTML code, en in Javascript. Enerzijds kun je de gewenste validatie toevoegen als CSS class: <input type="text" id="bsnveld" name="bsn" class="required" /> Je dient dan nog wel de validation plugin op het gewenste formulier te activeren. Dit doe je als volgt: $("#formpanel form").validate(); Invoer wordt nu automatisch gevalideerd: indien de gebruiker het veld verlaat zonder invoer, wordt er automatisch een label achter het veld geplaatst met een error melding. Deze wordt ook weer automatisch verwijderd als de gebruiker iets invoert in het veld. De toegevoegde error melding ziet er als volgt uit: <label class="error" for="bsnveld" generated=" true" style="display: inline-block;">this field is required.</label> Validaties kunnen ook in javascript gedefinieerd worden. De eerder genoemde validatie wordt dan als volgt gedefinieerd: $("#formpanel form").validate({ rules: { voornaam: "required", messages: { voornaam: { required: "Voornaam is een verplicht veld" ); Complexere validaties kunnen op een herbruikbare manier gedefinieerd worden: jquery.validator.addmethod("datenl",function(v alue,element){ return this.optional(element) /^[0-9]{2- [0-9]{2-[0-9]{4/.test(value);,"Voer een geldige datum in (dd-mm-yyyy)"); Datum velden zijn nu eenvoudig van validatie te voorzien: <input id="geboortedatumfield" name="geboortedatum" value="" class="datenl"/> Deze voorbeelden tonen slechts een klein gedeelte van de mogelijkheden van de validation plugin. Een andere nuttige plugin is de jquery masked input plugin ( Hiermee kun je eenvoudig aangeven wat het formaat van de invoer moet zijn, bijvoorbeeld voor een postcode of datum veld: Andrej Koelewijn, IT-eye, 3/8
4 $("#postcodefield").mask("9999 aa"); $("#geboortedatumfield").mask(" "); Meestal zul je datums via een datepicker willen invoeren. Ook hiervoor zijn meerdere plugins beschikbaar. Het volgende voorbeeld maakt gebruik van de jquery UI datepicker plugin. Met dit component kun je een HTML input tag met één regel Javascript code veranderen in een datepicker veld: $ ('#geboortedatumfield').datepicker({ dateforma t: "dd-mm-yy" ); De kracht van jquery zit voor een groot deel in de grote hoeveelheid plugins die beschikbaar zijn. Je kunt met een paar simpele regels Javascript code semantisch correcte HTML veranderen in rijke gui componenten. Je orginele HTML code blijft eenvoudig en dus goed te onderhouden. Er zijn jquery componenten voor basis functionaliteiten als drag en drop, maar ook voor Google Maps integratie, het tekenen van diagrammen, tabellen, menu's, etc. We kunnen dus stellen dat de combinatie van HTML, CSS, en Javascript is gegroeid tot een technologie waarmee niet alleen webpagina's gemaakt kunnen worden, maar waarmee ook relatief complexe client applicaties gerealiseerd kunnen worden. Javascript frameworks maken dit ook nog eens relatief eenvoudig. Grails Grails is een complete web framework gebaseerd op de ideeen van Ruby on Rails, maar geimplementeerd op bewezen Java frameworks. Grails maakt namelijk gebruik van Spring en Hibernate. Daarnaast is er voor de programmeertaal Groovy gekozen. Deze dynamische programmeertaal draait op de JVM, maar is wat compacter dan Java en biedt ondersteuning voor bijvoorbeeld Closures. Ook kun je eenvoudig op runtime bestaande code uitbreiden met nieuwe functionaliteit. In dit artikel wordt slechts een klein gedeelte van de functionaliteit van Grails gebruikt. Grails blijkt namelijk een van de meest eenvoudige en productieve om REST services te realiseren. REST wordt meestal gezien als de simpele variant van Web Services. Services die via HTTP aangeroepen worden, zondere complexe SOAP XML toestanden, waarbij slechts de relevante data in XML of JSON formaat wordt gecommuniceerd. REST is echter een compleet andere manier van het beschikbaar stellen van services. Huidige SOA implementaties zijn meestal gebasseerd op een van de volgende concepten: Message Queueing de verschillende onderdelen van een gedistribueerde applicatie communiceren met elkaar door middel van het versturen van berichten. Remote procedure calls de verschillende onderdelen van een gedistribueerde applicatie communiceren met elkaar door middel van het aanroepen van functies via het netwerk. Dat REST echt anders is, kan misschien het best verduidelijkt worden door het te zien als een data-model. Resources zijn vergelijkbaar met entiteiten, of, beter nog, views. Deze views maken data beschikbaar, maar verbergen de daadwerkelijke implementatie. Het grote verschil tussen de twee eerder genoemde concepten en REST is dat resources in REST adresseerbaar zijn met behulp van een unieke URL. Iedere resource heeft een URL. Belangrijk is ook dat resource mbv deze URLs linken naar andere resource, niet alleen binnen een organisatie, maar ook naar externe resources. URLs zijn dus feitelijk de primary keys van dit datamodel. Je kunt krijgt daarmee een gedistribueerd datamodel. Om te zien waar dit heen gaat, is het aardig om een service als Yahoo Query Language (YQL) te bestuderen. YQL biedt een soort SQL voor internet resources zoals HTML pagina's. YQL queries zijn zelf ook weer benaderbaar via een URL, en vormen zo dus een soort views bovenop de originele REST resources. Met een dergelijke query engine kun je dus queries uitvoeren om verschillende REST resources van eventueel verschillende organisaties joinen. Het internet wordt zo één grote database. Of dit een juiste architectuur keuze is, zal per project en organisatie bepaald moeten worden. Er zitten natuurlijk ook behoorlijk wat nadelen aan. Maar het is in ieder geval interessant om een echt alternatief te hebben voor SOA projecten. Voor dit artikel is REST erg interessant omdat het goed past binnen het Client-Server verhaal. Domein Objecten Grails heeft een command line tool waarmee je snel een project kunt opzetten. Je kunt hiermee ook de basis van de benodigde domein classes genereren. Daarna is het slechts een kwestie van het invullen van de benodigde attributen. Grails domein classes zijn in feite POJOs die met hibernate gepersisteerd worden. Tabellen worden, indien gewenst, automatisch tijdens het starten van de applicatie gegenereerd. Voor dit voorbeeld voldoet de standaard tabel structuur, maar indien gewenst is deze wel volledig te Andrej Koelewijn, IT-eye, 4/8
5 configureren in de domein classe code. Ook kunnen validaties worden toegevoegd. class Patient { String voornaam String achternaam String straat String huisnummer String plaats String postcode GregorianCalendar geboortedatum Groovy zorgt zelf voor de benodigde getters en setters, en ook punt-komma's zijn niet nodig. Kort en bondig dus. Services Vervolgens hebben we een controller nodig. Deze handelt de binnenkomende HTTP verzoeken af. In de class UrlMappings kunnen we configureren welke controller welke url afhandeld. In het volgende voorbeeld is gespecificeerd dat de controller patient, geimplementeerd met de class PatientController, alle GET verzoeken voor de url /patient, uitvoert. class UrlMappings { static mappings = { "/patient"(controller:"patient"){ action = [GET:"show"] De patient controller zelf kunnen we ook weer met grails genereren, zodat we slechts de functie show hoeven toe te voegen. Grails voegt zelf aan domein objecten een aantal functies toe die je normaal in DAO objecten zou coderen. De functie list queried alle objecten. Vervolgens kan het resultaat eenvoudig in JSON geformateerd worden mbv render as JSON. import grails.converters.json class PatientController { def show = { def all = Patient.list() render all as JSON Bovenstaande code is feitelijk alles wat we nodig hebben aan de serverkant om een service te implementeren waarmee alle patienten opgehaald kunnen worden. Overzichtstabel De volgende stap is om een HTML tabel te voorzien van data uit bovenstaande patient service: <body> <table id="patienten"> <thead> <tr> <td>voornaam</td> <td>achternaam</td> </tr> </thead> <tbody> <tr> <td colspan="2">no data fetched!</td> </tr> </tbody> </table> <button id="refreshpatientsbutton" type="button">refresh patients</button> </body> Onder de tabel is een button geplaatst. De bedoeling is dat hiermee de tabel gerefreshed kan worden. Eerst definieeren we een onclick event handler voor de button. $(document).ready(function(){ $ ("#refreshpatientsbutton").click( function(){ refreshpatientstable(); ); ); De functie die vervolgens wordt aangeroepen maakt gebruik van de jquery ajax functie. De url die we aanroepen is patient/, deze geeft alle bekende patienten terug in JSON formaat. Vervolgens specificeren we ook wat er moet gebeuren nadat de data succesvol is opgehaald: de functie fillpatienttabledata wordt aangeroepen met de patient data, door jquery al vertaald naar Javascript objecten. function refreshpatientstable(){ $.ajax({ url:"patient/", datatype:"json", success: function(json) { fillpatienttabledata(json); ); De functie fillpatienttabledata loopt door de patienten objecten, en genereert de benodigde HTML voor in de tabel body. Vervolgens wordt de body van de tabel vervangen met de nieuwe HTML tags. function fillpatienttabledata(data){ var tbody = ""; for(var i=0; i<data.length; i++){ console.log("patient: " + data[i]); Andrej Koelewijn, IT-eye, 5/8
![tbody += "<tr>"; tbody += "<td>" + data[i].voornaam + "</td>"; tbody += "<td>" + data[i].achternaam + "</ td>"; tbody += "</tr>"; ; if(data.length == 0){ tbody = "<tr><td colspan='2'>no data fetched!](/docs-images/22/1706474/images/6-0.png "</td></tr>\"; $(\"#patienten tbody\").html(tbody); Onderstaande screenshot toont het resultaat in Firefox. Onder de html pagina ziet je Firebug plugin.")
6 tbody += "<tr>"; tbody += "<td>" + data[i].voornaam + "</td>"; tbody += "<td>" + data[i].achternaam + "</ td>"; tbody += "</tr>"; ; if(data.length == 0){ tbody = "<tr><td colspan='2'>no data fetched!</td></tr>"; $("#patienten tbody").html(tbody); Onderstaande screenshot toont het resultaat in Firefox. Onder de html pagina ziet je Firebug plugin. Deze plugin biedt onder andere netwerk data debug mogelijkheden. Zo zie je in de screenshot het resultaat van de service aanroep, een aantal Javascript objecten in een array, in JSON formaat. De Firebug plugin is een onmisbaar tool bij het ontwikkelen van Javascript applicaties. Je kunt onder andere alle HTML wijzigingen live volgen, en CSS en Javascript debuggen. Daarnaast kun je ook all het netwerkverkeer debuggen, inclusief timing gegevens.. Patient details Volgende stap is om ervoor te zorgen dat de gebruiker een patient kan wijzigen. Eerst zorgen we ervoor dat de gebruiker de patient kan selecteren. Dit doen we door de volgende regel toe te voegen in de functie fillpatienttabledata. Iedere regel in de tabel bevat nu een Edit knop. tbody += "<td><button value='" + data[i].id + "' type='button'>edit</button></td>"; De onclick event handler voor deze button wordt in dezelfde functie gedefinieerd: $("#patienten tbody td button").click(function(){ showeditpatientform($(this).val()); ); De functie showeditpatientform roept de eerder gedefinieerde service aan, maar nu specificeren we in de URL ook de id van de gezochte patient. function showeditpatientform(patientid){ $.ajax({ url:"patient/" + patientid, datatype:"json", success:function(json) {initeditpatientform(json); ); De functie initeditpatientform wordt aangeroepen met de patient data van de service aanroep. Eerst wordt een div toegevoegd achter de patient tabel. Hierin wordt het HTML bestand met het edit formulier geladen. Mbv van de populate plugin worden de velden van het formulier geinitialiseerd met de patient gegevens. function initeditpatientform(data){ $("#patienten").after("<div id='patienteditform'></div>"); $ ("#patienteditform").hide().load("editpatientf orm.html",{cache:false, function(){ $("#geboortedatumfield").mask(" "); $("#patienteditform form").populate(data); $("#patienteditform").fadein("slow"); $("#savebutton").click( function(){ savepatient(); ); ); In de controller zorgen we ervoor dat indien er een id is gespecificeerd, alleen de bijbehorende patient wordt gequeried en geretourneerd: def show = { if(params.id &&!params.id.isempty()){ def patient = Patient.get(params.id) render patient as JSON else { def all = Patient.list() render all as JSON In de url mapping voegen we toe dat in de URL optioneel een id parameter meegegeven kan worden: class UrlMappings { static mappings = { "/patient/$id?"(controller:"patient"){ action = [GET:"show"] Andrej Koelewijn, IT-eye, 6/8
7 Ten slotte het edit formulier. Dit is een standaard, recht toe recht aan HTML formulier: <h2>patient</h2> <form name="form1"> <input type="hidden" name="id"/> <fieldset> <legend>naam</legend> <span> <label for="voornaamfield">voornaam</label> <input id="voornaamfield" name="voornaam" value=""/> </span> <span> <label for="achternaamfield">achternaam</label> <input id="achternaamfield" name="achternaam" value="" /> </span> </fieldset>... <fieldset> <button type="button" id="savebutton">save</button> </fieldset> </form> In onderstaande screenshot het resultaat. In de Firebug console zie je onder andere het resultaat van de service aanroep, de patient data in JSON formaat. Opslaan wijzigingen Tenslotte nog het opslaan van de wijzigingen. De functie serializearray plaatst alle form elementen in een JSON data structuur. Deze kan vervolgens in de ajax aanroep van de service meegegeven worden. Voor het wijzigen van resources wordt HTTP Post gebruikt. function savepatient(){ var patient = $("#patienteditform form").serializearray(); $.ajax({ url:"patient/", datatype:"json", data:patient, type:"post", success:function(json){ alert("patient saved!"); $("#patienteditform").remove();, error:function(xhr){ alert("failed to save patient!: " + xhr.status + ", " + xhr.statustext ); ); In de URL mappings definieeren we dat in het geval van een HTTP Post de save functie aangeroepen dient te worden in de controller. class UrlMappings { static mappings = { "/patient/$id?"(controller:"patient"){ action = [GET:"show",POST:"save"] De save functie bepaalt eerst of het om een nieuwe of reeds bestaande patient object gaat. Indien het object reeds bestaat wordt het gequeried. Daarna worden alle properties van het object voorzien van de waarden zoals meegegeven in de aanroep van de service. Datum waarden dienen bij de huidige aanpak nog handmatig van een string waarde naar een datum waarde omgezet te worden. Volgende stap is om het patient object te persisteren. Indien dit succesvol verloopt wordt het result weer als JSON teruggegeven. In het geval van een error wordt er gebruik gemaakt van de standaard faciliteiten van HTTP voor het communiceren van errors. def save = { def patientsaved try{ def patient params.id? (patient = Andrej Koelewijn, IT-eye, 7/8
8 Patient.get(params.id)) : (patient = new Patient()) patient.properties = params def dateformat = new SimpleDateFormat( "dd-mm-yyyy" ) def date = dateformat.parse(params.geboortedatum) patient.geboortedatum = (new GregorianCalendar()) patient.geboortedatum.settime(date) patientsaved = patient.save(flush:true) if(!patientsaved){ response.senderror(500,"failed to save patient") else { render patientsaved as JSON catch(error){ response.senderror(500,"failed to save patient") Conclusie jquery en Grails maken het mogelijk om productief en relatief eenvoudig complexe web applicaties te bouwen waarbij de de view laag volledig in de browser is geimplementeerd. Een web framework op de server wordt hiermee overbodig. De client applicatie is volledig stateful, wat ontwikkelen een stuk eenvoudiger maakt. Over de auteur Andrej Koelewijn is IT architect, werkzaam bij IT-eye. Hij is gespecialiseerd in JEE, Oracle en Open Source. Andrej is bereikbaar op het volgende adres: andrej.koelewijn@it-eye.nl. Daarnaast schrijft Andrej regelmatig op zijn blog: Andrej Koelewijn, IT-eye, 8/8
Methodology. Client Server 2.0 met jquery en Grails. De eerste generatie Client-Server applicaties
Methodology Andrej Koelewijn is als IT-architect werkzaam bij IT-eye. Hij is gespecialiseerd in JEE, Oracle en Open Source. Andrej is bereikbaar op het volgende email adres: andrej. koelewijn@it-eye.nl
Technisch Ontwerp W e b s i t e W O S I
Technisch Ontwerp W e b s i t e W O S I WOSI Ruud Jungbacker en Michael de Vries - Technisch ontwerp Website Document historie Versie(s) Versie Datum Status Omschrijving / wijzigingen 0.1 20 nov 2008 Concept
Gebruik van cryptografie voor veilige jquery/rest webapplicaties. Frans van Buul Inter Access
Gebruik van cryptografie voor veilige jquery/rest webapplicaties Frans van Buul Inter Access 1 Frans van Buul frans.van.buul@interaccess.nl 2 De Uitdaging Rijke en veilige webapplicaties Een onveilig en
Selenium IDE Webdriver. Introductie
Selenium IDE Webdriver Het Wielsem 10, 5231 BW s- Hertogenbosch, telefoon 073-6409311 e- mail info@testwork.nl internet http://www.testwork.nl 1 Inhoudsopgave 1 Inhoudsopgave... 2 2 Selenium IDE... 3 3
Websitecursus 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
Documentatie. InstantModules Q42. Versie 1.1
Documentatie InstantModules Q42 Versie 1.1 Inhoudsopgave Inhoudsopgave... 2 Voor gebruikers... 3 InstantComment... 3 InstantTagging... 5 Voor webmasters... 9 InstantComment... 9 InstantTagging... 11 Voor
Een website maken met databasetoegang.
Hoofdstuk 5 Een website maken met databasetoegang. In dit hoofdstuk gaan we het weblog dat je in hoofdstuk 4 hebt gemaakt verder uitbreiden. Een belangrijk onderdeel wordt toegevoegd aan de applicatie,
Les 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
WEBSITE-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
Formulieren maken met Dreamweaver CS 4/CS 5
Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit
Een ASP.NET applicatie opzetten. Beginsituatie:
Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.
Dynamiek met VO-Script
Dynamiek met VO-Script Door Bert Dingemans DLA Ontwerp & Software bert@dla-architect.nl Inleiding Op de SDGN nieuwsgroep voor Visual Objects ontstond laatst een draad van berichten over de nieuwe libraries
HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?
HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.
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
Is APEX a worthy substitute for Oracle Forms?
your oracle solu+ons partner Is APEX a worthy substitute for Oracle Forms? APEX for mission critical applications: the Groupm business-case By Ronny Boeykens & Stijn Van Raes iadvise o Opgericht in 2004
Formulieren en waarden posten naar een view
Hoofdstuk 4 Formulieren en waarden posten naar een view Waarden posten naar een view in een Zend-project gaat heel anders dan dat je gewend bent. Om dit mechanisme te leren, kunnen we het beste een eenvoudige
INFITT01 - Internettechnologie WEEK 8
INFITT01 - Internettechnologie WEEK 8 Programma Databases (JDBC, JNDI, ORM, JPA) MVC & Spring/Struts EJB Databases Veel web applicaties moeten informatie over langere tijd op kunnen slaan. Een voor de
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
Foutcontrole met Javascript
Foutcontrole met Javascript Pol Van Dingenen Yannick Van Hauwe INLEIDING Het controleren van de gegevens die ingevuld zijn in formulieren is heel erg belangrijk. In de praktijk is enkel en alleen controle
Enterprise. RESTful Webservices. serieus alternatief voor SOAP?
12 Enterprise Paul Bakker is ontwikkelaar en trainer bij Info Support B.V. Blog: http://blogs.infosupport.com/ blogs/paul_bakker Email: paulb@infosupport.com Het afgelopen jaar is er veel te doen geweest
Sparse columns in SQL server 2008
Sparse columns in SQL server 2008 Object persistentie eenvoudig gemaakt Bert Dingemans, e-mail : info@dla-os.nl www : http:// 1 Content SPARSE COLUMNS IN SQL SERVER 2008... 1 OBJECT PERSISTENTIE EENVOUDIG
DrICTVoip.dll v 2.1 Informatie en handleiding
DrICTVoip.dll v 2.1 Informatie en handleiding Nieuw in deze versie : Koppeling voor web gebaseerde toepassingen (DrICTVoIPwebClient.exe) (zie hoofdstuk 8) 1. Inleiding Met de DrICTVoIP.DLL maakt u uw software
Technisch ontwerp. Projectteam 6. Project "Web Essentials" 02 april 2009. Versie 2.1.0
Projectteam 6 Faculteit Natuur en Techniek Hogeschool Utrecht Projectleider: Hans Allis, hans.allis@student.hu.nl Technisch ontwerp Project "Web Essentials" 02 april 2009 Versie 2.1.0 Teamleden: Armin
Voor 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
JSF webapplicatie performance
JSF webapplicatie performance Kees Broenink (JSF expert), 27 januari 2009 JSF webapplicatie performance... 1 Applicatieserver in productie... 2 HotSpot... 2 Geheugen... 2 Webapplicatie performance analyse...
ASRemote WebService. Via deze webservice kunt u:
ASRemote WebService De ASRemote WebService is een SOAP Webservice die softwarematige communicatie met Exact Globe mogelijk maakt vanaf een willekeurige locatie op het internet. Via deze webservice kunt
TaskCentre Web Service Connector: Creëren van requests in Synergy Enterprise
TaskCentre Web Service Connector: Creëren van requests in Synergy Enterprise Inhoudsopgave 1. Voorbereiding... 4 2. Web Service Connector tool configuratie... 5 3. TaskCentre taak voor het aanmaken van
Naam project Lost And Found Animals Lokaal gehost Percentage van het totaal geleverde werk 1 Cindy Jansen 50% 2 Eline Steyvers 50%
Naam project Lost And Found Animals Url Lokaal gehost Groepsleden Percentage van het totaal geleverde werk 1 Cindy Jansen 50% 2 Eline Steyvers 50% 1. Beveiliging in de toepassing Naam gebruiker Wachtwoord
NHibernate als ORM oplossing
NHibernate als ORM oplossing Weg met de SQL Queries Wat is ORM? ORM staat in dit geval voor Object Relational Mapping, niet te verwarren met Object Role Modeling. ORM vertaalt een objectmodel naar een
Object Oriented Programming
Object Oriented Programming voor webapplicaties Door Edwin Vlieg Waarom OOP? Basis uitleg over OOP Design Patterns ActiveRecord Model View Controller Extra informatie Vragen OOP Object Oriented Programming
Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman
Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,
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.
Service Data Objects. Wat is SDO? Dynamic data API
Service Data Objects Het is tegenwoordig misschien moeilijk voor te stellen maar er zijn nog steeds situaties waarbij je geen netwerk verbinding hebt. Hier ben ik de afgelopen tijd meerdere malen tegenaan
Copyright IBS 2006. Nieuwbouw. Vereenvoudigd en versnelt Java ontwikkeling. Huub Cleutjens
Nieuwbouw Vereenvoudigd en versnelt Java ontwikkeling Huub Cleutjens Inhoud IBS en Java Keuzes: taal / architectuur Productiviteit / arbeidsdeling IBS Java Development Accelerator Persistence UI Persistence
Frontend 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
DNM-address. Quick Installation Guide
DNM-address Quick Installation Guide DNM-address basis installatie DNM-address is uitermate snel en efficiënt toe te voegen binnen uw webformulieren. Door het kopieren van twee stukken javascript code
Versie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman
Documentatie Onsweb Club plugin voor NHV verenigingen Versie 0.2 Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,
Externe pagina s integreren in InSite en OutSite
Externe pagina s integreren in InSite en OutSite Document-versie: 1.1 Datum: 04-10-2013 2013 AFAS Software Leusden Niets uit deze uitgave mag verveelvoudigd worden en/of openbaar gemaakt worden door middel
Organiseer uw verschillende SOAP services in één scenario
1 Organiseer uw verschillende SOAP services in één scenario Wouter Luijten wouterluijten@creetion.com 2 Introductie Tijdens de implementatie van een proces heeft u vaak te maken met een veelvoud aan services.
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.
Kleine cursus PHP5. Auteur: Raymond Moesker
Kleine cursus PHP5 Auteur: Raymond Moesker Kleine cursus PHP PHP is platform en CPU onafhankelijk, open source, snel, heeft een grote userbase, het is object georiënteerd, het wordt omarmd door grote bedrijven
AJAX (XMLHttpRequest)
AJAX (XMLHttpRequest) Ajax is hot. De meesten die met webdesign bezig zijn hebben er wel al van gehoord, veronderstel ik. Voor diegenen die er nog niet van hoorden, of nog niet mee werkten volgt hier een
Oracle Application Server Portal Oracle Gebruikersgroep Holland Oktober 2003
Oracle Application Server Portal Oracle Gebruikersgroep Holland Oktober 2003 Page 1 1 Kees Vianen Senior Sales Consultant Technology Solutions Oracle Nederland Agenda Geschiedenis van Oracle Portal Portal
Exercise 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
Stappenplannen MailPlus SOAP API
Stappenplannen MailPlus SOAP API Stappenplannen MailPlus SOAP API oktober 2009 Introductie Dit document bevat stappenplannen welke u als technische gebruiker van MailPlus op weg kunnen helpen met de koppeling
Met een LightSwitch applicatie een OData service uit de Windows Azure Marketplace consumeren
Met een LightSwitch applicatie een OData service uit de Windows Azure Marketplace consumeren Om eens wat ervaring op te doen met de Windows Azure Marketplace heb ik een publieke en gratis databron gekozen
Knowledgeable Referenceable Personable Accountable Scalable
Knowledgeable Referenceable Personable Accountable Scalable 1 WebForms en JavaBeans bij Essent Energie OGH presentatie 3 juli 2003 2 Agenda Inleiding Eenvoudige Java Bean in Web Forms Demo Meer complexe
icafe 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...........................
APEX vs OutSystems, een vergelijking door een gebruiker
WHITEBOOK APEX vs OutSystems, een vergelijking door een gebruiker Februari 2019 Auteur: Michel Vogelpoel INTEGRATIESPECIALIST Inleiding Als fervent gebruiker van APEX moet men ook af en toe over de Oracle
Gegevens uit een database tonen
Gegevens uit een database tonen In een eerdere handleiding heb ik jullie laten zien hoe je met behulp van MySQL en phpmyadmin een database kunt opzetten. We hebben toen een database aangemaakt en gevuld
Rapporten. Labels en Rapporten in Atlantis 1. Atlantis heeft twee manieren om output te genereren: 1. labels 2. rapporten (reports)
Labels en Rapporten in Atlantis 1 Atlantis heeft twee manieren om output te genereren: 1. labels 2. rapporten (reports) Rapporten Een rapport is eigenlijk altijd een tekst bestand, die vorm wordt gegeven
Zonnepanelen Hoe krijg je de data op je website?
Zonnepanelen Hoe krijg je de data op je website? Beste website-bezoeker, Omdat ik al heel wat vragen kreeg over het gedeelte zonne-energie op mijn website, heb ik besloten om de werkwijze die ik gevolgd
De plug-in is heel eenvoudig te installeren met een setup-programma. Waarna je een aantal menu opties in het tools menu er bij krijgt.
Plsqldoc Genereer je documentatie Beeklaan 444 2562 BK Den Haag www.darwin-it.nl info@darwin-it.nl KvK 27283780 ING 65.35.40.663 Technical Architect Net als (vrijwel) elke ontwikkelaar vind ik het documenteren
Publicatie formulieren en surveys
Handleiding: Publicatie formulieren en surveys Deze handleiding is in te zetten voor MailPlus Marcom en MailPlus ecom. Inhoudsopgave Introductie... 1 1 Formulieren integreren... 2 1.1 Formulieren integereren
Lab 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
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
Info-books. Toegepaste Informatica. Deel 35: XML - XSL HO35. Jos Gils Erik Goossens
Info-books HO35 Toegepaste Informatica Deel 35: XML - XSL Jos Gils Erik Goossens Hoofdstuk 5 Het Document Object Model 5.1 Probleemstelling Wanneer je de inhoud van een document en de presentatie uiteen
Hand-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
Eigen 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
Je 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
Inhoud. 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
Kies File>New>Blank Page>PHP. Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site
Kies File>New>Blank Page>PHP Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site Geef de site een passende naam. Kies ook de juiste map voor de webdocumenten.
Chris de Kok 223548 TDI 3. Vak: Software Architectuur Datum: 21-01-2008 Docent: Fons van Kesteren
Chris de Kok 223548 TDI 3 Vak: Software Architectuur Datum: 21-01-2008 Docent: Fons van Kesteren Inhoud Inleiding... 3 Black box / White box... 3 XP... 3 SimpleTest... 3 Eclipse plugin... 4 GroupTest...
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!
Dynamische Websites. Week 2
Dynamische Websites Week 2 AGENDA Labo 1 GET, POST Navigatie, etc Varia 1 2
Workflows voor SharePoint met forms en data K2 VOOR SHAREPOINT
Slimmer samenwerken met SharePoint Workflows voor SharePoint met forms en data K2 VOOR SHAREPOINT Workflows, forms, reports en data WAAROM KIEZEN VOOR K2? Of u nu workflows moet maken voor items in SharePoint
Powerpoint presentatie College 5 Gilbert van Lierop & Farshad Salamat
Powerpoint presentatie College 5 Gilbert van Lierop & Farshad Salamat Wat is een database? Een verzameling van georganiseerde data Een database bestaat uit applicaties, SQL en het DBMS Watis eendbms? EenDBMS
Handleiding: Whitelabel Customersite
ARGEWEB B.V. Handleiding: Whitelabel Customersite Controlportal.nl Argeweb Support 8-1-2009 Handleiding voor het gebruik maken van de Whitelabel Customersite op controlportal.nl, door Resellers van Argeweb.
Kennis na het volgen van de training. Na het volgen van deze training bent u in staat:
Training Trainingscode Duur Gepubliceerd Taal Type Leermethode Kosten SF2015V8 4 dagen 02/02/2015 Nederlands & Engels Developer, basis Invidueel & klassikaal Op aanvraag Deze training richt zich op het
Handleiding RS Form! 1.0.4
Handleiding RS Form! 1.0.4 Inhoud 1. Controlepaneel... 3 2. Forms Manager... 4 2.1 Nieuwe form aanmaken... 4 2.2 Nieuwe fields toevoegen... 7 2.3 Wijzigen/verwijderen bestaande Forms, Fields... 10 Versie
HDN DARTS WEB AUTHENTICATIE
HDN DARTS WEB AUTHENTICATIE HDN Helpdesk T: 0182 750 585 F: 0182 750 589 M: helpdesk@hdn.nl Copyright Communications Security Net B.V. Inhoudsopgave 1. INLEIDING OP HET ONTWERP... 3 1.1 HET DOEL VAN DIT
Gebruikershandleiding voor: Beperkte Password protectie met JavaScript
Gebruikershandleiding voor: Beperkte Password protectie met JavaScript URL: http://home.hccnet.nl/s.f.boukes/html-2/html-202.htm INHOUD : 1. Structuur van een beveiligde site 2. Login-formulier 3. Login
Formulier maken en opvangen met php
Welkom bij mijn PHP tutorial (Deel 2) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver
Session Beans.
Session Beans joost.vennekens@kuleuven.be Prequel: annotaties Nieuw Java feature Gestructureerde manier om extra info toe te voegen aan code (ipv. commentaar) @Author( name = "Joost Vennekens", date =
JavaScript. 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
Samengaan van Geo-informatie en Service Oriëntatie
Samengaan van Geo-informatie en Service Oriëntatie Waterbodem Applicatie (WAB*info) 10 juli 2008 Gaston Lamaitre Data-ICT-Dienst, Delft Inhoud Wat doet Rijkswaterstaat? Doel van WAB*info De randvoorwaarden
De categorie Forms in het paneel Insert
Formulieren Invulformulieren bieden u de mogelijkheid om te communiceren met de bezoekers van uw website. Ze geven de bezoeker de mogelijkheid om feedback te geven, informatie door te spelen, 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 1 1. Inhoudsopgave Wat? Bladzijde 1. Introductie 3 2. Methodologie 4 3. Resultaten 3.1 Oriëntatie
Building rich user interfaces in Java
Building rich user interfaces in Java Een introductie tot Oracle s JavaFX Spreker(s) : Datum : E-mail : Laurens Bossen en Paul van der Slot 20-03-2014 Laurens.bossen@transfer-solutions.com, paul.van.der.slot@transfer-solutions.com
INHOUDSOPGAVE 3. 3.5 Het Boekenwinkeltje... 90 3.5.1 Registreer.aspx... 90 3.6 Opgaven... 97
Inhoudsopgave 1 Inleiding 8 1.1 Het.Net Framework................................ 8 1.1.1 Het.Net Ontwikkelingsmodel....................... 8 1.1.2 Compilatie en Uitvoering in.net.....................
NBTC html wijzigingen juni
NBTC html wijzigingen juni Verstuurd naar GX: 23 juni 2014 1. Recently viewed Zie Change / Incident 1: Prijzen recently viewed zijn niet correct. Aan de recently viewed items wordt een extra label (met
XML. Alle tekortkomingen op een rijtje! (en een paar pluspunten...) Marc de Graauw http://www.marcdegraauw.com/
XML Alle tekortkomingen op een rijtje! (en een paar pluspunten...) De geschiedenis van XML SGML Standard Generalized Markup Language IBM: back to the sixties... Markup: structuur, niet processing HTML:
PHP-OPDRACHT SITE BOUWEN
PHP-OPDRACHT SITE BOUWEN PERIODE 4 LEERJAAR 1 Opleiding: Duur: Applicatieontwikkelaar 1 onderwijsperiode (4-8 weken) Voorkennis: Basiscursus PHP 5.4 Victor Peters (978 90 125 8499 9) Basiscursus XHTML,
De architect: in spagaat tussen mensen en technische details. Illustratie met een simpel voorbeeld
De architect: in spagaat tussen mensen en technische details Illustratie met een simpel voorbeeld Illustratie van stap voor stap naar een architectuur aan de hand van een voorbeeld Overview Exercise Assistant:
Javascript oefenblad 1
Leer de basis van Javascript. Javascript oefenblad 1 Niels van Velzen Javascript oefenblad 1 Pagina 2 Inleiding Javascript is niet altijd even makkelijk. Vooral aan het begin is het even wennen hoe de
MADASTER PLATFORM. IFC export in BIM software. Archicad 21 & Revit 2019
MADASTER PLATFORM IFC export in BIM software Archicad 21 & Revit 2019 Juni 2018 Inleiding Deze handleiding dient ter ondersteuning van het importeren van uw gebouw naar het Madaster platform. Om u bestand
Release datum: 11 juni 2012
Highlights 1 HSExpert versie 5.2 Begin juni is versie 5.2 van HSExpert gereleased. In versie 5.2 zijn vooral wijzigingen op het RiAxion (Arbo) dossier doorgevoerd. Daarnaast zijn er wat kleinere wijzigingen
Les 15 : updaten van gegevens in de database (deel2).
Les 15 : updaten van gegevens in de database (deel2). In de volgende reeks lessen zal alle vorige leerstof uitgebreid aan het bod komen. Zie ook de vorige lessen en documenten om informatie op te zoeken
DECADE FINANCIALS. met APEX klaar voor de toekomst. Zeist 25 03 2014
DECADE FINANCIALS met APEX klaar voor de toekomst Zeist 25 03 2014 AGENDA Andre Geelen Team Manager Decade Decade introductie Sebastiaan Laponder Oracle Ontwikkelaar Decade 3 voor de migratie Gilbert Rattink
i ll take off to the cloud
i ll take off to the cloud Webbased applicaties gebouwd door ILE programmeurs Gepresenteerd door: Drs. Martijn van Breden Lead software architect Pantheon Automatisering 26-4-2017 1 Historie Pantheon Ontstaan
HANDLEIDING DMS Plugin Installatie, configuratie & werking
HANDLEIDING DMS Plugin Installatie, configuratie & werking Dit document is de handleiding voor de installatie, configuratie en werking van de DMS Plugin. Versie 1-12/09/2005 Inhoudstafel 1 Installatie...
APEX en JasperReports
APEX en JasperReports een Dream Team! Spreker(s) : Datum : E-mail : Vincent Deelen 28 mei 2013 vincent.deelen@transfer-solutions.com WWW.TRANSFER-SOLUTIONS.COM Outline APEX en rapporten Oracle BI publisher
J2EE/.NET en de rol Applicatie Architectuur
J2EE/.NET en de rol Applicatie Architectuur Edwin van Dillen evdillen@sogyo.nl 2003 Sogyo Information Engineering 1 Sogyo information engineering! IT Innovator sinds 1995! Klanten: ABN AMRO, Rabobank,
Software Design Document
Software Design Document Mathieu Reymond, Arno Moonens December 2014 Inhoudsopgave 1 Versiegeschiedenis 2 2 Definities 3 3 Introductie 4 3.1 Doel en Scope............................. 4 4 Logica 5 4.1
Interactie: 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
Tutorial 1, Delphi: Geldspraak
Tutorial 1, Delphi: Geldspraak Versie Datum Auteurs Opmerkingen 1 25-09-2001 Kees Hemerik (code) Gebaseerd op Delphi 5 Enterprise. Roel Vliegen (tekst) 2 17-03-2005 Kees Hemerik Aanpassingen: Delphi 7,
Angular 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
Databanken en webtoepassingen in Java
Databanken en webtoepassingen in Java K. Coolsaet Universiteit Gent 17/21 maart 2017 WiFi UGentGuest Gebruikersnaam: guestleerkr Wachtwoord: T5EVyMYW Eerst surfen naar http://www.ugent.be Cursuswebsite: