Ik heb het in eerste instantie geïnstalleerd om het instellingenbestand (wcx_ftp.ini) van Total Commander te synchroniseren tussen mijn pc en laptop. Hierdoor heb ik altijd alle actuele FTP instellingen beschikbaar. Naast het plaatsen van de .ini file in de My Dropbox map, is het nodig om op beide PC’s symbolic links aan te maken naar het instellingenbestand in de installatiemap van Total Commander.

Daarnaast gebruik ik Dropbox voor het synchroniseren van belangrijke bestanden die daardoor ook gelijk online gebackupped zijn.

Omdat de mogelijkheden van Dropbox veel verder gaan dan dit, verwijs ik je graag naar de screencast of de tour op de website van Dropbox.

Meer over de realisatie van deze website is te lezen op de portfolio pagina.

De website is opgezet in ongeveer twee weken tijd. Het project bestaat naast de website ook uit een administratiegedeelte waar de diverse albums en projecten op de site gezet kunnen worden. Ook kunnen daar de reacties die op de site worden gegeven worden gecontroleerd.

De website is naast de homepagina en de contactpagina opgebouwd uit twee secties. Design is opgezet om de producten gemaakt in opdracht van klanten uit te stallen. Picture is opgezet om foto’s gemaakt door Inge op neer te zetten.

Elke project of album heeft de mogelijkheid om ‘comments’ te plaatsen. Deze comments kunnen beheerd worden in het administratiegedeelte.

Kwalitatief gezien is de website uiteraard opgebouwd in valide html. In de stylesheet zijn wel enige niet standaard properties opgenomen zoals border-radius, deze worden echter niet ondersteund in Internet Explorer. Daarom is gekozen om in IE > 6 te werken met afbeeldingen om de rounded borders te creëren. Vanwege het vele gebruik van PNG’s voor transparantie is ervoor gekozen om in IE6 de transparantie niet te ondersteunen.

Voor de vele Javascript effecten wordt gebruik gemaakt van prototype met daarbovenop scriptaculous. De effecten kom je tegen in de Tekstscroller (die in de basis gewoon een unordered list is) en uiteraard het verschuiven van de imageviewer.

Om de site zeer snel te houden wordt waar mogelijk de content gzipped verstuurd. De site haalt daarom in Yslow met gemak een grade B.

De Tracker

Bij het maken van de nieuwe website van Techzine (TZv2) wilden we veel instellingen die vroeger allemaal verborgen waren op de instellingen pagina direct beschikbaar maken. Het instellen van de hoeveelheid items en de volgorde van blokjes in de tracker naast de site ging bijvoorbeeld gepaard met vele klikken met de muis om een item omhoog of omlaag te verplaatsen. Voor het aantal items moesten getalletjes ingevuld worden.

Wij wilden dit veel dynamischer maken, hiervoor hebben we gegrepen naar AJAX scripts die zorgen voor het doorsturen van de wijzigingen die de bezoeker op dat moment aan de tracker aanbrengt. Daarmee was het opslaan van de instellingen geregeld. De volgende uitdaging was het versleepbaar maken van de blokken in de tracker. Dit hebben wij heel eenvoudig gedaan met de daarvoor zeer geschikte Sortable functies in de javascript library die wij gebruiken voor de effectjes op de site.

Het aanpassen van de hoeveelheid items is eenvoudig te regelen door middel van een slider die bij elk blokje is op te roepen. Hierdoor kan het aantal items van 1 t/m 20 ingesteld worden. Ook deze wijzigingen worden direct in de pagina getoond en worden achter de schermen direct opgeslagen. Bij een volgende pageview worden alle trackers daarna automatisch voorzien van de juiste hoeveelheid items.

Een andere keuze is het kunnen verplaatsen van de gehele tracker van links naar rechts en terug met één klik op de knop. Uiteraard geldt ook hier, het resultaat is gelijk te zien en de instelling wordt direct opgeslagen.

De Index

Op de index van de website wilden we meer aandacht gaan schenken aan alle andere secties naast het nieuws. Het nieuws kreeg in de oude layout heel prominent de aandacht waardoor de vele andere secties in de verdrukking kwamen. Daarnaast wilden we bezoekers meer visuele eyecandy geven aangezien dat nu eenmaal meer aanspreekt als tekst. We hebben daarom twee grote blokken met grote afbeeldingen bovenaan de index gezet waar steeds de laatste drie “headlines” van de site op getoond worden in een loop. Één blok is gereserveerd voor het nieuws en de andere voor de overige secties op Techzine.

Het topmenu

Op de oude site hadden we een pulldownmenu waarin vele items zaten verborgen. Zo zaten alle overige secties onder een kopje features en alleen de nieuws sectie had een eigen plekje bovenin het menu. Met de nieuwe layout wilden we alle secties evenveel aandacht geven. Daarom hebben we ervoor gekozen om in het nieuwe topmenu elke sectie expliciet te noemen. Daarnaast is er het kopje Techzine en het kopje Overige voor de minder belangrijke pagina’s binnen de website die buiten de secties vallen. Hiermee hebben we ervoor gezorgd dat elke sectie op Techzine sneller benaderd kan worden.

De sectie indexen

Omdat de secties prominenter in beeld zouden komen wilden we ook elke sectie een eigen index geven die een goed beeld zou geven van alles wat zich afspeelde in die sectie. Welke items zijn populair (goed bekeken), welke items zijn als laatste geplaatst en welke zijn als headline aangemerkt. Voor elke sectie is hiervoor een opzet gemaakt waarmee wij denken dat deze het beste tot zijn recht komt. Wij verwachten ook dat mensen deze index pagina’s sneller zullen bezoeken, uit onderzoek is gebleken dat de oude indexen met lange lijsten waarin de laatste artikelen op volgorde van plaatsing amper bekeken werden.

Nieuws | Reviews | Tutorials | Blogs | Tweaks | Downloads | Externe Reviews | Vraag & Aanbod | Casejunkies

myTechzine

Last but not least wilden we de gebruikers op een eenvoudigere manier inzicht geven in de mogelijkheden die een profiel bied op techzine. Hiervoor hebben we de term myTechzine in het leven geroepen, waar alle onderdelen van het profiel bij elkaar komen. Een geregistreerde bezoeker op Techzine kan informatie over zichzelf geven, instellingen aanpassen, afbeeldingen uploaden, privéberichten ontvangen, vraag & aanbod advertenties plaatsen en de systeemspecificaties van zijn pc’s plaatsen. Daarnaast heeft hij ook de mogelijkheid om een casemod (het pimpen van zijn pc) te plaatsen. Al deze informatie is nu vanuit één centraal scherm te benaderen en aan te passen en is niet meer verspreid over verschillende plaatsen op de site.

Ook de profiel pagina zelf heeft een opknapbeurt ondergaan en toont alle informatie van een lid op een veel overzichtelijkere wijze.

En nog veel meer…

Uiteraard is er nog veel meer veranderd in de nieuwe layout en de software daarachter. Ik nodig je uit om een kijkje op de site te nemen en zelf te ontdekken hoe leuk de community van Techzine is!

Uiteraard zal er nog wel wat tijd besteed moeten worden aan het wegwerken van enkele onvolkomenheden. Maar de reacties zijn over het algemeen zeer positief!

Techzine V1 zoals de oude versie door het leven gaat heeft van 2005 tot 2009 (vandaag) gefunctioneerd, maar is tussendoor nog wel een aantal keren aangepast. Zo is tussendoor besloten de website iets te verbreden vanwege de toenemende resolutie van schermen. De layout was oorspronkelijk ontworpen voor een breedte van 800 pixels. Dat is opgeschroefd tot een breedte van 1024 pixels vanwege de tegenwoordig gangbare minimale resolutie van 1024×768.

Voor nu kan iedereen nog even genieten van de oude layout door te klikken op het plaatje hiernaast.

Meer over de realisatie van deze en andere websites is te lezen op de portfolio pagina.

Meer over de realisatie van deze website is te lezen op de portfolio pagina.

Ik had vooraf in Nederland goed uitgezocht wat voor een duikvakantie ik wilde boeken en had uiteindelijk gekozen voor de reis van Medventure. Dit is een hele goede keuze gebleken aangezien de groep aan boord van het schip enorm gezellig was. Je maakt aan boord van de Emma Rosa al snel goede vrienden waarmee je een fantastische duikvakantie kunt beleven onder leiding van de ervaren Nederlandse duikinstructeur Evert. Daarnaast wordt het eten fantastisch verzorgd onder leiding van de eveneens Nederlandse Isabele. Als je voor het eerst gaat duiken dus een aanrader!

Uiteraard zijn er heel veel foto’s gemaakt door mij en de andere vakantiegangers aan boord. Een selectie daarvan zal ik binnenkort online plaatsen.