Recensie: SiteGrinder 3, meer een CMS dan een Photoshop plug-in

als uw webontwikkeling zeer designgericht is, zijn er tal van toepassingen die creatieve werknemers in uw team zullen helpen bij het maken van een website. Er zijn maar weinig applicaties die het mogelijk maken het ontwerp te worden gemaakt in een echte ontwerpers’ applicatie zoals Photoshop, terwijl nog steeds het geven van gebruikers alle tools die zij en je nodig hebt om te eindigen met een Content Management System (CMS) gedreven website.

Dreamweaver verwacht dat webdesigners alles weten over HTML en CSS. Zelfs iWeb of RapidWeaver of Karelia ‘ s Sandvox verwachten op zijn minst enig inzicht in hoe HTML werkt. Niet zo met SiteGrinder 3. Deze nieuwste versie van SiteGrinder is een combinatie van een Photoshop plug-in en stand-alone applicatie die combineren om een complete CMS te leveren zonder dat de gebruiker ooit hoeft te raken op HTML, CSS of Javascript –zelfs voor complexe webpagina ‘ s of blogs. Alles wat hij / zij nodig heeft is een goede kennis van Photoshop CS3, CS4 of CS5 (32-bit).

toen ik SiteGrinder ongeveer 4 jaar geleden besprak, was ik onder de indruk van wat je ermee kon doen in termen van het snel veranderen van een Photoshop gelaagde compositie in een webpagina. Media Lab ‘ s SiteGrinder 3 is in een heel andere klasse. Het gaat veel dieper dan zijn voorganger. Het is niet langer beperkt tot de grenzen van een Photoshop plug-in.

SiteGrinder 3 is zonder overdrijving een volledig CMS. Het kan ontbreken enterprise-schaal robuustheid en schaalbaarheid –bijvoorbeeld, het is niet database driven– maar voor ontwerpers die websites maken voor klanten, SiteGrinder 3 heeft niet alleen een lokale, Photoshop onafhankelijke browser-gebaseerde content management systeem, maar optioneel ook een remote Content Manager.

u kunt zelfs een e-Commerce oplossing hebben met SiteGrinder 3, waarbij Foxycart als commerce back-end wordt gebruikt.

SiteGrinder 3-als Versie 2-werkt met ‘hints’, dat zijn Namen voorafgegaan door een streepje dat u aan uw laagnamen moet toevoegen. De tips vertellen het SiteGrinder systeem wat te doen met de laag. Als u bijvoorbeeld een knop aanmaakt en u wilt dat een klik op die knop resulteert in een verborgen laag die zichtbaar wordt, dan moeten deze twee elementen laagnamen delen, maar de knop laag moet de hint “-knop” hebben toegevoegd en de-clickshow hint om het zichtbaar te maken. Op die manier weet SiteGrinder dat de knop is ‘gekoppeld’ aan de tekstlaag en zet deze aan wanneer op de knop wordt geklikt.

in de Design Manager, die automatisch wordt opgestart in uw webbrowser nadat u uw pagina in de Photoshop-Plug-In-interface hebt opgebouwd, kunt u vervolgens de elementen instellen die moeten werken volgens de Instellingen en parameters die u invoert in de Design Manager. De Design Manager is een browserinterface voor SiteGrinder ‘ s geavanceerde ontwerp-en ontwikkelingsfuncties.

het is pas na het implementeren van een webpagina de Content Manager beschikbaar komt. Nogmaals, browser-based De Content Manager kunt u tekst en afbeeldingen en zelfs andere dingen in te voeren in de pagina –ongeveer op dezelfde manier als je zou werken met WordPress of Drupal (maar makkelijker).

hoewel de workflow iets is waar u snel aan zult wennen, kan het nodig zijn om de verwijzingen naar Hints dicht bij de hand te houden voor de schitterende reeks hints en hint combinaties. SiteGrinder 3 heeft niet alleen tips voor het bouwen van eenvoudige pagina ‘ s, maar ook voor blogs, column ontwerpen (zowel rekken als de inhoud groeit) en voetteksten. Voetteksten gebruikt in combinatie met een pagina of kolom hint dwingt de voettekst te ‘plakken’ aan de onderkant van de pagina. Er zijn enkele tientallen trucs en slimme hint – en workflowcombinaties waarmee u uiteindelijk een website kunt bouwen die net zo flexibel en dynamisch is als een WordPress-site, met uitzondering van de database-onderbouwing (en dus minder schaalbaar).

bijvoorbeeld, na het uitproberen van de vele verschillende ‘gewone’ pagina bouwtrucs die SiteGrinder 3 in petto heeft, stel ik mijn gedachten op het creëren van een galerij. Het eerste probleem was om te beslissen welk type galerij ik wilde. Er is een relatief eenvoudige CSS gedreven galerij, maar in combinatie met Fancybox en andere eye candy mogelijkheden, zelfs die ‘eenvoudige’ CSS Galerij kan snel eindigen in een enorm scala aan mogelijkheden om uit te kiezen.

een ander voorbeeld van deze eigenschap overvloed kan worden gevonden in de drie mogelijke afbeelding miniatuurbladen die u kunt maken. U kunt “groeiende” CSS afbeelding miniatuurbladen die alle duimen te tonen op hetzelfde moment, Flash duimen die glijden, of opgepiept CSS duimen die groepen duimen tonen en laat u navigeren van groep naar Groep. Elk van deze kan worden gebruikt als “viewsheets” die alternatieve weergaven van een galerie tentoonstelling tonen.

het draagt allemaal bij aan de rijkdom van het ontwerp dat u kunt maken met SiteGrinder 3, maar ook aan een grote moeilijkheid: het kiezen van de juiste combinatie. Werken met SiteGrinder 3 vereist daarom een goede planning, zowel op het gebied van looks als web 2.0 functionaliteit.

met de galerietest raakte ik ook de beperkingen van SiteGrinder 3. Er zijn niet veel, maar een van de beperkingen die ik vond was dat –hoewel je ingewikkelde formulieren kunt maken– je kunt geen zoeksysteem gemaakt vanuit SiteGrinder 3. Nu zou ik niet al te verbaasd zijn om te leren dat de ontwikkelaars bezig zijn met het ontwikkelen van een optionele plug-in om deze functie toe te voegen, maar in mijn versie was er niet zo ‘ n plug-in beschikbaar.

de e-commerce plug-in daarentegen staat u toe om uw afbeeldingen te verkopen via een foxycart managed systeem. De plug-in integreert trouwens met een echte payment gateway. Foxycart is niets minder.

de meest opvallende kenmerken van SiteGrinder 3 zijn echter de CMS-mogelijkheden:

• De uitvoer van PHP als statische HTML
• De mogelijkheid om kolommen automatisch aanpassen met inhoud
• De Gallery functionaliteit die is ongelooflijk krachtig en compleet
• De plug-in architectuur die het mogelijk maakt voor uitgebreide functionaliteit
• De beschikbaarheid van de Afstandsbediening en e-commerce plugins
• Het gebruik van CSS in
• De schone code die wordt gegenereerd
• De mogelijkheid voor het gebruik van multimedia in een web-design –inclusief video en audio
• De interactiviteit die mogelijk is met behulp van CSS en Javascript
• het feit dat u op geen enkel moment in het proces moet weten welke code uw interactieve elementen laat werken

het nadeel van deze kracht is dat u zeker de videocursus op de SiteGrinder-site moet volgen. Ik vond het onontbeerlijk om ook het complete –uitstekende en zeer beknopte– hulpsysteem af te drukken. Misschien ben ik het tonen van mijn leeftijd, maar ik voelde dat ik nodig deze gids voortdurend in de buurt om niet te missen op een van de functies en mogelijkheden.

zelfs nadat ik De Gids vooraf had gelezen, kon ik in een paar uur geen complexe webpagina bouwen. In plaats daarvan duurde het een paar dagen voordat ik eindelijk mijn hoofd rond de SiteGrinder manier van het doen van dingen. De workflow op zich is eenvoudig genoeg: u ontwerpt uw pagina in Photoshop, gaat dan naar de SiteGrinder plug-in en bouwt de pagina, dan fine-tunen in Photoshop en opnieuw bouwen, totdat u tevreden bent en klaar bent om de pagina te implementeren.

in Photoshop moet u er rekening mee houden dat u uw pagina-elementen zo moet ontwerpen dat SiteGrinder begrijpt wat u wilt dat elk element doet. Dat vergt een beetje leren. Bijvoorbeeld, om een animatie te maken-een tekstblok dat ik van de ene locatie naar de andere wilde schuiven met een klik op een knop– moest ik een knop en twee identieke blokken maken. Het verschil tussen hen waren de hints. Om een achtergrond achter een schuifelement te laten verschijnen, moest ik er een andere laag Onder maken, die alleen de kleur en textuur bevatte die ik wilde dat de schuifregelaar had.

de gegenereerde code kan statische HTML zijn, maar ook –en waarschijnlijk moderner in zijn benadering– PHP. Ik koos consequent PHP voor mijn tests en het werkte als een charme. Je zult zeker PHP als output moeten kiezen als je SiteGrinder 3 als CMS wilt gebruiken. Dit stelt u in staat om pagina ‘ s toe te voegen op basis van bestaande pagina ontwerp, ongeveer op dezelfde manier als wat u kunt doen met WordPress, Joomla! en Drupal.

met uw standaard SiteGrinder 3 setup kunt u het systeem gebruiken als een CMS op een lokale machine, maar als u de optionele Remote Control plug-in hebt, kunt u ook pagina ‘ s toevoegen met inhoud van elke machine met behulp van de webbrowser en een specifieke URL. Dit is het dichtst bij een’ lichtgewicht ‘ CMS kan komen tot de functionaliteit geleverd door database-gestuurde systemen.

met die verklaring, wat echt een compliment is, maak ik de beoordeling af. Na een paar weken met SiteGrinder 3 te hebben doorgebracht kan ik alleen maar zeggen dat ik nog steeds nieuwe dingen aan het ontdekken ben, dingen die ik anders kan doen om andere resultaten te krijgen. Het mooie van SiteGrinder 3 is dat het werkt. Het werkt zo goed dat de resultaten altijd voorspelbaar zijn, dat wil zeggen dat je nooit overrompeld bent, en eindigt met een ontwerp dat een puinhoop is.

kritiek? Ja, Ik heb wat kritiek. De help guide moet meer screenshots van Photoshop layer setups hebben om de manier te begrijpen waarop hints sneller werken. Er moet idealiter een zoeksysteem toegevoegd aan SiteGrinder 3-niet alleen de mogelijkheid om te integreren met Google Web Search. En als er integratie zou kunnen zijn met een databasesysteem dat SiteGrinder 3 in serieuze concurrentie zou brengen met bestaande CMS-systemen, hoewel het ook leuk zou zijn als er een manier was om ontwerpen en pagina ‘ s te maken waarmee je een SiteGrinder-ontwerp op een of andere manier kunt integreren in WordPress of Drupal (misschien kan dit een geavanceerde gebruikershandleiding zijn?).

de eindconclusie van mijn review is dat Media Lab, de ontwikkelaars van SiteGrinder 3, iets hebben bereikt waarvan ik niet geloofde dat het mogelijk was: een tool maken die zeer complexe sites mogelijk maakt zonder de complexiteit van de tool zelf toe te voegen.

SiteGrinder 3 kost 349,00 USD. Elk van de momenteel beschikbare add-ons (controle en e-commerce op het moment van schrijven) kosten 159.00 USD. De complete bundel heeft echter een introductieprijs van 279.00 USD.

normaal gesproken geef ik nooit commentaar op prijzen, maar in dit geval ben ik geneigd een uitzondering te maken: deze prijzen kunnen lijken duur op het eerste, en ze zouden zijn als SiteGrinder waren gewoon een plug-in met weinig anders in termen van CMS functionaliteit. In het geval van SiteGrinder 3 geloof ik persoonlijk dat je zeker niet te veel betaalt-vooral niet als je goed gebruik maakt van MediaLab ‘ s introductieprijs!