Versions Compared

Version Old Version 1 New Version Current
Changes made by

Jolanda Smit

Mariske Meijers

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents
minLevel2

Inleiding

De "oude" fotomanager was gemaakt in Java en heeft jaren prima gewerkt.
Echter heeft Java haar banden met de webbrowsers grotendeels verbroken, waardoor de fotomanager bij veel klanten niet meer werkt.
Om te voorkomen dat het nergens meer werkt, moest er een nieuwe oplossing komen: de nieuwe fotomanagerAls Softwear een webshop of sales-app heeft gemaakt, hoort daar een fotomanager bij.
De fotomanager zet alle foto's op de server en deze worden geladen als de webshop wordt geopend.
Om ervoor te zorgend at de foto's en de artikelinformatie aan elkaar gelinkt kunnen worden, is het belangrijk de handleiding te volgen en de afbeelding de juiste naam te geven.


Voorbereiding

In de webshop moeten foto's komen. Deze foto's moeten aan bepaalde voorwaarden voldoen:

  • De foto moet exact dezelfde naam krijgen als het artikel waar de foto van is ( voorbeeld: artikelcode HW2014 hoort bij afbeelding HW2014.jpg).
  • Als artikelen meerdere kleuren hebben, benoem ze dan als volgt: artikelcode + kleurcode (4 karakters) vanuit Softwear.
    Voorbeeld: HW2014whit.jpg of HW20140007.jpg .
  • Als artikelen detailfoto's hebben, benoem ze dan als volgt: artikelcode + a, b, c, d enzovoort.
    Voorbeeld: HW2014.jpg, HW2014_1.jpg, HW2014_2.jpg en HW2014_3.jpg. 
  • Let op! Ook het origineel moet er zijn, die wordt getoond op de homepage. 
    Voorbeeld: Dus als er een artikel is in zwart en wit en ieder heeft 2 detailfoto's dan heb je nodig aan foto's: HW2014.jpg, HW2014whita.jpg, HW2014whitb.jpg, HW2014blac_1.jpg en HW2014blac_2.jpg waarbij HW2014.jpg een kopie is van het zwarte of witte artikel.

URL

De nieuwe fotomanager is te vinden op httphttps://www.softwear.nl/nl/dropzone/?account=fotomanager%20klantnaam&id=API-token.
Heeft Softwear de webshop gemaakt? Dan hoort daar ook een fotomanager bij. Is de url onbekend, mail dan naar help@softwear.nl 
 Image Removednl.

Gebruik

Het is 1 pagina die door alle klanten gebruikt kan worden.

...

Fotomanager openen

Ga naar de url van de fotomanager. Softwear heeft deze url gemaild en is zo opgebouwd: https://www.softwear.nl/nl/dropzone/?account=fotomanager%20klantnaam&id=API-

...

Voor intern gebruik: http://www.softwear.nl/nl/dropzone/?id=test
test verwijst hier naar een Foxpro API-token (het letterlijke woord test werkt ook maar dat is een uitzondering. De foto's die daar geüpload worden komen op //hoth/home/temp terecht. Dit kan gebruikt worden om intern mee te testen).
In de praktijk zal een klant daar zijn/haar API-token moeten invullen. Het sturen van de volledige url met token erin verwerkt, is al voldoende.
Er is geen inlogprocedure, het token is dus feitelijk het wachtwoord. Handle with care!

Beheer

Als er API-tokens bijkomen dan moet het bestand w:/webroot/softwear/NL/dropzone/dropzone.php worden aangepast. 
In dat bestand staat voor iedere API-token een regel in de vorm van $paths["BB69-C256-5E3F-48ED-9871-51F8-2476-0390"] = "//endor/home/buur/webroot";
Image Removed
Kwestie van aanvullen dus.
Voor deze methode hoeft geen FTP-account meer worden aangemaakt.
De CMS-server wordt voor deze methode niet langer gebruikt om de foto's te verkleinen, dat doet de webserver zelf.

De foto's worden niet meer direct verkleind. Als men grote foto's gebruikt kan het uploaden daarom (veel) trager gaan. 
Die grote foto's worden slechts tijdelijk op de server opgeslagen. Uiteindelijk blijven alleen de verkleiningen over.

token .

De browser opent een pagina die er ongeveer zo uit ziet:

Image Added

Foto's selecteren


Fotomanager geopend in de browser?
Open dan ook Verkenner/ Explorer/ Finder (voor de Mac).
De snelkoppeling daarvoor:

Verkenner/ Explorer: Image Added
  1. Gebruik toetscombinatie Win + E (vlaggetje + E) om Windows Verkenner te openen.
  2. of gebruik Start - Computer om Verkenner te openen.
  3. of via Start - Alle Programma's - Windows Verkenner.
Zoek de map waar de foto's in staan, die in de webshop moeten komen.
Zorg dat het scherm niet het hele beeldscherm qua grootte inneemt, maar zorg dat de fotomanager ook nog zichtbaar is. 

Finder:  Image Added
  1. Klik op het icoontje in dock.
  2. of gebruik toetscombinatie Appeltje + Tab en tab totdat Finder geselecteerd is.

Zoek de map waar de foto's in staan, die in de webshop moeten komen.
Zorg dat het scherm niet het hele beeldscherm qua grootte inneemt, maar zorg dat de fotomanager ook nog zichtbaar is.

Door toetscombinatie Ctrl+A  te gebruiken worden alle foto's in de map geselecteerd.
Door de Ctrl-knop ingedrukt te houden en vervolgens de juiste foto's te selecteren met de muis, wordt er een deelselectie gemaakt.

Houd de selectie actief door met de linkermuisknop 1x in de selectie te klikken en vervolgens de selectie uit het scherm te slepen.


Image Added

Door de selectie naar de fotomanager te slepen, zou de fotomanager moeten verschijnen. Laat de muisknop los en de foto's komen in de fotomanager te staan en zullen meteen overgezet worden.
Als alle foto's verdwenen zijn, is het uploaden klaar en staan de foto's online. 

Fotoformaat

Voorheen was 2 MB het maximaal acceptabele formaat van de fotomanager: iets groters resulteerde in een foutmelding. Hier ook maar binnenkort 8 MBBinnenkort wordt dat zelfs 16 MB, momenteel is het 4 MB.
Echter duurt het uploaden van foto's groter dan 2 MB natuurlijk wel langer.

Voorheen werden alleen jpg-bestanden geaccepteerd.
Nu worden deze bestandsformaten geaccepteerd:

  • jpg
  • jpeg
  • png
  • gif 

 

Afmetingen foto's wijzigen

Standaard worden

De kleuren

Zorg dat de foto's gekopieerd, verkleind en in 4 mapjes gezet:

sizet: 75x75 pixels

size0: 150x150px

size1: 300x300px

size2: 1200x1200 pixels
Het kan zijn dat klanten het liever anders zien. Pas dan in het PHP-bestand de code aan van de klant:
Bij Raber hebben ze bijvoorbeeld andere maten:

screenshot raber in php 

NIET zijn gemaakt op een CYMK kleurmodel, de fotomanager slaat ze namelijk als RGB op. De kleuren zullen dan namelijk niet 100% overeen komen.

Wel de kleuren in CYMK? Zorg dan dat de omzetting van CMYK naar RGB intern gebeurt, dan zal de fotomanager de kleuren verder zo laten als ze zijn.
Voor meer informatie: https://en.99designs.nl/blog/tips/correct-file-formats-rgb-and-cmyk/

Ondersteunde browsers

De fotomanager is getest op Google Chrome (versie 48), Safari (Mac), Internet Explorer 11, Opera 35 en FireFox 40.
Die werken allemaal.
Zelfs met  Safari voor Windows  doet ie werkt het maar met slechts 1 foto tegelijk.

Bekende foutmeldingen

...

 

...



foutmeldinguitleg
1id NOT foundhet API-token is niet bekend of klopt niet
2unknown extensionDe aangeboden foto is geen jpg, jpeg, png of gif
3
kruis door foto
Image Modified 
De afbeelding is te groot en kan niet worden geüpload
4
 


5
 5  


Meer?

Bij Softwear een B2B-shop? 

Dan is het ook mogelijk met kleurblokjes te werken. Kijk hier voor de handleiding: Kleurblokjes