Handleiding Uploaden van foto's in Phoca Gallery Voordat je begint Je hebt een mapje met foto's, niet al te groot, want dan duurt het uploaden zo lang. Ik resize ze altijd naar 1024x768. Daar gebruik ik een resizer voor die je hier kunt downloaden: http://www.microsoft.com/windowsxp/Downloads/powertoys/Xppowertoys.mspx Daarnaast heb je een programma nodig waarmee je een FTP verbinding tussen jouw computer en de server maakt. Bijvoorbeeld FileZilla (http://filezilla-project.org/) of WinSCP. (http://winscp.net/eng/download.php op de WinSCP download pagina staat ook een client die geen installatie nodig heeft, erg handig) Phoca Plugin
Illustration 1 Zodra je ingelogd bent kan je vanuit het Components menu de Phoca Gallery benaderen. De menu-structuur is te zien in afbeelding 1.
Stap 1: Categorie aanmaken Als eerste wil je een categorie aanmaken, de categorie is het mapje waarin de foto's op de website komen te staan. (dus niet de 'fysieke' map op de server) Ga naar het onderdeel 'Categories' en klik op 'New'. (zie afbeelding 2)
Illustration 2 De belangrijkste gegevens die je moet invullen zijn de titel van de categorie. Houd in je achterhoofd dat deze op de site komt te staan. Maak er dus een goed uitziende en duidelijke titel van. Daarnaast let je op de 'Parent Category'. Dit is de map waar deze categorie in komt te staan. Op de Equinox site is dit in normale gevallen het jaartal waarin de foto's gemaakt zijn. DIAS 2009 komt in het mapje 2009 etc. Als je klaar bent klik je op 'Save'.
Illustration 3
Stap 2: Map aanmaken in de mappenstructuur Nu de categorie is aangemaakt willen we de foto's er in zetten. De foto's staan nog niet op de server. Omdat we de server netjes willen indelen om het overzichtelijk te houden en dingen terug te kunnen vinden zetten we alles in mapjes. Als je op de server handmatig een map aanmaakt wordt deze niet herkent door Phoca. Daarom maken we deze map aan met Phoca. Ga naar het onderdeel 'Images' en klik op 'Multiple Add'. (te zien in afbeelding 4)
Illustration 4 Nu kom je terecht in de mappenstructuur van Phoca. Te zien in afbeelding 5. In dit geval wil ik foto's toevoegen aan het jaar 2009. Daar klik ik op om de submappen te zien.
Illustration 5
Illustration 6 In afbeelding 6 zie je alle submappen van de map 2009. Onze map moet hierbij komen, daarom maken wij een nieuwe map. Deze noem ik 'OpenDagApril', zoals te zien in afbeelding 6. Dan klik je op 'Create Folder'. Als alles goed gaat zie je een bevestiging 'folder was created' en staat je map nu in het systeem. (zie afbeelding 7)
Illustration 7
Stap 3: Uploaden van foto's Als je nu op je map klikt zie je dat deze leeg is. (zie afbeelding 8) De bedoeling is dat hier de foto's inkomen. De foto's uploaden doen we niet met Phoca, maar met een directe FTP verbinding tussen je computer en de server.
Illustration 8 In dit voorbeeld maak ik gebruik van WinSCP. Hoe deze tool werkt wordt niet besproken in deze handleiding.
Illustration 9 In afbeelding 9 is te zien hoe de mappenstructuur eruit ziet op de server. Het rood omcirkelde deel is het adres van deze map. (/home/svequinox/www/images/phocagallery/) Je kan nu de foto's vanaf je computer kopiƫren naar de juiste map.
Stap 4: Foto's op de server verbinden met de categorie Als je nu terug gaat naar de mappenstructuur in Phoca en je selecteert je eigen map, (of F5 als je het nog open hebt staan) dan zie je dat de foto's nu wel in de map staan. Nu wil je deze foto's nog aan een categorie koppelen, zodat ze ook op de website te vinden zijn. Je selecteert alle foto's en vervolgens kies je de juiste categorie in het drop down menu. Dit is te zien in afbeelding 10.
Illustration 10 Vervolgens klik je op 'Save' om de foto's ook daadwerkelijk met bijbehorende categorie op te slaan. Je krijgt nu een bevestiging dat ze zijn toegevoegd aan de categorie.
Stap 5: Thumbnails aanmaken Als je nu naar de website gaat en je zoekt je foto's op zal je merken dat je allemaal witte vlakjes te zien krijgt in plaats van mini weergaven van de foto's. De bedoeling is dat je Phoca een beetje helpt met automatisch thumbnails aanmaken. Ga naar het Phoca onderdeel 'Images' en selecteer in het filter de categorie waar je net je foto's ingezet hebt. (te zien in afbeelding 11)
Illustration 11 Omdat Phoca de foto's wil kunnen weergeven in Phoca's eigen interface zijn thumbnails nodig, dus gaat Phoca thumbnails maken. (zie afbeelding 12)
Illustration 12 In Phoca kan je nu thumbnails van je foto's zien. Maar als je naar de website gaat valt iets op. Een deel van de foto's is nog niet zichtbaar in thumbnail formaat. Dit is heel simpel op te lossen. Namelijk door naar beneden te scrollen en 'Display: all' te kiezen. (zie afbeelding 13)
Illustration 13 Nu maakt Phoca ook voor de rest van de foto's een thumbnail aan.
Resultaat Een prachtige website met prachtige foto's.
Illustration 14
Illustration 15