IkDoeICT.be Blog - Geeks

Websites publiceren met Git

Sun, 06 May 2012 20:00:00 +0200

De verschillende websites van onze opleiding – zoals deze hier – hosten we op onze eigen servers. De code van deze websites houden we uiteraard bij op onze eigen Git servers.

Om de websites te publiceren knoeien we niet meer met FTP(S), maar hebben we een automatische deployment via Git uitgerold: van zodra er code naar onze Git server gepusht wordt, wordt de nieuwe versie automagisch op de web server gedeployed.

Hoe dit precies in z'n werk gaat en hoe dit zelf in te stellen staat beschreven op de blog van collega Bramus Van Damme: Automatic website publishing with Git, GitHub-Style

Websites publiceren met Git geschreven door Bramus Van Damme in: Geeks

Tags: apache, git, php, versioning

HTML5 is dood!

Thu, 20 Jan 2011 21:39:00 +0100

Reeds geruime tijd is er enige verwarring omtrent de term "HTML5": Is het nu de syntax alleen of behoren de nieuwe/aanverwante technologiën zoals web workers en geolocation ook tot die noemer? En wat met CSS3, is dat ook HTML5?

Uiteindelijk werd HTML5 gaandeweg de parapluterm voor de HTML5 syntax inclusief de nieuwe Javascript technologiën die ontwikkeld worden. Reden hiervoor is dat bepaalde zaken tussen de nieuwe Javascript technologiën en HTML5 direct aan elkaar gelinkt zijn. Denk maar bvb. aan de tag en de daarbijhorende Javascript API waarmee je deze kan manipuleren.

HTML5 (+ bijhorende javascript &

(Ter duiding: CSS3 valt hier niet onder de HTML5 noemer, wat maar logisch is ook)

Het lijkt me al bij al wel aanvaardbaar/logisch, zeker gezien we in het verleden straffere stoten met benamingen tegengekomen zijn: Ooit werd Web 2.0 plots synoniem voor Ajax en werd alles wat met jQuery/Prototype gebouwd werd plots Ajax genoemd ...

Inderdaad, niet meteen een gezonde situatie, maar soms kan je de massa nu eenmaal niet tegenhouden. Zolang we zelf de termen correct gebruiken mogen we tevreden zijn.

Twee dagen geleden kondigde het W3C het HTML5 logo aan. Hoewel het logo er zeker en vast mag zijn, was er toch consternatie alom in de webwereld.

Boosdoener was/is de omschrijving die het W3C aan het logo geeft: “The logo is a general-purpose visual identity for a broad set of open web technologies, including HTML5, CSS, SVG, WOFF, and others.”

Schering en inslag om te horen dat het W3C — de officiële instantie achter de standaardisering op het web — zelf een verkeerde benaming promoot! CSS3 plots onder noemer HTML5 plaatsen, ongehoord!

Resultaat hiervan zal ongetwijfeld zijn dat iedereen — zowel journalisten (die het nu reeds vaak verkeerd benoemen), als beginnende developers — het kaf van het koren niet meer zullen kunnen scheiden en telkens de verkeerde terminologiën in de mond zullen nemen.

Neen W3C, niet akkoord met deze beslissing. Ik dacht dat jullie job was om duidelijkheid te scheppen. Nu laten jullie toe dat iemand een XHTML 1.0 strict bestand met wat CSS3 + gebruik van webstorage plots HTML5 mag noemen?!

In 2009 kondigde de WHATWG — de working group achter HTML5 — aan dat de HTML5 syntax in een "last call" fase ging om dan later — in 2010 — een snapshot van dat document als HTML5 (de syntax) specificatie te releasen.

Al gauw merkten ze dat dit niet haalbaar zou zijn, gezien de HTML5 syntax nog volop veranderde en ze nooit een finale versie van HTML5 zouden kunnen bereiken. Hierdoor schakelden ze over op een nieuw model waar ze constant aan HTML5 zouden werken en deze blijven tot in de puntjes verfijnen (*).

Gisteren kondigde de WHATWG aan dat ze samen met deze beslissing HTML5 (de syntax) naar HTML (zonder de 5) herdopen. HTML is dus vanaf heden een dynamische/levende syntax.

Voordeel aan deze beslissing is dat ze zo de verwarring hierboven vermeld tackelen: HTML5 is vanaf heden HTML (de syntax) én CSS3 én SVG én ....

(*) Deze beslissing is eigenlijk niet zo heel verrassend: de browser vendors (Mozilla, Microsoft, etc.) werken momenteel toch reeds zo. Vaak implementeren ze reeds delen die nog in draft zijn, of introduceren ze zelf (!) nieuwe elementen die — volgens hen — in de standaard zouden moeten zitten.

Het zelfde geldt trouwens voor CSS3: vaak waren het de browser vendors die nieuwe zaken introduceerden (denk maar aan CSS3 transitions, intieel geïntroduceerd door Apple) en werden deze daarna in een standaard gegoten om later door de andere vendors overgenomen te laten worden.

Wanneer je de HTML5 & CSS3 readiness site nader bekijkt zal je merken dat reeds heel wat browser heel wat zaken van HTML5/CSS3 ondersteunen ... hoewel van geen van beiden een finale specificatie bestaat. Reden te meer waarom het absurd is om een geversioneerde specificatie te hebben.

Deze naamswijziging maakt het allemaal een stuk duidelijker voor de ontwikkelaars. Ofwel heb je't over HTML5 — de parapluterm — of over HTML — de syntax. CSS3 scheuren we zelf los vanuit de HTML5 terminologie.

Hopelijk haalt het W3C in de toekomst dergelijke stoten niet opnieuw uit. Met de "nieuwe" HTML term zal dat niet meer lukken denk ik; HTML5 is dood, leve HTML5!

(Wil je zelf aan de slag gaan met HTML5 dan raad ik ten stelligste de Dive into HTML5 webiste en het Getting to work with new Web Technologies artikel aan. De HTML5 en CSS3 overzichten van Robert Nyman vormen hier, samen met HTML5Rocks en CSS3.info, een handige aanvulling bij)

UPDATE 21/01/2011: de digitale inkt van deze blogpost is nog niet eens geheel droog en het W3C heeft z'n mening reeds bijgestuurd. De omschrijving die ze aan de HTML5 badge geven luidt nu: “This logo represents HTML5, the cornerstone for modern Web applications.”

Inderdaad, ze hebben nu ook zelf het CSS3 gedeelte van uit de HTML5 noemer gehaald. Een goede beslissing lijkt me zo!

HTML5 is dood! geschreven door Bramus Van Damme in: Geeks

Tags: css3, html5, rant, webtechnieken

met Apple van de regen in de drup

Mon, 07 Jun 2010 15:37:00 +0200

Het zat er aan te komen: Apple is nu meer centen waard dan Microsoft. Nochtans leek de strijd uit de beginjaren om de desktop tussen beide bedrijven comfortabel gewonnen door Microsoft, en mocht Apple, op het eind van de jaren negentig nog aan de rand van het faillissement, al blij zijn met het behoud van haar kleine maar trouwe schare aanhangers. Die zaten vooral in de grafische sector, niet toevallig mensen met een grote nood aan computers, maar zonder de behendigheid er goed mee om te kunnen gaan. Het gevoel voor gebruiksgemak en de recente reeks geweldige iP** producten hebben Apple groot gekregen. De haast hysterisch enthousiaste eindgebruiker sluit daarbij graag de ogen voor de vaak toch wel middelmatige hardware die hij krijgt voor zoveel geld.

Toch moet ik toegeven dat ik zoals velen Apple oorspronkelijk als een soort bevrijder binnenhaalde. Wie tegen Microsoft is, is voor mij, zoiets. Niet zozeer vanwege het gebrek aan visie van Microsoft of de miskleunen die het soms op de markt bracht - remember Vista en Internet Explorer - maar omdat het zijn dominante positie misbruikte om mij als consument aan hun producten te ketenen en hun concurrenten uit de markt te duwen. De weigerachtigheid de nodige API's met documentatie open te stellen voor concurrerende softwareproducenten bijvoorbeeld, of de 'Als wij Windows willen leveren met een broodje ham als geïntegreerd onderdeel, dan doen wij dat' houding waarmee de wereldbevolking nu met een inferieure browser en mediaplayer opgezadeld zit, het feit dat je voor elke nieuwe PC een Windowslicentie moet betalen, of je nu wil of niet... het zijn praktijken die sinds Rockefeller niet meer gezien waren.

De bevrijder lijkt echter erger te worden dan de bezetter. Ik denk aan het arrogante stilzwijgen waarin Steve Jobs zich steevast omhult bij problemen, zoals de ontploffende batterijen, falende grafische kaarten of de vele zelfmoorden in de omstreden Chinese iPhone-fabriek. Ik geloof ook geen snars van de technische redenen die Steve Jobs aanhaalt om RIA plugins als SilverLight en Flash te weren van de iPod en de iPad: het is gewoon een overduidelijke afscherming van haar eigen App Store. En neem een greep uit het nieuws van de maand mei alleen al: berichten over censuur, concurrentievervalsing en intimidatie volgen elkaar in hoog tempo op. En vorige week lanceerde Apple dan zijn HTML5 showcase. De demo's zijn vaneigens knap uitgewerkt, maar de grap is: het is enkel te bekijken in Safari. Andere browsers, ook al ondersteunen ze HTML5 stukken beter - denk aan Chromium of Opera - krijgen een foutmelding, met uiteraard de uitnodiging Safari te installeren (helemaal waterdicht is het nog niet: via de developerpagina raak je er wel in).

De boodschap van Apple wordt duidelijk: ze geven geen moer om het Open Web, en schuwen geen middel om hun doelen te bereiken. Misschien iets om bij stil te staan de volgende keer dat iemand voor de zoveelste keer het bedrijf de hemel in bejubelt...

met Apple van de regen in de drup geschreven door Rogier van der Linde in: Geeks

Tags: apple, html5, ipad, microsoft

Windows 7 in de labo's

Tue, 02 Feb 2010 15:33:00 +0100

Om jezelf serieus te nemen als ICT-opleiding, ben je het jezelf verplicht om steeds maar weer te innoveren.

Ook onze labo's ontsnappen daar niet aan. De hardware is steeds up to date, en met ons virtualisatieplatform staan we in het onderwijs in Vlaanderen heel dicht bij de top van het klassement.

Deze week worden ook alle labo-computers gemigreerd naar Windows 7 x64.

Na het aanmaken van een basisimage en het packagen van de softwarepakketten verloopt deze migratie loopt volledig unattended via SCCM, zonder enige interactie. Uiteraard worden ook alle softwarepakketten voor de gelegenheid voorzien van een update ... Firefox 3.6, VMWARE workstation 7, Netbeans 6.8: een laat nieuwjaarspresentje, vanaf volgende week voor alle studenten beschikbaar...

Windows 7 in de labo's geschreven door Roel Van Steenberghe, Sven Knockaert, Alexander Desmet in: Geeks

Tags: sccm, windows 7

IP subnetting en VLSM

Wed, 06 Jan 2010 14:17:00 +0100

Eén van de belangrijkste concepten die je goed moet begrijpen om IP netwerken te kunnen bouwen en onderhouden, is subnetting.

De diverse redenen om subnetting toe te passen komen uitgebreid aan bod in het vak netwerken, vanaf het eerste jaar. Daarna moet je natuurlijk aan het rekenen, en jammer genoeg loopt het daarbij nogal vaak fout.

De vraag 'hoe zat dat alweer met die sub-subnetting/VLSM' is dan ook één van de meestgestelde tijdens het vak netwerken.

En toch, subnetting (VLSM of subsubnetting) is echt niet moeilijk. Een samenvattend videootje bewijst het...

IP subnetting en VLSM geschreven door Roel Van Steenberghe in: Geeks

Tags: netwerken, subnetting, video, vlsm

Virtualisatie Hyper-V en System Center Virtual Machine Manager 2008 R2

Fri, 23 Oct 2009 00:01:00 +0200

Server Virtualisatie

Sinds dit academiejaar is onze opleiding ICT gestart met een centraal virtualistieplatform. De bedoeling is dat studenten verschillende virtuele machines kunnen aanmaken en beheren voor hun lessen en labo's. Dit maakt onze onderwijsmethodes voor vakken zoals systeembeheer, besturingssystemen en computerbeveiliging veel dynamischer. In deze blogpost wordt de setup hoe dit gerealiseerd werd besproken.

Het systeem is gebaseerd op Hyper-V, wat het virtualisatieplatform is van Microsoft. Hyper-V is als een rol te installeren op een windows Server 2008 en 2008 R2 (Ter info: Hyper-V Server 2008 R2 kan je gratis downloaden). Na de installatie van deze rol is er een hypervisor op de server geïnstalleerd. Het bestaande besturingssysteem (Windows Server 2008) wordt dan de "parent partition" genoemd en is eigenlijk op dit moment ook gevirtualiseerd.

Verschillende nodes kunnen samenwerken als een cluster waardoor bijvoorbeeld virtuele machines kunnen gemigreerd worden van de ene node naar de andere. De cluster zorgt er vooral voor dat het geheel high available is. Indien een hyper-v node uitvalt, zullen de machines op die falende node automatisch gemigreerd worden naar andere nodes van de cluster en daar opnieuw gestart worden.

Technische specs

In de opstelling gebruikt voor de vakgroep ICT werden 4 servers gebruikt met volgende specificaties:

2x HP DL380 G5: 2 Quad-Core CPU's met 32 GB DDR2 Ram en 2 SAS schijven voor het OS
2x HP DL380 G6: 2 Quad-Core CPU's (core i7) met 56GB DDR3 Ram en 2 SAS schijven voor het OS. (Door hyperthreading zijn er 16 cores zichtbaar voor het besturingssysteem)

De cluster maakt gebruik van een centrale storage (SAN) die via iSCSI de verschillende hyper-v servers de nodige LUN's ter beschikking stelt. In deze SAN zitten 24 SATA schijven van 750 GB die na aftrek van Spare Disks en verlies door Raid-configuratie nog 16TB aan opslag voorziet. Het gebruikte type hier is een HP MSA2012i.

Management met SCVMM 2008 R2

Om het beheer en gebruik voor studenten wat transparant te maken, wordt het geheel gemanaged met behulp van System Center Virtual Machine Manager 2008 R2. Dit maakt het makkelijker voor de beheerders om honderden virtuele machines te deployen en te configureren met verschillende hardware- en software templates.

SCVMM maakt het ook mogelijk om zeer snel virtuele machines te migreren van de ene node naar de andere via Quick migration of Live Migration.

Deze laatste zorgt ervoor dat virtuele machines gemigreerd worden van de ene hyper-v node naar een andere zonder dat de VM moet gestopt worden. Maw: gebruikers merken niet dat de machine plots vanuit een andere hyper-v node aangeboden wordt.

In eenvoudige tests die we uitvoerden bleek tijdens deze migratie slechts één ping-pakketje verloren te gaan. Meer info over Live Migration is hier te vinden

Self Service Portal 2008 R2

Studenten moeten ook op een makkelijke manier hun virtuele machine kunnen beheren. Met de self-service portal die ingebouwd zit in system Center Virtual Machine Manager krijgen de studenten een zeer goed overzicht op hun eigen virtuele machines. Deze portal is volledig webgebaseerd en laat toe om virtuele machines te starten, stoppen, checkpoints te nemen, maar ook in de machine zelf werken. Als de bijhorende ActiveX plugin geïnstalleerd werd krijg je vanuit deze webportal een zicht op je virtuele machine en kan je er makkelijk in werken.

System Center Operations Manager 2007 R2

Eerder in deze blog werd al aangegeven dat een cluster het geheel high available maakt. Maar wat met optimalisatie zonder dat er een ergens een node zou gefaald zijn.

Met System Center Operations Manager (SCOM) zorgen we ervoor dat de resources van de verschillende nodes netjes evenveel belast worden. Indien een bepaalde Hyper-V node in verhouding veel meer VM's zou moeten bedienen, kan SCOM adhv automatisch PRO tips deze VM's migreren naar andere, minder belaste nodes. SCOM integreren met SCVMM is geen sinecure en vergt installatie van een SQL-server en integratie met de bestaande service en SQL van SCVMM.

Toekomst

Op korte termijn willen we de Self Service Portal ook ter beschikking stellen op het internet. Zo zouden studenten ook hun virtuele machines van thuis kunnen gebruiken. Dit zal echter wat configuratie vergen aangezien dit alles "veilig" moet gebeuren en door de bestaande firewall en proxy moet toegelaten worden. Later meer hierover.

Virtualisatie Hyper-V en System Center Virtual Machine Manager 2008 R2 geschreven door Sven Knockaert in: Geeks

Tags: hyper-v, hypervisor, scom 2007 r2, scvmm 2008 r2, virtualisatie

Twitter

Fri, 28 Aug 2009 17:22:00 +0200

Nu Twitter meer en meer bekend geraakt hebben sommige van onze studenten reeds de weg er naar toe gevonden. Maar wat is dat nu eigenlijk, die Twitter? Met de ICT gedachte in het achterhoofd lenen we dit bekend filmpje, kwestie van het warm water niet opnieuw uit te vinden:

Sommige studenten zijn nog niet overtuigd, bewijze hun discussies op het studentenforum. Wanneer we echter naar het verleden kijken blijkt dat net zij reeds een eigen Twitter avant la lettre hadden: hun beruchte privé maar toch meer openbaar dan privé forum topic — één dat al zo'n zes (!) jaar meegaat (*)

Zij die wel reeds een Twitter account hebben nodigen we graag uit om ikdoeict te followen. De informatie via die weg verspreid is er als aanvulling op die die via de officiële kanalen (Toledo, valven, ...), alsook die via deze website verspreid wordt.

(*) het huidige topic is reeds het tweede, nadat het eerste wegens een corrupte database (?) ter ziele gegaan was.

Twitter geschreven door Bramus Van Damme in: Geeks

Tags: twitter

Deep copy met C#

Sat, 04 Jul 2009 09:00:00 +0200

Het correct implementeren van een deep copy is soms een vervelend werkje. We tonen hier een voorbeeld hoe je een deep copy op een elegante manier kan implementeren in C#. De details van de implementatie laten we aan de lezer om zelf te ontdekken.

Een groot probleem bij het implementeren van de interface ICLoneable zijn class members met een referentietype. Je moet er zelf voor zorgen dat ze op een correcte manier worden gekopieerd en dit doorheen de volledige object graph. Gebeurt dit niet correct dan krijg je een zogenaamde shallow copy met alle gevolgen van dien.

Er zijn een aantal verschillende manieren om een deep copy te implementeren. Een eerste manier is het aanmaken van een copy-constructor die je aanroept vanuit de methode Clone met het sleutelwoord this.

We geven hieronder een voorbeeld van een container die een lijst van IP-adressen stockeert. In .NET wordt een IP-adres opgeslagen in de klasse IPAddress. Het nadeel is dat ICLoneable en de copy-constructor niet geïmplementeerd zijn in deze klasse. We moeten dus naar een alternatieve manier zoeken om de objecten in de lijst te kopiëren. Hieronder zie je hoe we dit opgelost hebben.

class IPAddressContainer : ICloneable {
        private List addresses;

        public List Addresses {
            get { 
                return addresses; 
            }
        }

        public IPAddressContainer() {
            this.addresses = new List();
        }

        public IPAddressContainer(IPAddressContainer iac) {
            this.addresses = new List();

            foreach (IPAddress address in iac.addresses) {
                this.addresses.Add(new IPAddress(address.GetAddressBytes()));
            }
        }

	public object Clone() {
		return new IPAddressContainer(this);
	}
}

Deze implementatie van Clone maakt een diepe kopie van de objecten van IPAddressContainer. Het is echter duidelijk dat de implementatie van de copy-constructor erg foutgevoelig is. Ook de hoeveelheid implementatiewerk om een grote object graph te kopiëren is groot; je moet op elk niveau ICloneable op een correcte manier implementeren of een alternatief voorzien.

Er is echter nog een tweede manier om een deep copy te implementeren. We maken hier gebruik van een Stream naar het geheugen waarop we de ganse object graph serialiseren en deserialiseren. Het resultaat is een perfecte kopie van het oorspronkelijk object waarbij de twee kopieën geen enkele referentie meer gemeenschappelijk hebben.

[Serializable]

class IPAddressContainer : ICloneable {
        private List addresses;

	...

        public object Clone() {
            IPAddressContainer iac = null;

            try {
                using (var ms = new MemoryStream()) {
                    var bf = new BinaryFormatter();

                    bf.Serialize(ms, this);
                    ms.Position = 0;
                    iac = (IPAddressContainer)bf.Deserialize(ms);
                }
            } catch (Exception exp) {
                System.Diagnostics.Debug.WriteLine(exp.Message);
            }

            return iac;
        }

}

Deze implementatie is een elegant alternatief voor het implementeren van de deep copy doorheen de object graph. Je hoeft niet meer uit te zoeken hoe je objecten - zoals IPAddress - moet kopiëren. De implementatie van de deep copy gebeurt op één plaats in de object graph. Bovendien is het ook een universele manier in C# om object graphs op een correcte manier te kopiëren.

Er is echter ook een “maar” aan het verhaal. Zoals in het bovenstaande codevoorbeeld te zien is moet je elke klasse in de object graph van [Serializable] voorzien. Dit is echter een kleine moeite ten aanzien van de code die in het eerste voorbeeld voorzien moet worden.

Deep copy met C# geschreven door Luk Schoofs in: Geeks