Hier binnenkort de website van SFIDA ... Sfida betekend uitdaging in het italiaans ... en
dat is ook de drijfveer van ons service
Scripts
Freelance
Internet
Development
Artwork
In afwachting van het operationeel zijn van deze site verzamel ik hier reeds een aantal
projecten die ik gemaakt heb of waar ik flinke stukken code voor geschreven heb.
Touwtrekken.be was mijn eindwerk voor de cursus webmaster bij Syntra. De site
werd in deze mate goed beoordeeld dat hij enkele maanden als voorbeeld op de
website van Syntra heeft gestaan.Touwtrekken.be is een informatieve website
met zeer veel informatie. De uitdaging was om deze informatie snel beschikbaar
te maken zonder onnodige navigatiebomen. Daarom is gekozen om 100% van het scherm
te gebruiken, en dit, ongeacht de resolutie.De site is zoals al mijn site’s
bijna perfect schaalbaar van een resolutie 640X480 tot 1600X1200. Om dit te
realiseren gebruik ik al een tijd niet langer tabelstructuren, maar realiseer
ik een lay-out met CSS gepositioneerde objecten.
Bijna alle informatie wordt samen met de hoofdpagina geladen en word met 1 klik
zichtbaar gemaakt. Hiervoor word intensief gebruik gemaakt van DHTML. Door middel
van JavaScript worden onzichtbare lagen zichtbaar gemaakt. Dit geeft een site
die prettig en snel navigeert en waar informatie logisch en in één
oogopslag te vinden is. Alles in de hoofdpagina laden, heeft ook een belangrijk
SEO voordeel omdat alle content in één pagina word geïndexeerd.
Het nadeel van slechte indexatie, dat meestal aan JavaScript navigatie’s
word toegeschreven, word door deze werkwijze omgeplooid in een voordeel. Een
aandachtspunt was wel om de site leesbaar te maken voor mensen die JavaScript
hebben uitstaan. Bijzondere aandacht in deze categorie ging naar de mensen die
de site bezoeken met voorleessoftware of een brailleleestoestel. Er werd gekozen
voor een eigen stylesheet voor deze mensen waardoor ze alle info gewoon als
één lange blz. kunnen lezen.
PHP en MySQL word vooral gebruikt om de meest actuele uitslagen en agenda te integreren,
maar ook om een wedstrijd aan te vragen. Wanneer iemand een wedstrijd aanvraagt
word automatisch een pdf bestand aangemaakt en geopend met hierop nog even een
overzicht van de regels en een betalingsuitnodiging. De datum wordt direct in
de agenda ingevoegd. Vanaf dat moment kunnen deelnemers ook via de site inschrijven
en info opvragen. Andere interactieve delen zijn niet direct zichtbaar. Zo is
er een beveiligde pagina voor de wedstrijdleiding en een cms waar “heet
van de naald punten” kunnen worden toegevoegd. Ook werd de mogelijkheid
geïntegreerd om uitslagen vanuit een, ook door mij ontwikkelt, lokaal draaiend
poulesysteem op het net te zetten. http://www.touwtrekken.be/rist8.hta (werkt
ivm rechten uiteraard alleen als je het eerst download, maar je kan in de broncode
zien hoe met Javascript en vooral Vbscipt mappen worden gemaakt en deze worden
gevuld met aangemaakte txt, html, csv, ps, doc en pdf bestanden.)
Dat er toch nog nieuwe vensters worden geopend als je bv een specifieke uitslag
opvraagt of een inschrijvingsformulier opent heeft te maken met de mogelijkheid
die we clubs bieden om deze formulieren/uitslagen in hun eigen stijl op hun website
te zetten. Die mogelijkheid bieden we ook aan met de agenda en heet van de naald.
Het is zo eenvoudig mogelijk gemaakt zodat een kind “de was kan doen”.
vb http://www.touwtrekken.be/agenda.php?stijl=http://www.berketrekkers.be/stijl.css
. Bovendien kunnen bezoekers “heet van de naald” via hun rss reader
lezen.
Deze site is oorspronkelijk ontwikkeld als onderproject van touwtrekken.be
in functie van het internationale GENSB toernooi dat België in augustus
zal organiseren. Mogelijk zal deze site ook de basis vormen van de site die
volgend jaar onder eigen domein zal ontwikkeld worden. Voor deze doelgroep
was een flash intro niet ongepast zodat ik me wat kon uitleven. Naast algemene
info is hart van deze site zeker de database.
Via het inschrijvingsformulier schrijven de verenigingen zich in en krijgen
ze een wachtwoord toegestuurd. Via dat wachtwoord kunnen ze via beveiligd
formulier extra ploegen of extra mensen inschrijven. Diezelfde database vormt
de basis voor
controlelijsten van de betalingen,
bestellijsten van de slaapplaatsen,
inschrijvingsbadjes voor de deelnemers
infofiches voor de speaker
poule-indeling voor de wedstrijden en projectie van de klassementen.
Ik ben
voor een stuk in webdevelopment geïnteresseerd geraakt doordat ik in
1998 een website wilde maken voor mijn touwtrekvereniging. Hoewel dat deze
oorspronkelijke site niet meer geüpdate is sinds 2002 staat hij nog steeds
online op http://www.ping.be/~tor-3965/indexold.htm
... vooral onder games zie je leuke pogingen van een nog prille webontwikkelaar.
Sinds 2002 is de site vervangen door berketrekkers.be welke zopas nog een
flinke revisie heeft gehad. Naast de trucjes die je al gezien hebt op de andere
site’s zie je hier vrij duidelijk het gebruik van AJAX in de shoutbox
. Verder is voor deze site een heel uitgebreide bestuurspagina. Deze pagina,
die met wachtwoorden is beveilig, is een combinatie van Content Management
Systeem (om de site aan te passen), discussieforum, ticketsysteem (voor opvolging
van binnengekomen berichten) en online kasboek.Nog voor berketrekkers werd een script geschreven waarmee op eenvoudige wijze een afdrukbaar clubblad kan aangemaakt worden.
Hermay.be is een site met nog weinig informatie. De bedoeling van de bedrijfsleider
is om onder producten zijn specialiteiten op te sommen met dan wat uitleg
en wat fotos. Deze informatie word toegevoegd wanneer deze beschikbaar is.
Voorlopig draaid onder producten een diashow.
Op deze site werd heel veel aandacht besteed aan zoek robot optimalisatie
(SEO) Vooral als je zoekt naar rechtstreekse concurrenten staat Hermay dikwijls
vooraan bij google. Verder is er de flash navigatie waarbij het bedrijfslogo
geanimeerd word gebruikt. . Uiteraard is er rekening gehouden met Braillelezers
en voorleessoftware die meestal slecht overweg kunnen met gangbare flashnavigaties.
