Versie Overzicht ...
Een overzicht van de veranderingen in de verschillende versies van Oudbruin. Uiteraard erg saai om te lezen, maar wie weet zijn er mensen die dit boeiend vinden. De webmeneer vindt het wel handig.
5. Oudbruin 3.0 (gepubliceerd in 2014)
Oudbruin is natuurlijk liefdewerk-oud-papier, maar al met al gaat er een hoop tijd zitten in die flauwekul. Voor het herschrijven en herontwerpen van deze versie had de webmeneer ongeveer 80 uur nodig. Maar we doen het graag omdat we weten dat we met Oudbruin vele oudleden een plezier doen. Dit project is hopelijk afgerond in december 2013.
- Geheel nieuwe vormgeving. Oudbruin 2.1 begon op de grotere schermen van heden ten dage wat priegelig te worden. Alles is dus wat groter opgezet.
- Verbeterde iconen set. We maken nu beter gebruik van de verschillende iconen voor navigatie en oriëntatie.
- Oudbruin 3.0 maakt gebruik van Google fonts, dat maakt één en ander typografisch wat fraaier. We houden het op de vertrouwde Ubuntu Condensed ontworpen door Dalton Maag.
- Boleaans zoeken beta (voorzichtige stap). Dit is gebaseerd op een omgebouwd script gevonden op sourceforge.net/projects/phpmysqlboolean maar helaas is de auteur www.quickcurriculum.com niet meer te achterhalen. In ieder geval bedankt.
- Geo-data voor groepen. We zoeken naar de locacties van troephuizen, hordehollen, kampeerterreinen en en andere bekende locaties zodat we deze gegevens eens op de kaart kunnen zetten.
- Verbeterde navigatie en nieuw top menu. Navigeren was wat lastig op Oudbruin 2.1, je moest een beetje de weg weten en voor velen was dat een handicap. Hopelijk is dat probleem nu opgelost met het nieuwe menu en de verbeterde indeling.
- Nieuwe kop. We hebben het Oudbruin logo eens een nieuw jasje gegeven. Lekker groot, dan weet u in iedergeval waar u bent.
- Pagineren van alle lijsten met betere bladzij-navigatie. Dit voorkomt de lange bladzijden en het langzame laden. In de meeste gevallen ziet u de eerste 40 resultaten en de rest is keurig verdeeld in nieuwe bladen met een navigatie paneel onderaan elk blad.
- Alle links op de Handig! bladzij werken nu. Handig! en Zoek Idee zijn nu samengevoegd.
- Grotere duimen (150x150 pixels).
- Briefkaart laat gekozen beeldmateriaal zien en het reactieformulier geeft betere feedback voor de redactie. De briefkaart maakt tevens gebruik van een captcha (completely automated public turing test to tell computers and humans apart) om spam tegen te gaan. Gelukkig is spam niet echt een probleem, maar toch blijft die regelmatige lading spam emails lastig.
- Briefkaart en Brievenbus zijn nu samengevoegd.
- Alle lijsten zijn beter georganiseerd en duidelijker.
- De Selectie-Kijker is geheel herschreven code met verschillende voor-selecties zoals: dit jaar, laatste serie, alle foto's, voorwerpen, kleurenfoto's etc.
- Favicon toegevoegd.
- Integratie van sociale media, Twitter, YouTube en AddThis.
- Zoeken en bladeren door Activiteiten (kampen, programma's , leiding en archief) is nu aanzienlijk duidelijker. Dit was voorheen erg verwarrend.
- Bioscoop opgeruimd, alle videos staan nu op YouTube.
- Veiligheid voor het overdragen van variabelen verbeterd (betere bescherming tegen SQL injectie etc.).
- Uitleg voor nieuwe bezoekers zit nu in een handig harmonica paneel.
- Koektrommel: Oudbruin 3.0 voldoet nu ook aan Artikel 11.7a van de Telecommunicatiewet, de "Cookiewet" en als u gebruikt wilt maken van Oudbruin dat zult u helaas cookies moeten accepteren. Cookies gebruikt op Oudbruin 3.0 zijn die van Google Analytics, Google Webmaster Tools, AddThis, Twitter, YouTube en Cookies Directive. Op de Briefkaart bladzij gebruiken we een eenvoudig session cookie om de captcha te controleren. Meer gegevens over cookies vindt u op de in de koektrommel.
- Betere behandeling van missende bladzijde door met ze te vangen met 404 foutmelding en ze te verwerken met een wegwijzer.
- Verkorte URL's (floep.eu) voor Twitter (werkt alleen met plakboek).
4. Oudbruin 2.1 (2007–2014)
Oudbruin 2.1 ging live op 4 december 2007. Dit is de eerste revisie van 'vernieuwd' Oudbruin. Het belangrijkste doel was om de website sneller te maken en hopelijk is dat gelukt. Verder is alles wat opgefrist en we hebben hier en daar wat toegevoegd. Veel plezier.
- Alle bladzijden laden sneller. De 'nested tables' zijn vervangen door <div> tags en een nieuw stijlblad (css). Dit is vooral merkbaar op het laden van de homepage (het 'beginpunt'). Het aantal code regels is hierdoor ook aanzienlijk verminderd. De enige uitzondering is de selectie-kijker. De kleine plaatjes worden op de server aangemaakt en dit kan voor veel plaatjes even duren. Voorheen werden de kleine plaatjes apart opgeladen, maar dat was extra werk.
- Het zoeken is sneller door nieuwe bestands indexen en het verder optimaliseren van PHP/MySQL code in de sjablonen.
- Versneld fotoalbum (plakboek.php) - dit vervangd het oude 'vergrootglas.php'. Dit maakt het bladeren door de foto's een wat aangenamere ervaring. Klik op de foto geeft de volgende foto in de serie.
- De naamgeving van de verschillende blad-sjablonen is nu minder verwarrend. Toen ik Oudbruin ontwikkelde werd de map voor de sjabloneneen de gereedschapskist (toolbox). De sjablonen zelf kregen toen ook 'gereedschapachtige' namen. Dit bleek erg verwarrend en nieuwere sjablonen hebben dan ook al betere namen. Hier volgt een overzicht van de nieuwe sjabloon-namen:
- index.php vervangt oudbruin_index.php. Dit is het beginpunt ofwel de home-page (of 'landings-page' voor Oudbruin).
- snuffelmotor.php vervangt boormachine.php. Snuffelmotor© is nog steeds een uniek woord op het internet en is alleen verbonden met Oudbruin. Ik gebruikte snuffelmotor eerst, in alle onschuld, ter vervanging van 'search-engine'. Later bleek dat dit woord nog niet voorkomt in de Nederlandse taal. De snuffelmotor© maakt het mogelijk door de Oudbruin bestanden te zoeken. Deze nieuwe versie maakt ook gebruik van het integrale kijk-raam ('picture preview')
- nieuws.php vervangt duimstok.php. Dit is het sjabloon voor de nieuws-berichten, gesorteerd op datum. Het maakt gebruik van het nieuws-bestand.
- groepen.php vervangt pomptang.php. Dit sjabloon maakt de verschillende groeps-lijsten mbv het groepen-bestand. Het telt ook snel wat er op Oudbruin beschikbaar is voor de betreffende groepen. Altijd nuttig om eerst hier even een kijkje te nemen.
- groep.php vervangt schropzaag.php. Dit sjabloon maakt het blad voor de groep gekozen van de lijst op groepen.php. Het maakt ook gebruik van het groepen-bestand. De gegevens zijn nog wat mager, maar het plan is om hier uiteindelijk de informatie van Vincent Meys te plaatsen. Ook geeft een extra menu direct toegang tot verschillende delen van Oudbruin.
- plakboek.php vervangt vergrootglas.php. Dit sjabloon zoekt de gegevens voor het plaatje uit het foto-bestand en toont ze samen met de foto. Elk blad heeft een unieke link die het makkelijker maakt om te reageren. Vaste bezoekers zullen merken dat de foto's nu sneller laden.
- oudleden.php vervangt waterpas.php. Dit sjabloon zoekt de namen van oudleden in het oudleden-bestand en maakt een lijst met de gevonden resultaten. Tevens zoekt het door het foto bestand naar de verschillende namen in de lijst en maakt links als er iets gevonden is.
- artikel.php vervangt witkwast.php. Dit sjabloon toont het gekozen artikel. Gegegevens komen uit het artikelen-bestand.
- activiteiten.php vervangt ob_activiteiten.php. Dit sjabloon zoekt door het activiteiten-bestand en toont de gevonden resultaten in een lijst vorm. De gegevens zijn beperk tot een klein aantal groepen. Het is natuurlijk ook niet volledig. Handig voor kampen, leiding en wat archief gegevens.
- briefkaart.php vervangt ob_briefkaart.php. Dit is het formulier waarmee je mij en Hans kunt berijken. Wel graag alle gegevens invullen.
- brievenbus.php vervangt ob_brievenbus.php. Dit is de postbode die kijkt of alle gegevens zijn ingevuld en je terug stuurt als er gegevens missen. Al alles OK is vertuurt het de post naar ons en laat een bedankje zien met een link terug naar de foto of het beginpunt.
- galmboek.php vervangt ob_galmboek.php. De plaats waar Henk Siepel's liedjes verder leven. Gegevens komen uit het liedjes-bestand.
- handig.php vervangt ob_handig.php. Handig was opgezet om versie 2.0 beter te laten aansluiten op versie 1.0. Het is/was ook een soort 'sitemap'.
- woordenboek.php vervangt ob_woordenboek.
- zoekidee.php vervangt ob_zoekidee.php
- selectie-kijker.php vervangt selectie_kijker.php
- Elk blad heeft nu een bladmenu zodat navigatie makkelijker en sneller is geworden. Voorheen moest je veelal eerst terug naar het beginpunt, nu kan dit navigeren met een enkele klik.
- Volledige integratie van Google Analytics voor de redactie. Dit geeft betere resultaten dan de BBClone gegevens en onze eigen statisitieken en het maakt mooie plaatjes.
- De sjablonen zijn nu ook beter opgezet voor Search Engines (SEO) en de structuur van de website is vereenvoudigd. De sjablonen leven nu ook in een hogere orde folder (niet meer in de gereedschapskist). De oude index.php (www.oudbruin.org) verwees je automatisch door het beginpunt (oudbruin_index.php), maar dat gaf onnodige vertraging en de Google 'spiders' zijn er niet zo gek op. Nu brengt www.oudbruin.org je gelijk naar de index.php.
- Alle interne links openen nu in hetzelfde raam. Het was soms niet duidelijk in welk open raam de plaatjes zichtbaar werden, vooral als dit raam zelf niet meer zichtbaar was. Je kunt nu dus gewoon de terug knop gebruiken, op zelf beslissen of een link in een nieuw raam te openen (rechts klicken - Open in nieuw raam) of niet. Externe links openen (meestal) wel in een nieuw raam (of nieuwe tab).
- Integratie van een het Dynamisch Kijk-Raam (Dynamic Preview) op de snuffelmotor© en selectie-kijker bladen. Dit is een 'Dreamweaver extention' ontwikkeld door Trio Solutions en opgezet om met dynamische bestands gegevens te werken. Het maakt gebruik van JavaScript en werkt in de meeste 'browsers'. Door de cursor over het plaatje/icoontje te bewegen word de grote afbeelding zichtbaar. Dit vesneld het zoeken naar een plaatje aanzienlijk. Je hoeft dus niet eerst naar het plakboek te gaan.
- Na het reageren op een foto is het nu ook mogelijk om weer direct terug te gaan naar de laatste foto dmv een eenvoudige link op het 'bedankt voor uw reactie' blad (brievenbus.php). Dit ipv een soms wat lange omweg.
- Een flink aantal gebroken links zijn gerepareerd.
- Het iritante nieuws-dingetje boven aan de home-page is nu weg. We maakten er vrijwel geen gebruik van en dan wordt nieuws snel oud-nieuws.
- De algehele vormgeving van Oudbruin 2.1 is hetzelfde gebleven, maar wel hebben alle bladen een fris jasje gekregen.
3. Oudbruin 2.0 (2004–2007)
Oudbruin 2.0 ging live op 21 april 2004. Deze versie verving 1.0 Oudbruin. Geheel nieuwe vormgeving en vele andere verbeteringen op de voorgaande versie. Er zijn nog een paar fragmenten van deze versie te vinden bij het Internet Archief.
2. Oudbruin 1.0 (2002–2004)
Oudbruin 1.0 ging live op 9 juni 2002. Deze eerste versie van Oudbruin was een poging om de informatie van de e-Boemerang en de Heidepark Geschiedenis website samen te voegen. Oudbruin 1.0 en de e-Boomerang verdwenen op 16 november 2004 van het internet. Er zijn nog een paar fragmenten van deze versie te vinden bij het Internet Archief (2004)
1B. e-Boomerang (2000-2002)
Voorloper van Oudbruin. Opgezet in november 2000 voor de 2001 reunie (1 noveber) van de Athabascangroep. Deze website had het domein (athabascan.co.uk) en woonde op de server van Marko Remkes (remkes.nl.eu.org). het logboek liep van 8 maart tot 23 oktober 2001. Deze website bestaat nog ten dele op het Internet Archief en hier.
1A. Heidepark Geschiedenis website (2001-2002)
Voorloper van Oudbruin. Opgezet rond 2000 door Hans van der Veen voor de 2002 (25 mei) reunie van de Heideparkgroep. Deze 'website' is nog terug te vinden op het Internet Archief en volgens mij zwerven brokken van die website nog ten dele op zijn server.