Archief - FLASH SITE: G2 Architectural Graphics

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
L

LunchBox

Legacy Member
Corporate website voor G2 Architectural Graphics, het architecten-bureau van collega ontwerper Gert Swolfs. Doelstelling is onder andere zijn werk online te tonen en de mogelijkheid geven om hem dit volledig zelf te laten beheren/updaten. Hiervoor werd een bescheiden CMS geschreven. (ook in flash omdat dat me nu eenmaal ligt qua programma-logica) Ter info, de standard-component-look stoort de klant niet omdat het slechts een backend hulpmiddel is dat niet zichtbaar is voor de bezoeker.

De website layout werd net als de rest in nauwe samenspraak gemaakt, vandaar dat je misschien enige afwijking bemerkt van m'n normale afwerking. Zo had ik om esthetische redenen het logo persoonlijk veel kleiner gemaakt, maar waar samenspraak is moeten compromissen gesloten worden en klant-tevredenheid is immer een streefdoel. Dat bepaalde data ietwat opeengepakt zit in de project-pagina heeft tevens te maken met zo'n compromis, aangezien we de 1024x768 gebruikers alle 10 de items wilden laten bekijken zonder te moeten scrollen, met inbegrip van de copyright notice onderaan. (wanneer geen extra toolbars/tabs openstaan)

Zaken die reeds aangepast zullen worden:
* De random afbeelding links is momenteel nog "crunched" van een medium-size afbeelding. (lees: vertoont ietwat pixelated) Deze wordt vervangen zodra de verkleinde versies ontvangen zijn, en worden vrijwel meteen geupdate dankzij een minor aanpassing in de code.
* Sommige afbeeldingen bevatten een roll-over (voor/na), maar daar zit momenteel een delay op waardoor je een wit kader ziet. Dit wordt eerstdaags aangepast door een vernieuwd stuk code.

Dan misschien nog even een gerichte vraag naar jullie toe:
* Als de flash focus heeft werkt de browser-scroll niet, hierdoor heb ik binnen flash een javascript code moeten oproepen maar in Internet Explorer levert dat een vervelende click-sound op. Is dit te omzeilen zonder dat ik binnen flash het geheel naar boven/onder moet verschuiven? (dus gewoon de browser scroll functionaliteit met de mouse-scroll-wheel behouden terwijl de flash focus heeft, bv. wanneer je op een project item geclickt hebt en naar project info pagina werd doorverwezen)

Hoewel de website in z'n eindfase terecht gekomen is waarbij nog een extra pagina en wat minor updates aan de orde zijn, zal uw nuttige feedback steeds gewaardeerd worden. Hou er rekening mee dat dit geen persoonlijke website is, dus suggesties zijn welkom maar zullen niet gegarandeerd worden toegepast binnen een update als enkel ik overtuigd ben van het voordeel. (en dat alleen kost vaak moeite) Er zijn immers nog andere mensen mee gemoeid.

Sturing van data gebeurt via volgende technologie: (grotendeels in deze volgorde)
Mysql > Php > Xml > Actionscript

Backend: http://www.showme.be/G2/PREVIEW/G2_backend.jpg
Frontend: http://www.g-2.be
d

dêsh'

Legacy Member
Mooie backend lunchbox, ben zelf ook een cms - systeem aan't ontwikkelen om het de klanten toch gemakkelijker te maken. En daar kruipt zeer veel werk in, hoedje af !

Heb niet echt de tijd om het grondig te bekijken, zal'k later zeker doen. Wat me wel meteen opviel is dat mijn brower telkens crashed als ik de site vernieuw. Heb het een aantal keren geprobeerd (kon toeval zijn), maar iedere keer weer kreeg ik een crash. (Firfox 2.0).
d

deadlock

Legacy Member
De standaard vraag:
Waarom heel de site in Flash? 99% van die website kan evengoed in HTML?

Is het niet aan de ontwikkelaar om de beste tool voor de job te kiezen (in dit geval HTML)?
Zo had in HTML de Back-button gewerkt, elke pagina had een unieke URL gehad, de site was indexeerbaar geweest voor zoekmachines ...
s

squan

Legacy Member
frontend vind ik persoonlijk minder en zoals hierboven vraag ik me ook af waarom voor flash gekozen is.

Maar die backend ziet er slick uit, chapeau!
L

LunchBox

Legacy Member
Het is aan de ontwikkelaar om de beste tool voor de job te kiezen, zeer zeker.. maar als daardoor de website door een ander bedrijf moet worden ineengestoken is deze ontwikkelaar in zijn eigen vingers aan't snijden. Het is fijn dat mensen php/asp/jsp leren, maar mijn expertise ligt bij actionscript, en de overgrote meerderheid van features is binnen deze taal mogelijk dus waarom overschakelen. (de browser back-button is een feature die evenzeer kon geïmplementeerd worden maar we zitten nu eenmaal met een bepaald budget waarbinnen het geheel moet passen - van zodra ik de werking grondig heb bekeken wordt het geen optie meer maar standaard)

Mijn php kennis is slechts beperkt tot hetgeen nodig is om xml uit mysql te krijgen en wat arrays te sorteren etc.. de site dus volledig volgens de zogezegd "meer aanvaarde" dynamische normen maken en aan mekaar kleven met het meer en meer problematische "html"-taaltje leek me dus niet nuttig. Ik had me overigens perfect kunnen laten meeslepen door de onnodige-flash toeters&bellen en we hebben hier zeer bewust niet voor gekozen omdat - en dit is een letterlijke quote van de klant - het moest aanvoelen als een html site.

Om toch rechtstreeks naar een project te kunnen verwijzen kan je binnen het project-info kader op de thumbnail rechts clicken, zo opent een nieuwe pagina met rechstreekse url: bv. http://www.showme.be/G2/FLASH/interface.php?pid=45

Je kan dit voor elke pagina gaan doen, maar hierbij zullen problemen optreden wanneer je data gaat overdragen tussen pagina's. Deze kunnen worden opgevangen, maar het grootste nadeel vind ik persoonlijk dat per nieuwe url een nieuwe swf zal worden gedownload. Als er mensen zijn die al wel ervaring hebben met deze issues, mogen ze me steeds eens contacteren.
X

Xavez

Legacy Member
Ik vind de opmerking over het flashgebruik trouwens niet helemaal terecht hier. Ik vind de site om te beginnen esthetisch trouwens wél aantrekkelijk. Ook de technologie erachter lijkt me meer dan gewoon okay te zijn. Het enige wat er volgens mij nog mist is een alternatief voor de mensen zonder javascript: je kan toch perfect "onder" je flash nog wat info geven voor mensen die geen js/flash hebben :).
o

orez

Legacy Member
Stefan, 't trekt op nix hé zeg ! BAH !

j/k ;)

Deftige site, mooi gebruik van Flash, zeer snelle laadtijden, de nifty kleine dingen die erinzitten (textchange on rollover) met flash vind ik goed gedaan.. ok da kan gedaan worden in html met javascript, maar gaat nog altijd stukken beter met flash imo.

Nu enkel irriterende puntjes voor mij.

- Geen selectable tekst bij bedrijfinfo, kvind da toch een kritisch puntje, en nie da het veel werk is om te veranderen hé, 2 secs ofzo samen met het opstarten van flash :p
- Ook bij jobs de bovenstaande opmerking (als ik ne brief wil schrijven aan het bedrijf, zou ik graag het adres kunnen c/p'en ;)) bij contact maak je het adres dan wel weer selectable... maar kdenk ni dat een gebruiker op alle2 de pagina's da speciaal gaat gaan proberen.
- De "knop" bovenaan die weergeeft waar je je bevind op de site, dat grijs kaderke geeft me een te groot "button" gevoel, en had regelmatig de neiging om erop te gaan klikken.
- bij portfolio mis ik op de kleine thumbnails een kleine animatie, bv een witte laag erboven met een lage alpha waarde, bij rollover laten oplichten, en de geselecteerde afbeelding laten oplichten (zeg maar iets, ma zou wel nog hierbij passen.)
- In de footer zou ik persoonlijk ook nog het contact e-mail plaatsen.
- Als ik bij projecten kijk, dan blijft hij de geselecteerde page onthouden. Kvind het nie echt slecht, ma ook ni echt goed. Ik zou liever hebben dat hij terug op 1 komt te staan. Maar anderen dan weer ni natuurlijk..
- Als je bij home een afbeelding kiest, krijg je de oranje button "terug naar lijst", daar mis ik ook nog een rolloverke op.

Voor de rest infeite geen opmerkingen, tis allemaal muggezifterij, ma bij u mag da ;)
d

dêsh'

Legacy Member
Dat zit wel snor :) Vooral met de komst van SWFObject en nu recent SFWAdress gaat het zeker en vast de goeie kant uit. Lees maar eens na op de blog van deconcept, hij schrijft daar regelmatig een artikel over.

Trouwens LB, mijn IE crashed ook als ik je site bezoek. Zeer raar .. ?

EDIT2: En ook in Opera hetzelfde probleem. Vind'k echt raar, aangezien dit enkel voorkomt als ik g-2 refresh.
L

LunchBox

Legacy Member
Zeer vreemd inderdaad, moest er nog volk last van hebben kunnen we misschien de oorzaak localiseren. SWF-Address ga ik zeker eens onder de loep nemen trouwens, merci voor vermelding van de term. (door de browser-resize implementatie zit hier momenteel geen swfobject meer in, dus ik moet beide eerst trachten te combineren)

@orez: contact-info is bewust selectable en dit werd inderdaad over het hoofd gezien voor het adres op de jobs-pagina.
> voor een bedrijfs-pagina lijkt me dat niet zo nuttig, aangezien die teksten meer dan eens letterlijk worden gekopieerd. ze niet selectable maken zal dat niet gouw tegenhouden maar toch die enkele luie mens ontmoedigen. bovendien is het standaard selectable, dus heb ik die 2 seconden benut om het af te zetten :)

Dat de project-pagina in "list-mode" terugkeert naar de precieze pagina waar het project in voorkomt lijkt me eerder een vereiste, aangezien mensen die op pagina 6 een project hebben bekeken niet zomaar worden terugverwezen naar pagina 1. Hier kan ik je niet echt volgen, maar verder heb je wel nuttige kleinigheden aangehaald. Ik zal zien welke we intern verder kunnen bespreken.

*edit: zijn er nog geen andere problemen vastgesteld met firefox 2.0 en flash-sites?
F

FLT

Legacy Member
Bij mij loopt de site vast op portfolio. Zeer vreemd de browser crasht niet ofzo hoor, ik kan gewoon niets meer aanklikken en zit dus vast :s.
Firefox2.0
o

orez

Legacy Member
LunchBox zei:
Dat de project-pagina in "list-mode" terugkeert naar de precieze pagina waar het project in voorkomt lijkt me eerder een vereiste, aangezien mensen die op pagina 6 een project hebben bekeken niet zomaar worden terugverwezen naar pagina 1. Hier kan ik je niet echt volgen, maar verder heb je wel nuttige kleinigheden aangehaald. Ik zal zien welke we intern verder kunnen bespreken.
Klik om te vergroten...

kzei het ook ;) meer mijn persoonlijke smaak, anderen zullen da inderdaad beter vinden.

trouwens hier geen problemen in FF 1.5 / 2.0 & IE 6/7 , geen opera getest.
E

Erlend

Legacy Member
De datum rechtsboven, not done - tenzij op vraag van klant.

Het 3D logo onderaan doet mij teveel terugdenken aan het
prille begin van animated gifs - het stoort een beetje de
strakke vormgeving.

Sommige foto's kan je nog vergroot bekijken door er op te klikken,
waarom niet werken met een soort "lightbox" - je werkt nu toch al
met flash, probeer dan ook af te stappen van de popup - zoiets
blijft onaangenaam als het opengaat, terwijl je dat met flash meer
vorm kan geven.
L

LunchBox

Legacy Member
De eerste twee punten zijn er op vraag van de klant, dus daar komt de "tenzij" in werking. Als je met lightbox een 'popuplayer binnen flash' bedoelt die weer sluit onclick, dan is dat inderdaad een betere optie dan de huidige popup. (dat ga ik eens bekijken se) Merci voor de tip, "i feel silly not having implemented that allready" :)
B

Brock

Legacy Member
LunchBox zei:
*edit: zijn er nog geen andere problemen vastgesteld met firefox 2.0 en flash-sites?
Klik om te vergroten...

Het kan misschien een geruststelling zijn, maar mijn firefox 2.0 is gisteren ook regelmatig gecrashed bij refreshen/laden van pagina's ( zelf op google.com ).
Dat verklaart natuurlijk niet waarom ie en opera ook crashen specifiek op jouw site..

Heb nog geen tijd gehad om de site grondig te checken. Mijn eerste indruk is wel goed ;)
L

LunchBox

Legacy Member
Achter de schermen ben ik bezig aan een vernieuwde swf, waar zeker enkele pointers in verwerkt zitten. Enfin, de random-afbeelding in de huidige publieke versie is alvast geupdate zodat er ook "history" opzit.

Moest iemand de code eens nodig hebben zal ik die alvast eens vrijgeven:
Code: 
// RANDOM IMAGES WITH HISTORY
// version: generic 1.0
// by Stefan Verbakel
// www.showme.be

var numberRowArray:Array=[];    // sorted
var copyArray:Array=[];         // temp
var storeArray:Array=[];        // stored
var numberOfItems=5;            // count
 
function FillSortedNumberRow(){
            for(i=0;i<numberOfItems;i++){
                        numberRowArray[i]=i+1;
            }
            trace("sorted: "+numberRowArray);
} 
function CalculateRandomValue(arrayLengte:Number):Number{
            var randomIndex:Number=Math.round(Math.random()*(arrayLengte-1));
            return randomIndex;
}
function MemorizeRandomNumberRow(){
            var copyArray:Array=numberRowArray.slice(0,numberRowArray.length);
            for(i=0;i<numberRowArray.length;i++){
                        var workWithThisIndex:Number=CalculateRandomValue(copyArray.length);
                        storeArray[i]=copyArray.splice(workWithThisIndex,1);
            }
            trace("shuffled: "+storeArray);
}
FillSortedNumberRow();
MemorizeRandomNumberRow();

var currentPortfolioItem=0;
knop_btn.onPress=function(){
            if(currentPortfolioItem==numberOfItems){
                        MemorizeRandomNumberRow();
                        currentPortfolioItem=0;
            }
            trace(storeArray[currentPortfolioItem]);
            currentPortfolioItem++;
}

Hoe testen?
- maak een movieclip aan met als [instance name] knop_btn
- plaats de code op een keyframe
- compilen en op de knop klikken

Ipv "trace(storeArray[currentPortfolioItem]);" roep je dan een bepaalde afbeelding op met een nummer in de naamgeving.
---
De scrolling-tickertape tekst onder de "willekeurige portfolio" afbeelding op de site is trouwens niet echt schitterend, moest iemand hiervan degelijke code beschikbaar hebben mag je me dat steeds eens meedelen. (dat mag dus gewoon van rechts naar links gaan zoals in winamp)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan