fredag 6 maj 2011

Svensk Kraftservice AB

Att bygga portaler:

Nyligen fick jag i uppdrag att starta en större portal för SKS, Svensk Kraftservice AB.

Därmed över till denna artikel: Hur bygger man en kraftfull portal?

Svaret är självklart att man måste använda en CMS då ingen vid sina sinnens fulla bruk handkodar portaler (sidor med fler än fyra sub-kategorier). En bekväm designer vänjer sig vid en CMS liknande Joomla eller WordPress och fastnar då lätt i ett trevligt, invant mönster med full kontroll över verktyget.
Jag anser dock att det är slentrian och ett dåligt hantverk. Likt alla andra hantverkare bör webbdesigners kunna hantera en mängd verktyg och ständigt förnya sig. Content Management Systems (CMS:er) är just verktyg, och av dessa finns en uppsjö. Låt mig lista några:

GRATIS CMS
Naturligtvis finns det även kraftigare CMS:er med licensiering (betalversioner) och s.k. 'hosted' (ni lägger er på ett webbhotell med integrerad CMS), men jag tänker inte ta upp dem här.

Svensk Kraftservice AB är en s.k. paraplyorganisation; de har expertis inom en mängd områden, samarbetar med en mängd företag, har en mängd produkter som alla behöver synas på portalen. Deras layout skall också vara kraftfull och spegla branchen.

Jag bestämde mig för att testa ett helt för mig okänt verktyg för denna portal: 
CMS Made Simple ( http://cmsmadesimple.org ). 
Tidigare skapade jag en portal med Concrete5 på one.com och skrev en blänkare om det ( Problem med PHP för one.com ). Både C5 och CMSMS använder sig av php, så det var ett risktagande att bygga även denna portal på one.com med php. Dock hade jag fått uppfattningen att mina tidigare problem främst berodde på att one.com hade manuella sättningar för Php4 till Php5 som inte hade integrerats i C5.
Jag hade rätt. One.com har arbetat hårt med att uppdatera php-supporten, och CMSMS gick att installera utan problem (nja, vissa e-mailscript ville inte vara med på automatiken då webbhotellet har lustiga portnummer på POP/IMAP-kontot).

CMS Made Simple är ett mycket trevligt och snabbt verktyg! Man bör ha grundläggande kunskaper om CSS för att skapa en personlig design. Alternativt är grund-designen trevlig och stabil, så om du har grundläggande kunskaper om hur man laddar upp med FTP kan du göra en egen portal.
Styrkan med CMSMS är dess innovativa design. Efter det att jag konfigurerat designen i CSS, laddat upp de ikoner, bilder och banners via FTP som bhövdes och ställt in färgkodningen var det bara att aktivera mig layout på samtliga sub-sidor med en knapptryckning (use template for all pages). Anledningen till att jag valde att testa CMSMS var också dess enkelhet med menyer. Integrera en ny sida och den dyker omedelbart upp som en ny knapp i menyn på samtliga sidor! Visst, det finns som en feature i nästan alla CMS:er, men jag är van att behöva sätta behörigheter och nivåer manuellt. Utöver detta fann jag att det fanns en uppsjö av fantastiska snippets (koder för att skapa olika sideffekter) som kan laddas ner utan kostnad. De bygger på XML-information för Ajax och är därför mycket små, integreras direkt i portalen och kan sedan portas till WYSIWYG-editorn. Det var en mycket positiv överraskning då jag inte sett denna information i de sidor som diskuterade CMSMS.

Så, är du en webbmaster som har tröttnat på Joomla eller WordPress rekommenderar jag varmt CMS Made Simple. För mer information om detta rekommenderar jag Net Magazine online . MVH/D

söndag 24 april 2011

Från ax till limpa inom design.



I skrivandets stund gör jag ett uppdrag för ett företag som behöver interaktiva illustrationer. Designen bör vara anpassad för slutkund, enkel och informativ, men samtidigt aktiv och spännande.
Med dessa önskemål skapade jag först en sida med grafiska designförslag:



Därefter kommer valet av interaktion. Själva grafiken skulle vara interaktiv och lätt animerad, så för detta valde jag ett annat program och skapade några lätta animationer. T.v. ser du en av dessa.
Valet föll till slut på en mer 'cartoonig' design för att optimera linjer och tydlighet, och med några olika modeller skapade jag animationer som sedan lades som lager på en renderad bakgrund. Bakgrunden skapas i ett 3D-program, animeringarna i ett annat och post-production i ett tredje.
För detta arbete kunde jag använda några äldre produkter som gick lätt på processorn.



Efter det att varje delmoment var färdigt stämdes det av mot kund som var delaktig under hela processen. Då jag arbetat med design under lång tid vet jag hur oerhört viktigt det är att kunden har möjlighet att medverka i processen med så många valmöjligheter som möjligt. Sekretess är också viktigt, så därför lägger jag inte ut slutprodukten här utan endast ett utkast av den färdiga produkten.
Den färdigställda portalen har interaktion med varje byggnad i illustrationerna, integrerad information och synkronisering med php-arkiv. Se ett tidigt utkast:

  HÄR

Varje projekt är unikt och bestäms av kundens önskemål, budget, storlek, progamval och rutiner.
Så, detta är bara en av de stigar som vi trampar på Bergströms Service!

Skapa spel i HTML5!

SPEL i JavaScript via Canvas i HTML5:
http://www.effectgames.com/effect/quickplay.psp.html?game=zenswedeshooter&engine=1.0b2




ZapEm:
http://www.effectgames.com är en spel-editor som jag nyligen provade. Vad den gör är nämligen spel med HTML5:s canvas-funktion, något som hör framtiden till.
Detta första spel jag skapade gjordes med en omfattande hjälp av de tutorials som finns på portalen, och inom två timmar hade jag skapat ett fungerande spel som döptes till Zap'Em candies . Det JavaScript tutorial de har är mycket omfattande, så den mesta tiden gick egentligen till att skapa texturer och sprites. När jag väl hade ett fungerande koncept skrev jag ett eget tutorial för denna community: 


http://www.effectgames.com/effect/#Article/games/zenswedeshooter/Beginner_game_make_animated_sprites


I kort kan sägas att det aldrig varit enklare att skapa spel än nu. För bara några år sedan var det i stort sett omöjligt att hitta så mycket lättillgänglig information. Nu är det i stället tidsbristen som sätter stopp. Jag kommer säkert att bolla upp fler spel då detta är ett utmärkt sätt att lära sig JavaScript och DU borde absolut hoppa in här och köra igång ditt eget projekt om du vill bli en framtida speldesigner!
MVH/D

fredag 22 april 2011

Välkommen hit:

Bergströms Service:

1998 startades det som nu är Bergströms Service för att möta behovet av 3D-projekt och Webbdesign. Serier, skyltar och design hade vi jobbat med sedan tidigt 90-tal. Inget är främmande. Men främst var det 3D för webben som lyfte. Över åren har vi börjat fokusera på det som företag har störst behov av (design av portaler, E-butiker och applikationer för internet). 

De verktyg som behövs för att skapa originella och personliga lösningar för er är dock kvar! Titta runt och kontakta mig när du vet vad ni behöver! 

MVH/ Daniel Bergström





3D online: Historiken

I början var 3D:


Historik:1998 jobbade jag som Teletekniker i Stockholm och hade en kollega som var programmerare. Vi pratade om webbdesign då jag ville bygga en nyskapande sida, och Flash var på allas läppar som det hetaste sedan rostat bröd.


-Hur vill du att din hemsida ska fungera då, frågade han.

-Jo, man ska kunna gå in i den som i en värld, och saker i världen skall leda till information. Och kanske skulle man kunna se andra besökare. Går det att fixa?
Jag tror han skrattade i en timme. Men jag hade upptäckt något som han inte hittat: VRML, Virtual Reality Modelling Language.
Jag lärde mig HTML mest för att skapa den struktur som behövdes för mina 3D-projekt och började skapa världar med Cosmoplayer och Blaxxun.
1999 dök 3D-strukturen för interaktivitet upp i form av Cybertown, och den första 'Virtual World'-portalen föddes där jag och 250.000 andra användare signade upp. Inom kort var jag med och skapade världar för Blaxxun (det företag som låg bakom Cybertown).
En sak jag lärde mig redan då var skillnaden mellan säljare och designers. De förstnämnda behöver en definierad ram för att sälja sin produkt medan de senare söker frihet för att fritt få utveckla och testa gränserna. Cybertown blev en produkt för att locka chattare, och alla de som ville skapa 3D knuffades till andra fållor.
Jag gick vidare som freelancer ett tag och skapade bl.a. en Virtuell chattbar som kördes via en bakdörr till Blaxxuns chattscript i 3D då jag såg att denna 'barnförbjudna' design lockade betydligt fler användare. Jag såg också att det inte fanns pengar i detta, men fortsatte att bygga världar på kvällarna bara för nöjet.
NeoZen:
neozenneozen2zenswede
Och i slutändan försvann även VRML ner i den kyrkogård av programspråk som funnits. Redan när X3D - det nya formatet för att nestla bl.a. XML med 3D - utvecklades förstod jag att de sparkade på en död häst. Av någon anledning vill inte användare hantera information i 3D utan kör vidare med 2D i form av sidor, bloggar och foton. Det är ju synd för oss som älskar att jobba fritt med just 3D och inte är i spelbranchen. VRML är ett lätt och funktionellt språk (på samma sätt som HTML) och har stöd för Java-script (ECMA), länkar, samt anrop till bl.a IE via DOM. Att det försvann var helt enkelt för att det inte finns en definierbar marknad för denna gråzon mellan informatik och spelbranchen.
backstreet barstreet abovestreet view
Vill du själv prova detta språk har du tur! Jag skapade en sida med program (obsoleteware) som du kan ladda ner gratis. ( se nedan ). /Daniel
http://www.bergstromsservice.se/3D/index.html Gratis program från Bergströms Service!
http://rvirtual.free.fr/programmation/VRML/tuto_eng/ En utförlig portal om språket.
http://www.cybertown.com Cybertown, en av de första Virtuella världarna.
http://www.bergstromsservice.se/workbook/vrml_screens.html NeoZen, ett av de projekt jag skapade då chattservern fortfarande fanns online.
http://www.bergstromsservice.se/workbook/3D/3d_online_intro.html En artikel jag skrev för alla de som vill bygga vidare i 3D utan kostnad.

3D Online: En gata

3D Online: En virtuell bakgata.

2007 var Google SketchUp ett rätt nytt program, och jag skapade en del modeller till deras community ( se http://sketchup.google.com/3dwarehouse/search?uq=10974883174538785602 ). SketchUp har en exportfunktion till vrml (Virtual Reality Modelling Language) var jag ut på gatorna och fotade texturer, byggde en modell med dessa, exporterade till webben och skrev en utförlig artikel för en försvinnande liten 3D-community. Orkar du kan du ladda ner en 3D-plugin ( http://www.bergstromsservice.se/3D/blaxxun.exe ) för IE och gå runt på gatan, läsa artikeln HÄR och ladda ner programmen HÄR (de mesta är ObsoleteWare och har dåligt funktionsstöd). Alternativet är naturligtvis att titta på filmdumpen jag gjorde nedan. MVH/D

CMS: Concrete5 (C5) Rockar!

Bygg med Concrete5:


Concrete 5 är en het plattform! Som de säger själva, en plattform byggd för marknadsförare av nördar. Just att den är ny (2011) på marknaden och skriven i ren MySQL-Php (Ajax) gör att det känns som ett säkert, skalbart system. Jag är också övertygad om att den snart kommer att stödja HTML5 och därmed lämna de äldre plattformarna efter sig i vägdammet.
Jag kan säga att plattformen är lättare att använda än t.ex. Joomla. Just detta att Concrete 5 antingen kan köras som en ren webbtjänst i molnet eller laddas ner till en egen server utan en massa handkodande är ytterst tacksamt. Dessutom har den en funktionalitet som jag saknat hos övriga plattformar: Du kan direkt via WYSIWYG (fronten) förändra layout och attribut som sedan sparas direkt till SQL! Vanligtvis brukar jag designa i två fönster - ett MySQL för serversidan och ett för PhP/Html och spara dessa separat för att sedan kolla förändringarna med refresh, om och om igen. Detta slipper jag nu, och jag vet att kompatibiliteten stöds av IE, Firefox och Opera utan att behöva prova dessa separat. Och denna skalbarhet gör också att jag kan hålla ner kostnaden gentemot slutkunden då det sparar avsevärt med tid. I slutet av 2010 skapade jag hela bergstromsservice.se med C5, men då jag hyr plats på en server med dåligt stöd för PHP laggade det ordentligt och jag handkodade om till HTML5. Läs mer:
MVH/D