PDA

Volledige versie bekijken : Colin [Creative Organisations Linked In Networks]


kevinrommen
%Europe/Berlin %824 %2006, 20:47
Dag Peoples,

Het is lang geleden dat ik hier weer eens iets heb gepost. Laatst had ik al aangekondigd dat er een nieuw werk aan zat te komen. Bij deze wil ik dit werk laten zien. Ik hoop dat iedereen goede kritieken zal leveren waar ik iets mee kan. Niet alleen dat je het mooi vind maar vertel wat je er goed/slecht aan vind. Dan kan ik altijd met deze kritieken aan de gang. Het project is inmiddels opgeleverd maar nog niet geheel af. We zijn nog flink aan het finetunen en de laatste foutjes eruit aan het halen. Mocht je dus nog iets tegenkomen waarvan je denkt dat het niet helemaal klopt, schroom niet en meldt het even.

Nu inhoudelijk. Colin is een creatieve organisatie die wil netwerken in Brabant, met namen omgeving Tilburg/Breda. Deze organisatie was opzoek naar een duidelijke identiteit en vormgeving. Ze hadden al een oude website maar wilde deze vernieuwen. Naar de eerste gesprekken werd ons duidelijk wat ze verwachtten. Daarop zijn wij veel onderzoek gedaan naar andere organisaties in dezelfde sector. Naar de organisatie zelf en naar verschillende communicatie mogelijkheden. Hieruit hebben wij een totaal concept gecreerd wat bestaat uit

- Algemene Website
- Associatieve Zoekmachine
- Content Management Systeem
- Kennisproducten(toolkits, installaties, etc)

Kort zal ik per onderdeel beschrijven wat het precies voorstelt en hoe het in elkaar zit.

Kennisproducten:
Om de opdracht haalbaar te houden is het kennisonderdeel niet uitgewerkt. Er zijn een aantal losse ideeen bedacht waar de klant blij mee was. Dit waren ideeen zoals een Colin's Corner in verschillende cafe's waar mensen dan kunnen netwerken. Een informatiezuil die je op congressen/festivals neer kan zetten met de website. Het zijn al de extra's om mensen met informatie te kunnen voeden

Associatieve Zoekmachine
Om de algemene website goed zakelijk te kunnen houden en toch andere mensen de kans te geven om hen creatieve geest te laten horen is er de associatieve zoekmachine. Dit is een vergaarbak van allerlei informatie waar door middel van trefwoorden doorheen gezocht kan worden op een visuele manier. (denk hierbij aan kartoo (http://www.kartoo.com)) Hier komt alle informatie in die colin heeft en geregistreerde gebruikers kunnen ook allerlei informatie invoegen. Deze informatie kan bestaan uit tekst, pdf, image, video en audio. Aangezien creatieviteit niet alleen op papier bestaat.

Algemene Website
Allereerst zijn we begonnen met het ordenen en kijken van alle informatie op de website. Op deze manier hebben we een totaal nieuw interactie ontwerp bedacht. Het belangrijkste wat in de website voor moest komen wat dat mensen elkaar konden ontmoeten, informatie inwinnen en netwerken. Dat heeft uiteindelijk geleidt tot de volgende website. Het is zeer uitgebreid geworden door het portfolio, persoonlijk profiel, netwerk, en de normale informatie pagina's. Deze pagina's moesten allemaal dynamsich worden doordat colin alles moest kunnen updaten en er ook gebruikers zichzelf toe moesten kunnen voegen in verschillende onderdelen. De link naar de website (http://colin.muhneer.nl/website/modules/mdl_home.php)

De Algemene Website is opgebouwd uit:
- PHP / Mysql
- Volledig module gebaseerd. Het toevoegen van een aantal files zorgt ervoor dat hij rechstreeks toegevoegd wordt aan de website
- Volledig template(XTemplate) gebaseerd. Zodat code en design gescheiden zijn.
- Javascript. Voor verschillende checks & WYSIWYG Editor
- SIFR. Voor Flash titels en links. Mocht er geen flash aanwezig zijn worden deze automatisch vervangen door normale tekst.

Enkele plaatjes:
http://www.kevinrommen.nl/colin/website1.png
http://www.kevinrommen.nl/colin/website2.png
http://www.kevinrommen.nl/colin/website3.png
http://www.kevinrommen.nl/colin/website4.png
http://www.kevinrommen.nl/colin/website5.png
http://www.kevinrommen.nl/colin/website6.png
http://www.kevinrommen.nl/colin/website7.png
http://www.kevinrommen.nl/colin/website8.png

Content Management System
Aangezien de website zeer uitgebreid en dynamisch is opgezet is het belangrijk dat er ook een duidelijk content managent systeem bij zit. Op deze manier is het mogelijk voor de klant om alles goed up to date te houden. Dit content management systeem bevat een heel aantal onderdelen die je misschien maar beter zelf kan bekijken via de volgende link (http://www.kevinrommen.nl/colin/cms/). Je kan hier inloggen met de volgende gegevens admin@admin.nl n admin. ( nu even een fake email toegevoegd. Dat kan normaal niet aangezien je een activatie email krijgt)

Het cms is opgebouwd uit:
- AMFPHP. Voor het vullen van de flash gegevens
- Javascript. Voor uitgebreidde checks, SWFobject & WYSIWYG Editor met image upload
- PHP / Mysql. Voor de afhandeling van alle informatie
- Het CMS is volledig template gebaseerd(Xtemplate). Dus code en design staat gescheiden
- Het CMS is volledig module gebaseerd. Het is dus mogelijk met het uploaden van een enkele map met files om een nieuw menuitem toe te voegen aan het CMS. Dit kan op het gebied van Hoofdmenu items en Submenu items.

Helaas is door een tijdstekort aan het project het niet meer mogelijk geweest om voor het cms de formulieren te cssén en te htmllen. Heb het cms systeem moeten verplaatsen dus helaas is hij niet volledig functioneel

Enkele plaatjes:
http://www.kevinrommen.nl/colin/cms1.png
http://www.kevinrommen.nl/colin/cms2.png
http://www.kevinrommen.nl/colin/cms3.png

Dit project heb ik gemaakt met een aantal medestudenten. De lof gaat ook zeker naar hen uit. Dit was de totale groep:

- Jeroen Braspenning [Concept & Vormgeving & Techniek & IO][http://www.muhneer.nl]
- Edwin Verstraten [Concept & Vormgeving & IO][http://www.studiovers.com]
- Rik Hartman [Concept & Techniek & IO]
- Winne Willems [Concept & Management & IO]
- Cis Slits [Concept & Management & IO]
- Kevin Rommen [Concept & Techniek & IO][http://www.kevinrommen.nl/portfolio.pdf ]

Het was een slopend maar leuk project om te doen. Ik hoop op leuke en interessante reacties.

groeten, Kevin aka Rommel

MA2R
%Europe/Berlin %827 %2006, 20:51
zo ziet er echt goed grafisch uit!

Heerlijke logo, en het logo ook super verwerkt in de website illustratie!

goed zo ga zo door!

Pointer
%Europe/Berlin %954 %2006, 23:54
Indrukwekkend, met een vluchtige kijk :)
Big ups 2 your''ll

Greetz://

kevinrommen
%Europe/Berlin %341 %2006, 09:11
dank je... het was een zwaar maar interessant project vooral omdat we er heel functionaliteit in hebben gebouwd.

nero4
%Europe/Berlin %384 %2006, 10:14
Goed idee, het rustige wit in de linkerhelft, en de drukke logo-achtergrond in de rechterhelft.
Het werkt heel mooi.
Ik vind de strook tussen login (rechts) en het vlak daaronder wat te smal.
(Ik weet niet of dat deel verdwijnt na login?)
Verder uitlijnen van pulldown niet mooi bij registreer-pagina.

Superjoep
%Europe/Berlin %904 %2006, 22:42
Ik ga het morgen alleen nog eens uitgebreid bekijken: ziet er groots en ingewikkeld uit! Ik weet dat jullie CMDers zijn, dus vandaar wat extra aandacht voor dit project vanuit mijn kant ;)
Op het eerste gezicht zag het er allemaal heel strak uit! Doeltreffend en passend, zoals het hoort :)

Paar puntjes:
Het menu in flash, omdat het een dynamische structuur heeft en je de links toch wil vormgeven neem ik aan (embedded font bedoel ik)? Dat is namelijk de enige reden die ik kon verzinnen nadat ik dacht: hmm waarom dit menu in Flash? Maar na verder te lezen zag ik dat de website modulair is en er hoofd en subitems zijn toe te voegen :) Toch nog de vraag of dit het enige voordeel was/is?

Nog een vraag: waarom heb je in het CMS de content weergegeven in de list components? Was het niet makkelijker (en beter passend in het systeem) geweest om dit met HTML/CSS weer te geven?

Klein dingetje gezien bij de registratie pagina:
http://localtoglobal.nl/data/cmd/colinbug.gif
Waarom heb je die select fields niet geCSSt? In het CMS was er geen tijd voor, maar dit vind ik 'net niet' afgewerkt staan :)
Met de select { // hier css } selector kun je ze toch gewoon vormgeven?

Verder kan ik alleen zeggen dat (even vlug gekeken te hebben) het er groots en goed afgewerkt uitziet! Morgen ga ik er nog eens beter voor zitten. Mocht ik nog opmerkingen hebben hoor je ze hier :)

Good job!

kevinrommen
%Europe/Berlin %346 %2006, 09:19
@nero4... thanx.

@superjoep.
De website is voornamelijk tekstueel vormgegeven de flash letters waren dus zeer belangrijk. Echter is dit geen probleem voor nietflash gebruikers aangezien we gebruik maken van sifr. Deze vervangt html tags door de flash movie. Dit gaat dus volledig automatisch.

Over de select fieds. Daar heb je gelijk in. Zoals ik al zei zijn we nog een redelijk aantal zaken aan het finetunen die komen in de komende weken online en vernieuwd.

Over het cms systeem. Die heb ik op deze manier vormgegeven omdat het de bedoeling is dat deze steeds verder met flash moet gaan werken icm AMFPHP. Zodat je niet continu page refreshes gaat krijgen. Verder is de techniek icm AMFPHP ook een stuk versimpeld aangezien je php methods kan gebruiken.

groet, Kevin

brossiekoppie
%Europe/Berlin %464 %2006, 12:08
Nice work!

Leuk ook dat je AMFphp echt ten volle gebruikt.

Doe zo voort!

kevinrommen
%Europe/Berlin %818 %2006, 20:39
Ik wilde er inderdaad goed mee experimenteren. Alleen kan er op dit moment nog meer uithalen. Maak er nog niet echt super gebruik van. Dit zijn vrij simpele acties. Maar zo leer je het wel goed vind ik. Heb nu classes + amfphp met flash gecombineerd en vind het fantastisch werken. Voordeel vind ik dat je geen last hebt van pagerefreshes.

groet, rommel