Phoca Gallery. Handleiding om foto s op een eenvoudige wijze op uw website te zetten

Transcriptie

1 Phoca Gallery Handleiding om foto s op een eenvoudige wijze op uw website te zetten

2

3 Phoca Gallery Handleiding om foto s op een eenvoudige wijze op uw website te zetten Arjen Schrijvers

4 Phoca Gallery 2011 SCHRIJVERS123.NL, Emmen Auteur: Arjen Schrijvers Omslagontwerp: SCHRIJVERS123.NL, Emmen Vormgeving binnenwerk: Arjen Schrijvers Bezoek onze website voor informatie over al onze boeken en diensten. Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand, getransformeerd tot software of openbaar gemaakt, in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieën, opnamen of enige andere manier, zonder voorafgaande schriftelijke toestemming van de auteur. Joomla! (TM) is het handelsmerk van Open Source Matters, Inc in de Verenigde Staten en andere landen. De Joomla! naam wordt gebruikt onder een beperkte licentie verleend door Open Source Matters. SCHRIJVERS123.NL is niet gelieerd aan of goedgekeurd door Open Source Matters of het Joomla! Project. Ondanks alle aan de samenstelling van dit boek bestede zorg kan noch de redactie, noch de auteur, noch de uitgever aansprakelijkheid aanvaarden voor schade die het gevolg is van enige fout in deze uitgave.

5 Voorwoord Het plaatsen van foto s op een website kan een tijdrovende bezigheid zijn. Hoe moeten we het presenteren en in welk formaat moeten de afbeeldingen aangeleverd worden? Phoca Gallery is hiervoor de oplossing. De nieuwe versie van Photgallery kan samenwerken met Picasaweb van Goole. In deze handleiding zullen we uitleggen waarom dit onze voorkeur geniet.. Voor wie dit boek bedoeld is. Deze handleiding is geschreven voor iedereen die wil weten hoe een fotoalbum aantrekkelijk op een website geplaatst kan worden. Over Phoca Gallery. Phoca Gallery is een volledig uitgeruste fotoalbum voor Joomla! CMS. In dit boek wordt uitgegaan van versie Het installeren van deze component valt buiten het bestek van deze handleiding. Over SCHRIJVERS123.NL Mijn bedrijf, SCHRIJVERS123.NL ( heeft zich gespecialiseerd in het ontwikkelen van Joomla! websites, hosting van Joomla! websites en het verzorgen van diverse Joomla! trainingen. Door mijn jarenlange ervaring in het gebruik en de ontwikkeling van Joomla! websites, deel ik regelmatig mijn kennis met andere gebruikers tijdens workshops. Ik wens u veel leerplezier. Arjen Schrijvers

6

7 Inhoud INLEIDING... 9 HOOFDSTUK 1 NORMALE PLAATSING AANMAKEN CATEGORIEËN PARAMETERBLOK GEGEVENS Algemene parameters Geotagging parameters Overige parameters UPLOADEN VAN FOTO S MENUKNOP MAKEN MENUKNOP VOOR ALLE FOTOALBUMS MENUKNOP VOOR FOTO S IN GESELECTEERDE CATEGORIE PLAATSEN VAN EEN FOTOALBUM OF FOTO S IN EEN ARTIKEL Categorie weergave Direct alle foto s uit een categorie Eén of meerdere foto s uit een categorie Foto Slideshow HOOFDSTUK 2 PICASAWEB AANMELDEN VOOR EEN PICASAWEB ACCOUNT EN INLOGGEN UPLOADEN VAN FOTO S APPENDIX 1: PHOCA GALLERY IMAGE BUTTON PARAMETERS... 47

8

9 Inleiding Phoca Gallery is een volledig uitgeruste fotoalbum voor Joomla! CMS. Met Phoca Gallery kunt u uw foto's in verschillende categorieën en subcategorieën weergeven. U bepaalt zelf welke foto waar gepresenteerd wordt. Phoca Gallery creëert drie soorten afbeeldingen van een geuploade foto: Klein afbeelding: wordt gebruikt om een lijst van categorieën weer te geven. Medium afbeelding: wordt gebruikt om de beelden in een categorie weer te geven. Grote afbeelding: verschijnt wanneer u klikt om een medium afbeelding. Ook is het mogelijk om een diashow te starten. De originele foto, die gebruikt werd om de drie bovenstaande afbeeldingen te genereren, wordt verder gebruikt als reproductie, zodat de gebruiker deze kan downloaden. Ervaring heeft uitgewezen dat het opslaan van foto albums op een website veel schijfruimte in beslag kan nemen. Hier heeft Phocagallery op ingespeeld en de integratie met Picasaweb opgezet. Picasaweb is de gratis online fotoalbum van Google. Wat is het vorodeel om Picasaweb in combinatie met Phocagalalery te gebruiken? Gebruik maken van de gratis schrijfruimte bij Google (1Gb) Infrastructuur van Google is geoptimaliseerd om fotoalbums snel weer te geven.

10 10 Algemeen Bezoekers kunnen fotoalbums uit hun eigen account aanleveren. Sneller een eenvoudiger op de website te plaatsen. Geen eigenschijfruimte nodig voor fotoalbums. In deze handleiding zullen we eerst aangeven hoe foto s op de normale wijze geplaatst worden en vervolgens de inetgratie met Picasaweb.

11 Hoofdstuk 1 Normale Plaatsing Het plaatsen van een afbeeldingen in een fotoalbum vindt plaats in de volgende stappen: 1. Categorie aanmaken; 2. Het overbrengen (=uploaden) van afbeeldingen naar de server; 3. Het koppelen van de afbeeldingen aan de categorieën. Phoca Gallery is een component van Joomla! Phoca Gallery is te benaderen door vanuit het menu Componenten het submenu Phoca Gallery te selecteren. (Figuur 1). Figuur 1: Aanroepen van 'Phoca Gallery'. Het scherm Phoca Gallery Control Panel wordt zichtbaar (Figuur 2). Dit scherm is voor de meeste handelingen de uitgangspositie.

12 12 Algemeen Figuur 2: Het scherm 'Phoca Gallery Control Panel'

13 Aanmaken Categorieën Het is belangrijk om altijd eerst een categorie voor je fotoalbum aan te maken. Een categorie kan gezien worden als een hoofdstuk binnen uw fotoalbum. Door gebruik te maken van categorieën blijft het fotoalbum overzichtelijk. Om een categorie aan te maken klikt u vanuit het scherm Phoca Gallery Control Panel, op het pictogram Categorieën (Figuur 3 blok 1). Figuur 3: Aanmaak pictogram voor het maken van een categorie. Het scherm Phoca Gallery Categories verschijnt (Figuur 4). Figuur 4: Het scherm Phoca Gallery Categories. Klik in dit scherm op de knop >[Nieuw] (Figuur 4 blok 1).

14 14 Aanmaken categoriën Figuur 5: Het aanmaken van een nieuwe categorie. In Figuur 5 is het scherm Phoca Gallery Category: [Nieuw] te zien. Hierin kunnen de volgende parameters ingevuld worden: Parameterblok Gegevens Dit blok bepaalt de basisinstellingen van de categorie. De volgende waarden kunnen hier ingegeven worden: Algemene parameters Titel: Geef hier de titel van de categorie in zoals deze ook in het fotoalbum verschijnt. Alias: Indien deze leeg gelaten wordt vult Joomla! hier een standaard waarde in. De alias wordt in de SEF url gebruikt. Parent Category: Indien deze categorie onderdeel uitmaakt van een andere categorie, geeft dat dan hier aan. Het is namelijk mogelijk om binnen een fotoalbum meerder kleine fotoalbums (u kunt die ook zien als hoofdstukken) aanmaken. Zo zou u voor een categorie bruiloft een

15 onderverdeling kunnen maken met bv. de subcategorieën kerk, gemeentehuis, feest. Gepubliceerd: Toon of verberg deze categorie in het overzicht van de fotoalbum. Ook alle hieraan gekoppelde foto s zullen niet zichtbaar zijn. Authorized: Zet deze altijd op de keuze Ja. Toegangsniveau: Bepaal wie toegang heeft tot deze categorie. De opties zijn: o Publiek: Iedereen heeft toegang; o Geregistreerd: Alleen geregistreerde gebruikers hebben toegang. o Speciaal: Alleen gebruikers met auteursrechten of hoger hebben toegang. Access right: Bepaal op individuele basis welke gebruiker toegang heeft tot de categorie. Indien het toegangsniveau op publiek staat, dan maken de instellingen in dit selectieveld niets meer uit. Upload and Add User Rights: Zet deze altijd op de keuze Nobody; Delete and Publish User Rights: Zet deze keuze altijd op Nobody. Owner: Selecteer hier als keuze Nobody. Owner Folder: Bepaal in welke folder de afbeeldingen voor deze categorie bewaard worden. Klik op de knop >[folder] om een folder te selecteren. Een pop up scherm zal verschijnen.

16 16 Aanmaken categoriën Figuur 6: Aanmaken nieuwe folder. Selecteer de folder door op het pijltje onder de foldernaam te klikken (Figuur 6 blok 1). Bestaat de folder nog niet, voer dan de naam van de folder in en klik op de knop >[Create Folder]. De map wordt nu aangemaakt. Selecteer deze folder zoals besproken in bovenstaande stap. Geotagging parameters Per categorie is het mogelijk om aan te geven op welke locatie de foto s zijn genomen. Onder de categorie foto s verschijnt dan een kaart, waarop een pijl staat waar de foto s zijn genomen. De locatiebepaling wordt aangegeven de parameters Geotagging. De volgende waarden zijn mogelijk: Geotagging Longitude: Dit is de lengtegraad voor de positiebepaling op de kaart. Druk op de knop >[coordinates] om de waarde automatisch te laten invullen. Geotagging Latitude: Dit is de breedtegraad voor de positiebepaling op de kaart. Druk op de knop >[coordinates] om de waarde automatisch te laten invullen.

17 Geotagging Zoom: Deze parameter bepaalt hoeveel op de kaart ingezoomd moet worden. Druk op de knop >[coordinates] om de waarde automatisch te laten invullen. Geotag Title: Vul hier de titel van de plaats in. Overige parameters Hits: Hier wordt aangegeven hoe vaak de categorie bekeken is. Datum: Datum van aanmaak van de categorie. Afbeelding: Selecteer hier een afbeelding die aan de categorie gekoppeld is. Image Positie: Geef aan op welke positie de afbeelding zichtbaar moet zijn. Meta Description: Geef hier een klein omschrijving aan over de categorie, die overgenomen wordt door zoekmachines. Meta Keywords: Geef hier de zoekwoorden aan die geïndexeerd worden door zoekmachines. Beschrijving: Vul hier een kleine beschrijving van de categorie weer. Nadat alle gegevens zijn ingevuld, klikt u op de knop >[Opslaan]. De categorie is nu aangemaakt.

18

19 Uploaden van foto s Het uploaden van foto s naar de server is eenvoudig. Klik vanuit het scherm Phoca Gallery Control Panel op het pictogram Afbeeldingen (Figuur 7 blok 1). Figuur 7: Pictogram afbeelding Het scherm Phoca Gallery Images wordt zichtbaar (Figuur 8). Figuur 8: Toevoegen meerdere afbeeldingen Klik in dit scherm op de knop >[Multiple Add] (Figuur 8 blok 1). Het scherm Phoca Gallery: [Multiple Add] verschijnt (Figuur 9).

20 20 Uploaden foto s Figuur 9: Phoca Gallery: [Multiple add] Dubbelklik op de map waarin de foto s geplaatst worden (Figuur 9 blok 1) en klik vervolgens op de tabblad Java Upload. Het tabblad Java Upload wordt zichtbaar (Figuur 10).

21 Klik op de knop >[Bladeren ] (Figuur 10 blok 1) en selecteer één of meerdere afbeeldingen die u wilt uploaden en klik op de knop >[Open]. Figuur 10: Java upload.

22 22 Uploaden foto s De te uploaden bestanden verschijnen nu onder de knoppen (Figuur 11 blok 1). Figuur 11: Overzicht van de te uploaden bestanden. Klop op de knop >[Upload] (Figuur 11 blok 2). De bestanden worden nu op de server gezet (Figuur 12).

23 Figuur 12: overzicht foto's. Vink vervolgens de foto s aan, die opgenomen moeten worden in het fotoalbum (Figuur 12 blok 2). Bepaal aan welke categorie de foto s worden gekoppeld (Figuur 12 blok 3) en klik op de knop >[Opslaan] (Figuur 12 blok 4). Phoca Gallery zal nu automatisch het volgende doen: Verschillende kleine afbeeldingen genereren; De afbeeldingen koppelen aan de categorie; TIP Het beste is om vooraf de originele foto in formaat te wijzigen. Redenen hiervoor zijn dat: Phoca Gallery maximaal tot 2Mb foto s kan hanteren; Een grote foto onnodig veel ruimte op de server inneemt; Kleinere foto s sneller laden. Foto s kunnen via diverse programma s, zoals Photoshop, Gimp of Paintshop Pro kleiner gemaakt worden.

24

25 Menuknop maken In de vorige hoofdstukken heeft u foto s in uw fotoalbum geplaatst. Nu is het zaak om ervoor te zorgen dat uw bezoekers het fotoalbum kunnen bekijken. In dit hoofdstuk laten we zien hoe foto s in het fotoalbum zichtbaar gemaakt worden.

26 26 Menuknop maken Menuknop voor alle fotoalbums. In de meeste gevallen is al eerder een knop op de website aangemaakt, waarmee alle afbeeldingen te zien zijn. De foto s zijn dan al automatisch opgenomen in de fotoalbum en voor buitenstaanders zichtbaar. Indien dit niet het geval is, volg dan de onderstaande stappen. Open het controlepaneel van Joomla! Klik uit het Joomla! op Menu s en selecteer het menu waaronder u de knop voor het fotoalbum wilt plaatsen: bv. Main Menu (Figuur 13 blok 1). Figuur 13: Menu beheer. Het scherm Menu itembeheer: [ ] verschijnt (Figuur 14). Klik vanuit het scherm Menu itembeheer op de knop >[Nieuw] (Figuur 14 blok 1). Figuur 14: Toevoegen nieuw menu. Het scherm Menu item: [Nieuw] verschijnt (Figuur 15). In dit scherm ziet een lijst van alle menu itemtypes.

27 Klik in deze lijst op Phoca Gallery. Selecteer daarna het menu itemtype Phoca Gallery Category List Layout (Figuur 15 blok 1). Figuur 15: Menu item Phoca Gallery Category List Layout Het scherm Menu itemtype: [nieuw] verschijnt (Figuur 16). Vul in dit scherm de titel van de menuknop in (Figuur 16 blok 1), controleer of de parameters Gepubliceerd op Ja staat, stel het toegangsniveau in en klik op de knop >[Opslaan] (Figuur 16 blok 2). Alle andere parameters zijn optioneel.

28 28 Menuknop maken Figuur 16: Aanmaken van een knop voor het fotoalbum Aan de voorkant van de website is de knop zichtbaar. Iedereen die hierop klikt kan het fotoalbum bekijken. Menuknop voor foto s in geselecteerde categorie Om alle foto s in een bepaalde categorie (lees fotoalbum) te laten zien kunt u gebruik maken van het menu item Phoca Gallery Categorie Layout. Open het controlepaneel van Joomla! Klik uit het Joomla! op Menu s en selecteer het menu waaronder u de knop voor het fotoalbum wilt plaatsen: bv. Main Menu (Figuur 17 blok 1) Figuur 17: Menu beheer. Het scherm Menu itembeheer: [ ] verschijnt (Figuur 18)

29 Klik vanuit het scherm Menu itembeheer op de knop >[Nieuw] (Figuur 18 blok 1). Figuur 18: Toevoegen nieuw menu. Het scherm Menu item: [Nieuw] verschijnt (Figuur 19). In dit scherm ziet een lijst van alle menu itemtypes. Klik in deze lijst op Phoca Gallery. Selecteer daarna het menu itemtype Phoca Gallery Category Layout (Figuur 19 blok 1). Figuur 19: Menu item Phoca Gallery Category Layout Het scherm Phoca Gallery Category Layout verschijnt (Figuur 19).

30 30 Menuknop maken Figuur 20: Het scherm 'Phoca Gallery Category Layout' Het volgende moet in dit scherm aangepast worden: 1. Vul de titel van de menuknop in (Figuur 20 blok 1) 2. Selecteer uit welke categorie de foto s gepresenteerd moeten worden (Figuur 20 blok 2). 3. Controleer of de parameter Geregistreerd op Ja staat. 4. Bepaal het toegangsniveau. Nadat eventueel andere parameters zijn ingesteld, klik op de knop >[opslaan] (Figuur 20 blok 3). Aan de voorkant van de website is de knop zichtbaar. Iedereen die hierop klikt zal alle foto s uit de categorie zien. Plaatsen van een fotoalbum of foto s in een artikel U heeft een goed artikel geschreven en wil dit illustreren met foto s. Phoca Gallery kan foto s in een artikel op de volgende manieren weergeven:

31 1. Categorie weergave: Alle categorieën (fotoalbums) worden zichtbaar. Een gebruiker kan zelf bepalen uit welke categorie de foto s zichtbaar moeten worden door op de categorie te klikken. 2. Direct alle foto s uit een categorie; 3. Eén foto. Selecteer een foto uit een bepaalde categorie en geef deze weer; 4. Fotoslide show. Laat alle foto s uit een bepaalde categorie achter elkaar weergeven. Het realiseren van deze diverse fotoweergaven is eenvoudig. Onder de artikel editor is de knop >[Phoca Gallery Image] te vinden (Figuur 21 blok 1). Figuur 21: De knop >[Phoca Gallery Image] In onderstaande hoofdstukken wordt deze knop uitvoerig besproken. Categorie weergave Om één of meerdere categorieën (fotoalbums) in een artikel op te nemen, opent u eerst het artikel waarin u de categorieën wilt opnemen. Plaats de cursor op de positie in het artikel waar u de foto wilt hebben.

32 32 Menuknop maken Klik vervolgens op de knop >[Phoca Gallery Image] (Figuur 22 blok 1) die te vinden is onder de artikel editor. Figuur 22: Positie van de knop >[Phoca Gallery]. Er verschijnt nu een Select Type scherm (Figuur 23) Figuur 23: Het scherm 'Select Type' Selecteer hier de keuze Categorieën (Figuur 23 blok 1) Het parameterscherm voor Categorieën verschijnt (Figuur 24)

33 Figuur 24: De parameters voor categorieën. In dit scherm kunnen de volgende parameters ingegeven worden: Display Images: Laat de afbeeldingen zien. Image size: De afbeeldinggrootte. Hide Categories: Geeft aan welke categorieën niet zichtbaar mogen zijn. Nadat u de parameters heeft ingesteld klikt u op de knop >[Insert Code] (Figuur 24 knop 1). In de tekst komt nu een regel te staan die begint en eindigt met accolades. Schrik niet, dit is normaal. Op deze positie worden de foto s namelijk automatisch geplaatst. Sla het artikel op. Een bezoeker kan nu aan de voorkant de fotoalbums in het artikel bekijken. Direct alle foto s uit een categorie. Het is ook mogelijk om alle foto s uit één categorie (fotoalbum) direct in een artikel zichtbaar te maken. Open het artikel waarin u de foto s zichtbaar wilt hebben.

34 34 Menuknop maken Plaats de cursor op de positie in het artikel waar de foto s moeten verschijnen. Klik vervolgens op de knop >[Phoca Gallery Image] (Figuur 25 blok 1) die te vinden is onder de artikel editor. Figuur 25: Positie van de knop >[Phoca Gallery]. Er verschijnt nu een Select Type scherm (Figuur 26). Figuur 26: Select Type: Afbeeldingen. Selecteer hier de keuze Afbeeldingen (Figuur 26 blok 2). Het parameterscherm voor Afbeeldingen verschijnt (Figuur 24).

35 Het belangrijkste in dit scherm is dat u aangeeft uit welke categorie u de foto s wilt laten zien (Figuur 27). Zie Appendix 1 voor de beschrijving van de parameters. Figuur 27: Parameters voor Categorie. Klik naar uw keuze op de knop >[Insert Code] (onder in het parameterscherm) en bewaar de afbeelding. De afbeelding is nu, aan de voor kant, in het artikel terug te vinden. Eén of meerdere foto s uit een categorie. Het is eenvoudig om slechts één of meerdere foto s uit een categorie in een artikel te plaatsen. Open het artikel waarin u de foto s zichtbaar wil hebben. Plaats de cursor op de positie in het artikel waar de foto s moeten verschijnen. Klik vervolgens op de knop >[Phoca Gallery Image] (Figuur 28 blok 1) die te vinden is onder de artikel editor.

36 36 Menuknop maken Figuur 28: Positie van de knop >[Phoca Gallery]. Er verschijnt nu een Select Type scherm (Figuur 29). Figuur 29: Select Type: Afbeeldingen. Selecteer hier de keuze Afbeelding (Figuur 29 blok 1) Het parameterscherm voor Afbeelding verschijnt (Figuur 30).

37 Figuur 30: Parameter scherm 'Afbeelding' Selecteer uit welke categorie u de foto wilt laten zien (Figuur 30 blok 1) en selecteer de betreffende foto (Figuur 30 blok 2). Zie Appendix 1 voor de beschrijving van de parameters. Klik naar uw keuze op de knop >[Insert Code] (onder in het parameterscherm) en bewaar de afbeelding. De afbeelding is nu, aan de voor kant, in het Artikel terug te vinden. Foto Slideshow Gebruik de optie Photo Slideshow wanneer u alle foto s uit een bepaalde categorie als een diapresentatie wilt laten zien. Open het artikel waarin u de foto s zichtbaar wil hebben. Plaats de cursor op de positie in het artikel waar de foto s moeten verschijnen.

38 38 Menuknop maken Klik vervolgens op de knop >[Phoca Gallery Image] (Figuur 31 blok 1) die te vinden is onder de artikel editor. Figuur 31: Positie van de knop >[Phoca Gallery]. Er verschijnt nu een Select Type scherm (Figuur 32). Figuur 32: Select Type: Afbeeldingen. Selecteer hier de keuze Afbeelding (Figuur 32 blok 1) Het parameterscherm voor Afbeelding verschijnt (Figuur 33).

39 Figuur 33: Parameters voor slideshow Selecteer de categorie waarin de weer te geven foto s zich bevinden (Figuur 33 blok 1) en klik op de knop >[Insert Code] (Figuur 33 blok 2). De overig parameters hoeven niet aangepast te worden. De afbeelding is nu, aan de voor kant, in het Artikel terug te vinden.

40 40 Menuknop maken

41 Hoofdstuk 2 Picasaweb Om Picasaweb te integreren binnen Phocagallery is het nodig om een Google account te hebben. Dit algemen accoutn wordt gekoppeld aan Picasaweb. Aanmelden voor een Picasaweb account en inloggen. Het aankan van een Google Picasaweb accoutn gaat als volgt: 1. Ga naar: 2. Heeft u al een account, vul de aanmeldt gegevens in en klik op de knop >[aanmelden] (figuur 34 blok 2) klik anders op de knop >[aanmelden] (figuur 34 blok 1) en beantwoord alle vragen die volgen. Figuur 34: Startscherm van Picasa Webalbums

42 42 Menuknop maken 3. Vervolgens zal er gevraagd worden om Picasa te downloaden. Dit is een programma waarmee u eenvoudig foto s kunt bewerken, beheren een eenvoudig naar Picasaweb kunt uploaden. Uitleg over dit programma gaat buiten de scope van deze handleiding. Uploaden van foto s Figuur 35: Startscherm picasa web Als u ingeloged bent op PicasaWeb ziet u het startscherm (Figuur 35). Om foto s te uploaden klikt u op de knop >[uploaden] (Figuur 35 blok 1). Het scherm foto s en video s uploaden verschijnt. Figuur 36: Foto s en Video s uploaden 1. Vul de naam van het fotoalbum in (figuur 36 blok 1);

43 2. Sleep één of meerdere foto s in het blok met de kartelranden (figuur 36 blok 2); 3. Klik op de knop OK (figuur 26 blok 3). 4. De foto s worden nu geupload. Figuur 37: Mijn foto's Klik vervolgens op de knop Mijn foto s (Figuur 37 blok 1). U zult een overzicht van al uw albums zien. Selecteer het album dat u wilt delen. Kijk aan de rechterkant en klik op (bewerken) (figuur 37 blok 2). Het scherm Albumgegevens bewerken verschijnt. Slecteer bij zichtbaar heiud de optie: beperk, iedereen met link. Hierin geven we aan dat iedereen die de link heeft het album kan bekijken. Klik op de knop >[Opslaan]. Plaatsen van de foto s in Phocagalery. Om foto s vanuit picasa in Phocatgalery te krijgen is het van belang dat we de gebruikersnaam, naam van de fotoalbmum en authkey weten. Dit is eenvoudig door uw foto album te openen en de gegevens uit de urlbalk ta helan. Bijvb de url is: ?authkey=Gv1sRgCIv7lbzOsdOLJg De volgende gegevens halen we hier uit:

44 44 Menuknop maken Gebruikernaam: Albumnaam: 16September2012 Authkey: Gv1sRgCIv7lbzOsdOLJg Ga vervolgens naar de achterkant van joomla. Selecteer uit het menu Componenten de optie Phoca Gallery Selecteer het icoontje Categorie Klik op de knop >[Nieuw] Voeg de titel van het album is. Deze mag eventueel anders zijn dan die gebruikt wordt in picasaweb. Stel alle parameters naar wens in. Stel de volgende waarden bij picase Setting in: Set Picasa User: (gebruikersnaam uit URL) Set Picasa Album: 16September2012 (albumnaam uit picasa) Authentication Key: Gv1sRgCIv7lbzOsdOLJg (Authkey uit de picasa url). Klik op de >[Picasa Import]. Er wordt nu verbinding gemaakt met picasa. Klik op de knop >[Opslaan en sluiten]. Klik op de tabblad images. U zult hier nu de foto s vanuit Picasaweb zien. U kunt nu verder met het maken van knoppen of foto s in artikelen plaaten zoals u gewent bent met Phocagalery.

45

46

47 Appendix 1: Phoca Gallery Image Button parameters Hieronder volgt een kleine uitleg van de verschillende parameters die bij de knop Phoca Gallery Image gebruikt kan worden. Category: Selecteer hier de categorie waarvan u de foto s wilt zien; Limit Start: Geeft aan vanaf welke foto de foto s weergegeven moeten worden. Limit Count: Geeft het aantal foto s aan. Image ordering: Geeft aan op welke wijze de foto s gesorteerd weergegeven worden. Image Background Shadow: Geeft aan hoe de schaduw achter de foto geplaatst wordt. Font Color: Kleur van het lettertype. Background color: Achtergrondkleur. Background color (mouseover): Achtergrondkleur wanneer de muis op de afbeelding wordt geplaatst. Image background color: achtergrond kleur van de afbeelding. Border color: Kleur van de rand. Border color (mouseover): Kleur van de rand wanneer de muis op de afbeelding wordt geplaatst. Detail window: Wijze waarop de gedetailleerde scherm zichtbaar wordt. Plugin Link: Geeft aan wat er moet gebeuren als er op de foto geklikt wordt. Plugin Type: Geeft het soort afbeelding aan. Display naam: Bepaalt of de naam van de foto zichtbaar wordt. Display Detail Icon: Geeft aan of de detailknop onder de foto zichtbaar moet zijn.

48 48 Menuknop maken Display Discription: Geeft aan of de omschrijving van de foto zichtbaar moet zijn. Display Image Rating: Geeft aan of de beoordeling van een afbeelding aan staat. Discription Height: Geeft de hoogte van de omschrijving aan. Font Size of Name: Geeft de grootte van het lettertype van naam foto aan. Number of characters in name: Geeft het maximaal aantal tekens in de fotonaam weer. Switch Image: Geeft aan of afbeelding Switch geactiveerd moet worden. Overlib Effect: Geeft aan welk effect gebruikt moet worden bij openen foto. Enable Cooliris: Maak gebruik van de Google CoolIris functie. Float Image: Geeft aan of de afbeelding links of rechts geplaatst moet worden.