http://www.octografx.com/index.php en info@octografx.com Copyright 2008 2008-09-26T13:44:00+01:00 http://www.octografx.com/index.php/site/donkere_sites/ http://www.octografx.com/index.php/site/donkere_sites/#When:13:44:00Z Over het nieuwe ontwerp van de site heb ik lang nagedacht. Vaak is een website met een donkere achtergrond niet ideaal om verschillende redenen. Toch heb ik er voor gekozen dit door te zetten.Waarom dan? Kan je jezelf afvragen. Ik heb geprobeerd een website te maken die rust uitstraalt. Een site waar je met een rustig gevoel kan kijken wat het te bieden heeft. Wanneer ik van een licht gekleurde website terug schakel naar deze website voelt het voor mij als... rust. Het grootste probleem bij websites met een donkere achtergrond is vaak de leesbaarheid van de tekst. Een website met een donkere achtergrond werkt alleen als dit goed is uitgevoerd. Wanneer is dit dan goed uigevoerd? Dat is en blijft subjectief. Ik denk dat dit op te lossen is door de site eenvoudig te houden. Niet te veel grafische elementen. Belangrijker nog is de keuze van kleuren. Zoals je ziet is de achtergrond niet zwart en is de tekst niet wit. Het zijn kleuren die daar net van afwijken. Ook vind ik dat de afbeeldingen die worden toegepast beter uit komen en er echt uit springen. Dit werkt in het voordeel voor een site als deze, omdat de diensten die Octografx biedt veelal visueel zijn, en dus een belangrijk element vormen op de site.  Speciaal voor diegene die liever een licht gekleurde site zien: Donker Licht Laat me weten wat je denkt . Algemeen 2008-09-26T13:44:00+01:00 http://www.octografx.com/index.php/site/wie_zit_er_achter_octografx/ http://www.octografx.com/index.php/site/wie_zit_er_achter_octografx/#When:12:39:00Z Octografx, wat ze doen en maken is duidelijk. Maar wie doet dat? Laat ik me voorstellen.Ik ben Dion Snoeijen. De laatste jaren heb ik gewerkt als ontwerper/technisch tekenaar bij een bedrijf gespecialiseerd in binnenspeeltuinen. Daarna vond ik het tijd om verder te gaan. Dit heb ik gedaan door een bedrijf te starten waarin ik mijn grote passie voor computergraphics beter kon benutten. Dit is inmiddels al weer een jaar geleden. In de tussentijd is er veel gebeurd en veranderd. Door deze stap te zetten heb ik kansen kunnen benutten die anders nooit gekregen had. Mijn specialisatie ligt bij het ontwerpen en ontwikkelen van websites en 3d presentaties. De kennis die hiervoor nodig is heb ik verkregen door vele zelfstudies uit boeken en natuurlijk vanaf het internet wat een enorme hoeveelheid leermateriaal heeft bezorgd. Inmiddels is deze vergaarde kennis door jarenlange ervaring ontwikkeld en ben ik een volleerde en erkende ontwikkelaar in beide disciplines. De voldoening die ik uit het maken van websites en presentaties haal is enorm. Ik zal er altijd voor zorgen dat deze tot in detail uitgewerkt zijn en aansluiten bij de specifieke wensen van de klant. Ook stelt mijn eigen bedrijf me in staat om mijn ideeën uit te werken en op de markt te zetten. Ik probeer te denken vanuit een perspectief waarin het bieden van een functionele en gemakkelijk te gebruiken dienst vooraan staat. Het commercieel belang staat hierdoor niet op de eerste plaats. Ik geloof dat het maken van een goed product alleen vanuit dit standpunt kan. Neem bijvoorbeeld de interactieve 3d presentaties. Dit is een unieke presentatie methode waarmee de mogelijkheden haast onbegrensd zijn. Via mijn website zal ik een deel van mijn kennis delen door tutorials te plaatsen. Hiermee hoop ik mensen te kunnen helpen om hun kennis met betrekking to webdevelopement en 3d applicaties te vergroten. Bekijk hiervoor met regelmaat mijn weblog. Hier zal ik beginnen met een serie tutorials voor ExpressionEngine. Dit is het systeem waarmee Octografx websites ontwikkelt. Wilt u op de hoogte blijven dan kunt u zich inschrijven op de rss feed.   Persoonlijk 2008-09-26T12:39:00+01:00 http://www.octografx.com/index.php/site/expression_engine_de_basis/ http://www.octografx.com/index.php/site/expression_engine_de_basis/#When:10:12:00Z De komende tijd zal ik laten zien hoe je met ExpressionEngine je eigen weblog kan bouwen. Om te beginnen zal ik eerst de basis van EE uitleggen. Have Fun!Met EE kan je een super functionele website bouwen. EE leent zich ook erg goed voor het maken van een weblog. De kracht zit hem vooral in het templating systeem. Je bent namelijk vrij om deze te ontwerpen zoals je zelf wilt. Het is zelfs mogelijk dit systeem achter je al bestaande html website te plaatsen waardoor het natuurlijk erg gemakkelijk wordt om de inhoud van je website aan te passen. In deze tutorial gaan we niet in op het design aspect van een website. Dit gaat puur over het gebruik van EE. Voordat we verder gaan maak ik een paar aannames: Je beschikt over een basiskennis van html en css. Je hebt een versie van EE op je webserver geinstalleerd. Het is een nieuwe installatie waarbij er nog geen instellingen zijn aangepast. Om EE te kunnen installeren op je webserver moet deze PHP en mySql ondersteunen. Voor de installatie instructies verwijs ik je naar de website van EE. Laten we beginnen met de basis. Maak je geen zorgen, zo moeilijk is het niet. EE maakt gebruik van zogenaamde tags die je in je html templates kan plaatsen. Deze tags worden aangeduid met curly braces. Bijvoorbeeld de titel van een artikel kan zo worden aangegeven in je template: {title} Deze tag wordt door EE automatisch veranderd in de titel van het artikel. Laten we eens een eenvoudige template bouwen waarin deze techniek wordt toegepast. Als voorbeeld nemen we een artikel met de naam: Webdesign. Deze informatie wordt gebruikelijk opgeslagen in een Weblog. Dit is de term die EE gebruikt voor secties. Dit is verwarrend omdat de term weblog vaak voor andere doeleinden gebruikt wordt. Dit zal in de volgende versie van EE worden aangepast naar een duidelijkere naam. Het is overigens wel mogelijk om deze term aan te passen, maar laten we dat nu niet doen. Stap1 - Weblog Ga via het Control Panel naar Admin > Weblog Administration >Weblog Management. Bij een nieuwe installatie is er al een weblog aangemaakt. Deze is "Default Weblog" genaamd. Maar wij willen een weblog genaamd "webdesign". Klik hiervoor rechts boven op "Create a new Weblog". Hierop volgt een formulier waarvan we de volgende velden in gaan vullen: Full Weblog Name Short Name Vul bij "Full Weblog Name" Webdesign in en bij "Short Name" wl_webdesign. Klik vervolgens op submit om de weblog aan te maken. De short name wordt in de template gebruikt om de weblog aan te duiden waar we de informatie uit willen halen. Laten we ook vast een entry plaatsen die we straks in onze templates terug laten komen. Klik hiervoor op "Publish" in het Control Panel. Selecteer vervolgens webdesign. Hier kunnen we de verschillende velden invullen. Maak er maar iets leuks van . Stap 2 - Template Groups Ga via het Control Panel naar Templates. Vanuit hier kan je de templates die uiteindelijk je website maken beheren. Standaard staat deze op "site". Hier bevinden zich de template bestanden van de standaard installatie. Laten we voor onszelf een template group aanmaken. Klik hiervoor op "Create a New Template Group" Voer als naam in: "website". Klik vervolgens op Submit. Nu is er een nieuwe template group aangemaakt met een index template. Klik op de template om deze in te vullen met de volgende code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Mijn EE Site.</title></head><body>     {exp:weblog:entries weblog="wl_webdesign"}     <h1>{title}</h1>     {summary}     {body}     {extended}     {/exp:weblog:entries}</body></html> Klik nu op "Update" en vervolgens op "View Rendered Template". EE heeft nu de informatie uit de weblog gehaald en in de template geplaatst! Laten we dit eens in detail bekijken. Het stukje waar EE ingrijpt is het volgende: {exp:weblog:entries weblog="wl_webdesign"}<h1>{title}</h1>{summary}{body}{extended}{/exp:weblog:entries} Hier beginnen we met een "tag pair", dit zijn tags die ook weer gesloten worden met een /. Vervolgens hebben we enkele "single tags". Deze werken alleen binnen het "tag pair" en representeren de verschillende velden die zijn ingevuld bij het publiceren van het artikel. Er zijn ook tags die zonder kunnen. Deze zijn "global variables" genaamd. Die worden bijvoorbeeld gebruikt om de naam van de ingelogde gebruiker weer te geven. Stap 3 - Permalinks Een permalink is een link die bij dynamische websites wordt gebruikt om een vaste link toe te kennen. Stel dat we alleen de summary op de index willen laten zien, en de volledige tekst op een andere pagina. Hiervoor kunnen we een permalink aanmaken. Laten we de code op de index pagina aanpassen naar het volgende: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Mijn EE Site.</title></head><body>     {exp:weblog:entries weblog="wl_webdesign"}     <h1>{title}</h1>     {summary}     <br /><br />     <a href="{title_permalink="website/artikel"}">Lees meer</a>     <hr />     {/exp:weblog:entries}</body></html> We linken naar "artikel", dus deze template moeten we nu eerst aanmaken. Ga naar de templates en selecteer "New template". Vul bij "Template Name" artikel in en klik submit. Klik vervolgens op artikel om de template in te vullen met de volgende code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Mijn EE Site.</title></head><body>     {exp:weblog:entries weblog="wl_webdesign"}     <h1>{title}</h1>     {summary}     {body}     {extended}     {/exp:weblog:entries}</body></html> Klik update en ga terug naar de template "index". Selecteer "View Rendered Template" en zie dat er nu alleen nog maar de summary van het artikel met een link wordt weergegeven. Wanneer je deze link volgt wordt je naar de artikel pagina gestuurd waar je het volledige artikel kan lezen! Als we nu nog een artikel plaatsen via "Publish" zal deze in de index netjes boven het vorige artikel geplaatst worden inclusief de bijbehorende link. Tot slot Dit is de eerste EE tutorial waarin de absolute basis wordt doorgenomen. Hopelijk heb ik jullie hiermee kunnen introduceren in de wereld van ExpressionEngine! Voel je vrij om vragen te stellen via de commentaren!Links ExpressionEngine Core Officiele documentatie Tutorials 2008-09-26T10:12:00+01:00 http://www.octografx.com/index.php/site/een_druk_op_de_knop/ http://www.octografx.com/index.php/site/een_druk_op_de_knop/#When:18:00:00Z Een dure computer, geavanceerde software, dit moet alles wel erg eenvoudig maken. Één druk op de magische knop en alles is klaar... toch?Onze minder computer geörienteerde medemens heeft wel eens bijzondere ideeën over wat er allemaal met een computer mogelijk zou moeten zijn. Veel software marketing speelt hier handig op in door allerlei kreten op hun website en publicaties te gebruiken waaruit blijkt hoe ongelooflijk eenvoudig hun product alles maakt. Neem webdesign software. Er zijn legio software paketten op de markt die binnen enkele eenvoudige stappen uw complete website online hebben zonder dat er enige kennis van Html of Css nodig is. Maar wanneer er sprake is van ook maar één specifieke wens wordt het al weer moeilijker, of niet zelden onmogelijk. Dit brengt me direct op het punt waar het om draait. Wanneer de gestelde standaard gevolgd wordt kan je bijna alles automatiseren. Maar wij mensen steken zo niet in elkaar. Zeker als het aan komt op projecten waar creativiteit voor nodig is. Meer dan eens is mij gevraagd om een ingewikkeld bedrijfsproces onder te brengen achter één eenvoudige knop. Mijn visie is dat dit vaak onmogelijk is, of misschien helemaal niet zo "handig" is als men in de eerste instantie denkt. Er zijn te vaak uitzonderingen op de regel. Voordat je denkt dat ik vind dat software niet gemoderniseerd moet worden en automatisering toch geen zin heeft moet je weten dat ik nieuwe ontwikkelingen bij software binnen mijn vakgebied op de voet volg en ik een groot voorstander ben van automatisering. Feitelijk doet een computer veruit het grootste deel automatisch voor je. Het gaat er om wat je moet proberen nog verder te automatiseren. De winst is namelijk vooral te halen uit het automatiseren van herhalende eenvoudige taken. Hiermee behoud je de mogelijkheid om menselijke keuzes te maken wanneer het nodig is. Wanneer men vaak een bepaalde handeling uit moet voeren om tot een resultaat te komen is het erg handig om uit te vinden of deze handeling niet automatisch verricht kan worden. Algemeen 2008-09-10T18:00:00+01:00 http://www.octografx.com/index.php/site/wat_is_realtime_3d/ http://www.octografx.com/index.php/site/wat_is_realtime_3d/#When:18:37:00Z Wij zijn gepassioneerde 3d ontwikkelaars, ook wel "computernerds" genoemd. We zijn wel eens geneigd termen te gebruiken die door mensen buiten ons wereldje niet altijd direct begrepen worden. Octografx is gespecialiseerd in realtime 3d. Dus.....?Realtime, pre-rendered, first person. Allemaal termen die voor ons 3d ontwikkelaars vanzelfsprekend zijn. Soms vergeten we dat onze klanten niet direct begrijpen waar we het over hebben wanneer we dit soort termen gebruiken. Laat me eens uitleggen wat in ieder geval deze drie veelgebruikte termen betekenen. Een presentatie in drie dimensies geeft een enorm goed beeld van hoe een product eruit kan komen te zien. Er zijn verschillende manieren waarop dit gedaan kan worden. Het is mogelijk om plaatjes van dit product te maken, of wellicht een animatie. Beide hebben een beperking. Deze beperking is dat men het onderwerp niet vrij kan bekijken. Om dit te kunnen doen heb je realtime 3d graphics nodig. Vanuit een technisch standpunt betekent het dat de computer de frames berekent (rendert) aan de hand van de input van de gebruiker. Het stelt de gebruiker in staat om zelf te bepalen vanuit welk standpunt het onderwerp wordt bekeken, maar niet alleen dat. Ook de kleur, vorm, positie en nog veel meer kan direct beïnvloed worden. Vaak passen we het first person standpunt toe omdat dit de illusie wekt dat je uit de ogen van een persoon kijkt. De camera is als het ware op ooghoogte gepositioneerd en kan worden bestuurd met de pijltjestoetsen en muis. Deze manier van presenteren is dus ook een ervaring waardoor het gepresenteerde product veel beter bij de gebruiker blijft hangen. Dit in tegenstelling tot een animatie. Een animatie, of liever gezegd een filmpje, is namelijk pre-rendered. De computer heeft van te voren de frames al uitgerekend waardoor er geen invloed van een toeschouwer meer uitgeoefend kan worden. Hier is voor veel toepassingen natuurlijk niets mis mee, het heeft bijvoorbeeld als voordeel dat de snelheid van de computer geen belangrijke rol speelt om een goede beeldkwaliteit te bewaren. Ook kan je hiermee foto realistische resultaten behalen. Hoewel de realtime engine erg mooie beelden kan genereren is dit nog niet zo ver dat er dezelfde beeldkwaliteit mee behaald kan worden. De gaming industrie is de oorzaak van de geavanceerde mogelijkheden die realtime 3d momenteel te bieden heeft. Geen enkele industrie heeft de grenzen van 3d zo weten te verleggen. Vandaar is het logisch dat we deze technologie gebruiken voor onze presentaties. De engine welke we in gebruik hebben is zeer geavanceerd en biedt ons de mogelijkheid om haast alles in de echte wereld in realtime 3d na te kunnen bootsen. De mogelijkheden zijn werkelijk haast eindeloos!  Een demo zegt natuurlijk nog meer. Bekijk onze interactieve 3d demo's op onze visualisatie pagina. Algemeen 2008-09-09T18:37:00+01:00 http://www.octografx.com/index.php/site/zoekmachine_optimalisatie/ http://www.octografx.com/index.php/site/zoekmachine_optimalisatie/#When:19:28:00Z Octografx neemt zoekmachine optimalisatie op in het dienstenpakket. Wij zorgen er voor dat uw website gevonden wordt door de juiste personen. Algemeen 2008-09-03T19:28:00+01:00 http://www.octografx.com/index.php/site/internet_explorer_80/ http://www.octografx.com/index.php/site/internet_explorer_80/#When:18:10:00Z Internet Explorer 8.0 is onderweg. Wat zal dit voor webdesigners en gebruikers betekenen?Internet Explorer heeft tot op heden geen goede naam weten te verkrijgen onder webdesigners en ontwikkelaars. Dit komt onder andere omdat Internet Explorer de standaarden van het W3C niet respecteert. Het W3C is een organisatie die de standaarden voor het Internet ontwikkelt en in de gaten houdt. Deze standaarden helpen web ontwikkelaars om hun websites op een manier te bouwen waardoor deze goed wordt weergegeven in verschillende browsers zoals Safari, Firefox of Opera. Omdat IE hier lak aan heeft gaan er bij het ontwikkelen van een websites, afgezien van het nodige vloekwerk, heel wat uren verloren om deze problemen via verschillende omwegen te omzeilen. In veel gevallen moet er zelfs een aparte stylesheet opgesteld worden die alleen wordt aangeroepen wanneer een bezoeker de site met IE bezoekt.  Volgens de nieuwsberichten respecteert Internet Explorer 8.0 deze standaarden wel. Dit tot grote vreugde van webdesigners die tot in de late uurtjes hebben gezwoegd om erachter te komen dat IE het niet zo nauw neemt met een paar extra pixeltjes in je zorgvuldig opgestelde website. Deze aanpassing in de nieuwe versie komt wel met een waarschuwing vanuit Microsoft. Er zijn namelijk veel websites op internet die alleen maar in IE getest zijn door hun ontwikkelaars. De kans is dan ook klein dat deze website voldoen aan de standaarden. Vooral de websites die gebruik maken van een stylesheet hebben in dat geval heel wat te vrezen. Deze websites worden in IE8.0 niet correct weergegeven. Dit kan bijvoorbeeld resulteren in een vervormde layout. IE8.0 heeft hiervoor een optie ingebouwd waarmee het mogelijk wordt om de site in IE7.0 modus weer te geven, maar uiteindelijk is het natuurlijk de bedoeling dat alle websites gewoon volgens de standaarden worden opgebouwd. Mocht u nieuwsgierig zijn geworden of uw site in IE8.0 goed wordt weergegeven dan kunt u via deze locatie de beta versie downloaden. Andere nieuwe functionaliteit in IE8.0 is bijvoorbeeld "WebSlice". Dit is een techniek waarmee je een stukje van een site op kan slaan om zo eenvoudig in de gaten te kunnen houden of er nog iets nieuws te zien is. Ook gaat de "Back" knop slechts één handeling terug in plaats van een complete pagina. Dit is handig omdat er steeds meer websites gebruik maken van de zogenaamde AJAX techniek. Deze techniek geeft nieuwe informatie weer op een pagina zonder de volledige pagina te herladen. Deze techniek wordt hier ook toegepast onder aan de site wanneer je op de titel van een nieuws item klikt. Of op de pagina's webdesign en 3d visualisatie waar gebruik wordt gemaakt van een zogenaamd "accordion" systeem. Ook InPrivate is een nieuwe functie. Deze functie wordt ook wel "****Piep**** Mode" genoemd. Dit komt omdat bij het gebruik van deze functie geen cookies en history bijgehouden wordt. Ook de snelheid en veiligheid van de browser wordt sterk verbeterd. Al met al lijkt het er op dat Microsoft zich eindelijk realiseert dat ook zij zich ergens aan moeten houden om succesvol te blijven. Internet Explorer heeft tot nu toe nog het grootste marktaandeel maar het aandeel is de laatste jaren behoorlijk gedaald. Ik blijf in ieder geval voorlopig gewoon bij FireFox. 2008-09-03T18:10:00+01:00 http://www.octografx.com/index.php/site/nieuwe_website_online/ http://www.octografx.com/index.php/site/nieuwe_website_online/#When:18:42:00Z Het was tijd voor een nieuwe site. Een nieuw ontwerp, nieuwe functionalitiet en nieuwe inhoud. Enjoy! Algemeen 2008-09-01T18:42:00+01:00 http://www.octografx.com/index.php/site/interactieve_3d_demo_online/ http://www.octografx.com/index.php/site/interactieve_3d_demo_online/#When:10:58:00Z De eerste demo is online. Hoewel dit fase 1 is geeft het een goed beeld van de mogelijkheden. Neem een kijkje via de onderstaande link. Algemeen 2008-09-01T10:58:00+01:00