PHP > ASP

gepost op Dinsdag 07 december 2010 door Thomas

Server scripting

Server-side scripting is de algemeen bekende term voor de technologie die gebruikt wordt op internet om dynamisch HTML-pagina's te genereren.

Server-side scripting is onmisbaar voor veel internettoepassingen. Bijvoorbeeld in Content Management Systems worden gegevens vanuit de browser verstuurd naar een script, dat die gegevens opslaat in een database. Andere scripts kunnen die gegevens uit de database halen en als HTML presenteren aan bezoekers.

Talen

Er zijn verschillende server-side scripting talen: PHP, ASP(.net), JSP, Ruby on Rails, Perl, enz. Bij Webatvantage maken we gebruik van PHP 5. Een andere populaire taal is ASP.net.

Als je meer vertrouwd bent met een Microsoft omgeving zal je sneller geneigd zijn om voor ASP te kiezen. Dit is vooral een kwestie van gewoonte. Iemand die Frans spreekt zal logischerwijs ook sneller en beter kunnen communiceren in het Frans dan in een andere taal. Het zal ook niet gemakkelijk zijn om een fransman te overtuigen een andere taal te spreken. Er zijn bij het kiezen van een taal veel subjectieve argumenten: Welke taal klinkt het mooist?  Welke taal wordt het meest gesproken in mijn omgeving? In welke taal ben ik opgegroeid? enz. Maar er zijn ook een aantal objectieve argumenten: Welke taal wordt globaal gezien het meest gesproken? Welke taal heeft de meeste woorden? Welke taal is het duurste? Welke taal is het snelste? De talenkwestie kan ook in de programmeerwereld een moeilijk onderwerp zijn.

Algemeen

ASP is de afkorting voor Active Server Pages. Dit is een een programmeertaal die draait in een Microsoft omgeving op IIS (Internet Information Server). ASP zal meestal gebruik maken van een SQL server of access database. Dit zijn allemaal commerciële technologieën gecreëerd door Microsoft.

PHP staat voor Hypertext Preprocessor. PHP is een programmeertaal die draait op een Apache server in een Unix of Linux server omgeving. PHP loopt hand in hand met een MySQL database. Een veel gebruikte term voor deze groep technologiën is "LAMP". LAMP is als het ware één familie: Linux, Appache, MySQL, PHP. Al deze technologïen zijn opensource!

Opensource

Eén van de grote verschillen tussen ASP en PHP is dat php opensource is. ASP wordt voor commerciële doeleinden gebruikt. Meerbepaald de doeleinden van Microsoft. Opensource wil zeggen dat de broncode voor iedereen toegankelijk is. Het is als het ware een filosofie die wordt aangemoedigd door ontwikkelaars. Aangezien PHP opensource is, heeft dit enkele belangrijke voordelen als gevolg.

• PHP (LAMP) is gratis! De kosten voor een ASP website lopen snel op. Je hebt een licentie nodig voor het gebruik van een Microsoft Server en IIS server. Meestal gaat dit gepaard met een licentie voor een SQL Server. Bovendien heb je ook software nodig voor de ontwikkeling.  Er bestaat hiervoor ook gratis software. Maar om alle vruchten te kunnen plukken van ASP.NET heb je dure software nodig (Visual Studios).
• Problemen in OpenSource Software worden snel door de OpenSource gemeenschap opgespoord en verholpen. Dit komt de veiligheid en stabiliteit ten goede.
• OpenSource Software evolueert zeer snel door samenwerking van een groot aantal ontwikkelaars.
• Opensource is onafhankelijk van een leverancier.

Snelheid

Dit is een moeilijk onderwerp. Op blogs die in ASP zijn geschreven lees je dat ASP sneller is dan PHP en omgekeerd. Er zijn wel veel meer blogs in PHP geschreven. Met andere woorden: de meeste webdevelopers beweren dat PHP het snelste is. Aangezien dit blog in PHP is geschreven zal ik de traditie verder zetten:"PHP is sneller dan ASP!" Als ik er dan toch een technische uitleg aan zou moeten geven, zou ik het volgende zeggen:

"PHP is sneller omdat dit in zijn eigen memory space draait. ASP gebruikt een overbelaste COM based architecture." Bron: een php blog :).

Wie gebruikt wat?

Sinds de opkomst van PHP 5 is PHP veel populairder geworden. Een belangrijk verbetering is het gebruik van object georienteerde programmeren. (ASP.NET is ook object georiënteerd). Het gebruik van object georiënteerd programmeren heeft enkele belangrijke voordelen die vooral het leven van de programmeur vereenvoudigen.  Deze evolutie heeft een boost gegeven aan het aantal websites die in PHP zijn geschreven. Enkele bekende websites die in PHP zijn geschreven zijn: wikipedia.org, facebook.com, drupal.be, webatvantage.be, ...

In theorie kun je niet weten in welke taal een bepaalde website is geschreven omdat je alleen de HTML code kan inlezen. Via netcraft.com kan je wel het operating system te weten komen.

In welke taal is jouw website geschreven? Welke voor- en nadelen ondervind je bij deze programmeertaal?

HTML5

gepost op Vrijdag 25 juni 2010 door Thomas

HTML5 (HyperText Markup Language 5) is de nieuwste, nog onafgewerkte versie van html standaard. HTML5 verbetert de kleine foutjes van zijn voorganger (html) en levert extra en betere ondersteuning voor webapplicaties, webdesign. Enkele voorbeelden:

Structuur elementen

Er zijn een aantal nieuwe elementen (tags) bijgekomen om de structuur en inhoud van de pagina te verduidelijken vb. header, nav, article, footer, time enz. Deze tags zullen ongetwijfeld nog een rol spelen voor smartphones, zoekmachines, screenreaders enz.

Video/audio element

Dankzij de audio en video-tag is er de mogelijkheid om media af te spelen zonder gebuik te maken van plugins zoals bijvoorbeeld een flash-player-plugin. De bediening van het filmpje, zoals bijvoorbeeld: play, pause en fast forward zijn via JavaScript aanspreekbaar. Op die manier kan je dus een player volledig via css, html en javascript opmaken en instellen. De enige vereiste is dat je browser het bestand formaat van de media ondersteund (vb mp4, ogg, avi, ...). De ideale situatie zou zijn dat er een codec (formaat) is die alle browsers implementeren. Maar daarvoor zijn de makers (Microsoft, Apple, Google, Mozilla) te koppig.  

Canvas element

Deze tag is ongetwijfeld de spectaculairste vernieuwing. Het geeft webdevelopers de mogelijkheid om met behulp van JavaScript afbeeldingen te creeëren. De mogelijkheden hiervan spreken tot de verbeelding. Dankzij deze tag kan je bijvoorbeeld tekeningen en grafieken maken, foto's bewerken, (eenvoudige) animaties voortbrengen, enz.

Extra functionaliteiten

De mogelijkheiden voor de webdeveloper zijn er in het algemeen sterk op vooruit gegaan. Vb Betere aanspreekbaarheid van "Document Object Model " (DOM), vereenvoudiging Drag 'n drop, lokaal opslaan van data,  snellere laadtijden, Web Workers, extra attributen, nieuwe form fields, font-face (lettertype ondersteuning), enz.

Waar wachten we nog op?

Helaas ondersteunen nog niet alle browsers HTML 5. FindMeByIP zette de browsermogelijkheden eens op een rijtje. De meeste functionaliteiten zijn beschikbaar via Chrome en Safari. Firefox komt nog iets te kort op het gebied van CSS3.  Internet Explorer 8 (en <) heeft de trein helemaal gemist. IE ondersteund bijna geen enkel nieuwe feature van HTML5. Maar daar komt met IE 9 (volgens Microsoft) verandering in. Helaas surfen de meeste gebruikers nog altijd met Internet Explorer (zie blog bericht: Browser mogelijkheden). We zullen nog even moeten wachten om HTML5 in de praktijk te gebruiken.

Van zodra de browsers dit ondersteunen zullen webdesign trendsetters, fora en JavaScript libraries zoals JQuery en Prototype zich hier ook meer op concentreren. Dit zal het implementeren van nieuwe features vereenvoudigen. Met als logisch gevolg dat er een snelle boost zal volgen van HTML5.

Ik heb zelf eens geëxperimenteerd met enkele basis html5 mogelijkheden. Je kan zonder veel moeite vernieuwende features maken. Er zijn ook al tal van voorbeelden online te vinden. Enkele voorbeelden:

• http://www.webatvantage.be/Tutorials/html5/
• Door middel van de cavas tag kan je een 3-D tetris game maken
• Nee dit is geen flash, maar javascript!
• Safari heeft enkele spectaculaire applicaties gemaakt om HTML5 (en Safari) te promoten.

Heb je zelf een HTML5 applicatie gemaakt? Of heb je een spectaculair voorbeeld online gevonden? Deel ze dan zeker met ons via een reactie!

Hoe schat je de overlevingskansen van flash in eenmaal html5 geïntegreerd is?

Vanaf wanneer zou jij HTML5 integreren op je website?

Browser mogelijkheden: Firefox, Safari, Chrome, Internet Explorer

gepost op Dinsdag 15 juni 2010 door Thomas

Als webdeveloper is het belangrijk dat je rekening houdt met verschillende browsers bij het coderen van je website. Je ontwerp kan er bijvoorbeeld in Internet Explorer anders uitzien dan in Mozilla Firefox.

De versie van je webbrowser is ook belangrijk. Zorg ervoor dat je browser up to date blijft. Een verouderde versie kan heel wat nadelen hebben. Vooral bij Internet Explorer kunnen deze nadelen sterk doorwegen. 

Een overzicht van de browsers op webatvantage.be:

Internet Explorer (65 %)

Internet Explorer is weereldwijd de meest gebruikte browser. Internet Explorer is ontwikkeld door Microsoft. Aangezien IE standaard voorzien was bij het besturingssysteem Windows kon het zijn marktaandeel veroveren. Maar samen met het besturingssysteem heeft IE een groot deel van zijn terrein verloren aan Firefox en Safari. Het ontwerp van je website is bij IE sterk afhankelijk van de versie. Voor het testen van je website in de verschillende IE versies is IE tester een handige tool. We raden iedereen aan die met IE 6 surft zijn browser te vernieuwen.

Tip: lees artikel: Internet Explorer 6 is gevaarlijk

Firefox (22 %)

Firefox is opensource software ontworpen door Mozilla en honderden vrijwillegers. Firefox is vooral populair bij webontwikkelaars omdat het de W3C-standaard beter volgt dan Internet Explorer en omdat er veel verschillende nuttige hulpprogramma's (extensions) voor Firefox beschikbaar zijn. Deze programma's maken het testen en het gebruik van internetpagina's eenvoudiger.

Verder is Firefox minder vatbaar voor spyware en computervirussen. Dit komt mede door de afwezigheid van ActiveX-ondersteuning en omdat Firefox strikt gescheiden is van het Microsoft Windows-besturingssysteem.

Tip: Download Mozilla Firefox voor een betere en veiligere surfervaring.

Safari  (7 %)

Safari is ontwikkeld door Apple voor hun besturingssysteem MAC OS X. Het grote voordeel van Safari is de snelheid. Het nadeel is dat Safari een klein marktaandeel heeft. Dit heeft als gevolg dat vele web ontwikkelaars hun ontwerpen nog niet hebben getest en geoptimaliseerd voor Safari. Het marktaandeel is samen met het MAC OS de laatste jaren wel aan het stijgen. Safari voor Windows gebruikers heeft op security niveau ook iets minder goeie punten. Maar met MAC heb je sowieso minder last van virussen en spyware.

Chrome (5 %)

In september 2008 heeft Google zijn eerste webbrowser uitgebracht. Deze openscource browser sluit het dichtste aan bij Mozilla Firefox. De kenmerken van Google zijn hier onmiddellijk terug te vinden: eenvoud en gebruiksvriendelijkheid.

Andere: Iphone, Blackbarry, Android (< 1 %)

De smartphones beginnen hun plaats in het web op te eisen. Je moet geen glazen bol hebben om te weten dat hun marktaandeel alleen maar zal stijgen. Dit heeft enerzijds te maken met het betaalbaar worden van smartphones en anderzijds met de verbetering van de netwerkmogelijkheden in België.  Het probleem is dat er momenteel een heleboel verschillende toestellen en browsers zijn. Je kan moeilijk je website voor al deze devices testen. Al deze technologiën zijn momenteel ook nog sterk aan het evolueren. Het beste wat je kan doen is daarom zoveel mogelijk de webstandaarden volgen bij het ontwikkelen van websites. Je kan ook een alternatieve website maken voor smartphones. vb m.stubru.be. Het ontwerp van deze website hou je best zo eenvoudig mogelijk. Je kan de inhoud hier ook aanpassen zodat ze interessanter is voor smartphone gebruikers. Vb Contact pagina, wegbeschrijving e.d.

Html 5 en CSS3

Html5 en CSS3 zullen de mogelijkheden en functionaliteiten voor webapplicaties uitbreiden. Deze extra features zullen zeker revolutionair zijn op het gebeid van webtechnologie. Helaas is deze technologie nog niet volledig ondersteund door alle browsers. Deepblue.com heeft even op een rijtje gezet welke browser welke technologiën ondersteunen. Internet Explorer komt er als absolute verliezer uit. Dit heeft als gevolg dat we nog even moeten wachten om de vruchten van HTML5 en CSS3 te plukken. Meer info over HTML5

Nieuwe website voor Annelies Verbeke

gepost op Maandag 03 mei 2010 door Inge

Mijn eerste kennismaking met het maken van websites was toen ik aan de bibliotheekschool in Sint-Amandsberg (Gent) het vak webdesign volgde.
De basics van webdesign werden ons uitgelegd en als eindexamen kregen we de opdracht om een website te maken. Onderwerp vrij te kiezen.

Ik had net het boek Slaap! uit van Annelies Verbeke en vond dat best straf geschreven. Aangezien Annelies nog geen website had, stelde ik haar voor om er eentje te maken. Mijn eerste site ever maar ze ging akkoord.

Zoveel jaar later was de site echt wel aan een update toe. Weinigen zullen me tegenspreken dat het gebruik van frames niet meer van deze tijd is, nietwaar? Ook grafisch gezien kon de website best wel wat opfrissing gebruiken.
Naast een nieuwe look heeft de website een content management systeem gekregen zodat Annelies de foto's en teksten op haar website vanaf nu zelf kan beheren.

Het ontwerp van de nieuwe website van Annelies Verbeke is grotendeels geïnspireerd op deze poster van Cristiana Couceiro: Experiência Variaçaões.