Introductie
Een belangrijk onderdeel van fotografie is hoe je je foto's presenteert. De meesten maken de foto's niet puur voor zichzelf en willen dus ook graag dat hun foto's gezien worden. Sinds de digitale fotografie is het internet natuurlijk de plek bij uitstek om je foto's te delen, waar vanzelfsprekend veel gebruik van wordt gemaakt.Dit topic is bedoeld om een discussieplek te zijn voor mensen die hun foto's op een leuke manier proberen te presenteren. Dus voor diegene die een mooie wordpress install custom heeft gethemed, of die gallery2 op een fijne manier heeft gebruikt. Een plek waar je je vragen ook kan stellen over de lightbox of smoothgallery eye candy, of om je grote updates te melden. En om commentaar op die updates te vragen. Dit topic is een herleving van een topic dat ik in een ver ver verleden gestart ben, waarin het tot een "post hier je linkje zodat mensen je site bekijken"-topic is verworden. Dat is nu dus niet het doel van dit topic, dus dit is geen plek om je picasa- of flickr-link te delen. Probeer als je je website deelt, ook te zeggen wat voor applicatie je gebruikt, welke plugins of waar je je theme hebt gevonden, zodat andere mensen die mogelijk problemen hebben met het perfectioneren van hun website hier hulp aan hebben.
De startpost is als volgt opgebouwd:
- Overwegingen mbt Portfolio Software
- Overwegingen mbt vormgeving
- Erepodium Tweaker-portfolio's
Wat voor applicatie?
Er zijn twee overwegingen die je moet maken. Als eerste de backend: hoe je je foto's organiseert en opslaat. En daarnaast de front-end, hoe de website waarop je je foto's toont eruit gaat zien. Veelal zijn front- en backend geen onafhankelijke keuzes, daar de backend die je kiest je ook enigszins beperkt in hoe je je foto's kan tonen. In deze post zal ik eerst verschillende opties aan backend tonen en daarna wat overwegingen qua vormgeving.Statische HTML
De allersimpelste optie is natuurlijk gewoon in html je foto's ergens online zetten. Niet eens een gekke gedachte voor iemand die via zijn internetprovider wat gratis webspace krijgt, maar daarop geen webapplicatie kan draaien.Het nadeel van ruwe html is dat het niet dynamisch is. Zodra je nieuwe foto's aan je website wilt toevoegen, moet er een groot deel (zo niet alles) meegewijzigd worden. Het voordeel is dat het wel gemakkelijk kan zijn, met bijvoorbeeld de optie in lightoom om foto's naar galleries te exporteren.
Zelfgeschreven applicatie
Als je zelf handig bent met PHP of ASP én je hebt je eigen script-enabled webspace, kan je ervoor kiezen je eigen applicatietje te bouwen. Voor het meest basic heb je slechts 3 dingen nodig. Een database waar je je foto's in op kan slaan. Een pagina waarop de foto's uit de database getoond worden en een pagina waarmee je foto's de database in kan gooien. Als je het wat uitgebreider doet kan je ervoor kiezen om foto's in albums te categoriseren, waardoor het wel ingewikkelder wordt.Het voordeel hiervan is dat je precies weet wat er gebeurt en je volledige vrijheid hebt in de vormgeving. Het nadeel is dat het gewoon erg veel werk is, helemaal gezien het feit dat er al honderden zijn die dit al hebben gedaan en deze applicaties delen.
Eigen script met flickr/picasa
Als je gebruik maakt van flickr of picasa dan is het vrij gemakkelijk om een feed te syndicaten naar je eigen website. Ook hiervoor zijn voorgebakken scriptjes te downloaden zoals photostack. Even googlen naar XML photo gallery levert genoeg hits op.Fotogallery
Er zijn al tal van webapplicaties die je in staat stellen om je foto's te delen. Sommigen zijn uitgebreider dan anderen, maar uiteindelijk kunnen ze allemaal hetzelfde: foto's op een geordende manier opslaan en tonen.Gallery
De meestgebruikte gallery-app is Gallery, een PHP script wat nu op versie 3.0 zit. Het is erg uitgebreid en biedt naast de basis-functionaliteit plugins om bijvoorbeeld je foto's via shutterbug te koop aan te bieden.
Gallery heeft als voordeel dat het gewoon heel erg uitgebreid is en een grote, actieve userbase heeft. Dit betekent dat er veel skins te vinden zijn en voor elke wens die je hebt wel een plugin te vinden is. Daarnaast is het vanzelfsprekend mogelijk om je eigen plugins te schrijven. Nadelen van gallery zijn dat het scripten en skinnen toch best lastig is.
Weblog
Weblogs zijn natuurlijk applicaties die bij uitstek gemaakt zijn om op een georganiseerde manier content te delen met anderen, zoals het doel is van een portfolio. Het grote voordeel van weblogsoftware is dat je naast puur alleen je foto's delen, je ook gewoon kan bloggen. Dus als je je website als podium voor zowel je fotografie als je schrijfkunsten of andere uitingen wilt gebruiken, is blogsoftware ideaal.Wordpress
Sinds versie 2.0 heeft Wordpress gallery support. Dit houdt zoveel in dat het mogelijk is om aan een blogpost foto's toe te voegen die dan in een gallery weergegeven worden, wat het erg makkelijk maakt om je foto's te organiseren.Content Management System
Je kan nog een stapje verder en een CMS als joomla of drupal gebruiken. Dit zijn webapplicaties waarmee je een volledige website in elkaar kan draaien. Drupal heeft bijvoorbeeld duizenden modules die varieren van webshops tot fora, wat mogelijk een overkill is aan functionaliteit voor iets waar je je foto's mee wil delen. Maar aan de andere kant, als je er al mee overweg kan, waarom zou je het niet gebruiken?Wat voor uiterlijk?
Als je je applicatie online hebt gezet is waarschijnlijk het eerste wat je wilt doen de website een ander uiterlijk geven. Ik vind persoonlijk niets zo zonde als iemand die mooie foto's maakt, maar die op een hele alledaagse wijze laat zien.Je hebt grofweg twee opties om het uiterlijk aan te passen, je kan ervoor kiezen om een theme ie iemand gemaakt heeft te gebruiken of je kan zelf iets bouwen. Het laatste is vaak erg veel werk, maar zeker als je goeie ideeen hebt en handig bent met scripten kan het heel erg de moeite lonen omdat je wel iets unieks neerzet. Een goed begin is om afhankelijk van de applicatie die je hebt te googlen naar 'skins' of 'themes' en te kijken of je er iets leuks tussen vindt zitten. Je kan natuurlijk ook een skin downloaden en deze zelf wat aanpassen. Voor het aanpassen of van de grond af maken van een skin komt best veel kijken. Een relatief uitgebreide kennis van HTML of een scripttaal en CSS is toch wel echt noodzakelijk.
De belangrijkste overweging in je ontwerp is dat de nadruk moet liggen op je foto's. Helemaal als je ook andere content plaatst, wil je niet dat als mensen naar je foto's kijken ze afgeleid worden door je blogposts. Verder is het vaak de moeite om een neutrale achtergrond te gebruiken. Als je naar een foto-expositie gaat staan de foto's meestal ook tentoongesteld met neutrale passepartouts en geen animated gif wallpapers.
Eye candy
De kers op de slagroom is natuurlijk het opleuken van je portfolio met dingen die het net iets flashier maken. De effecten die je eigenlijk op elke website tegenkomt zijn geanimeerde galleries en lightbox. Als je gebruik maakt van een webapp is het erg de moeite om te zoeken voor plugins die het gewenste effect toevoegen, daar dat nogal veel werk kan schelen.Geanimeerde galleries
Bezoekers van websites zijn vaak lui, dus geanimeerde slideshows zijn een ideale manier om ze meerdere foto's te laten zien zonder dat ze moeite hoeven te doen. Twee voorbeelden van geanimeerde galleries zijn SimpleViewer en Smoothgallery. De eerste is flash-based, de tweede is javascript-based (mootools om precies te zijn). Het heeft allebei zijn voor- en nadelen, de keuze is aan jou.Je kan deze scripts dus gebruiken om meerdere galleries op één pagina te toveren. Als je dus bij elke blogpost een eigen album maakt, kan je op je frontpage meerdere albums tegelijkertijd af laten draaien. Je kan er echter ook voor kiezen om deze galleries full-screen te laten draaien, waardoor mensen één foto tegelijkertijd zien.
Lightbox
Lightbox is een effect dat veel internetgebruikers kennen: het naar de voorgrond brengen van een plaatje en het dimmen van de achtergrond. Voor foto's is dit ideaal omdat het de aandacht naar de foto forceert, zodat de overige content niet afleidt. Voor het lightbox-effect zijn verschillende opties. Een kleine opsomming (met achter de naam welke libraries gebruikt worden) is:- thickbox - jQuery
- lightbox 2 - Prototype, Scriptalicious
- slimbox - Mootools
Erepodium
Het lijkt me niet meer dan gepast om de mensen die echt die extra mile gaan en hun foto's op zo'n originele manier presenteren een mooi aandachtsplekje in dit forum te geven. Hiervoor lijkt het me goed als mensen via DM andere mensen kunnen nomineren, zodat mensen niet hun eigen website op de voorgrond proberen te zetten. Bij een nominatie zal ik dan de startpost aanpassen met een screenshot en linkje. Middels DMs zorgen we ervoor dat het topic niet volloopt met "ik nomineer [X]"-posts. Mocht blijken dat bij 1 nominatie de startpost snel volstroomt met portfolio's, dan zal het vereiste aantal verhoogd worden. Verder wil ik niet meer dan 5 portfolio's tegelijk in de startpost hebben, dus zodra we op 5 zitten zal de laatst toegevoegde plaats maken voor nieuwe links.Modjes, bedankt voor het commentaar op de startpost.