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:

Mer information

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.

http://www.bergstromsservice.se/workbook/3D/3d_online_intro.html

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:

http://www.bergstromsservice.se/concrete/

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:

http://www.concrete5.org/

MVH/D

CMS: WordPress för massan!

Sidor med WordPress:

http://bergstromsservice.wordpress.com/ Bergströms Service WordPress-portal

WordPress är en i mängden av kraftfulla lösningar för webbsidor. Då WordPress stöds av ett enormt community, har en suverän support och en WYSIWYG som gör det lätt att skapa funktioner är detta en plattform som lätt kan göra mig arbetslös!

Dock är det ibland lite lurigt att modifiera Layouten, och där kommer kunskaper i PhP och applikationsutveckling in från kylan. Många IT-företag som kontaktar mig frågar andlöst om jag kan hantera WordPress, en fråga som jag inte riktigt vet hur jag skall svara på. WordPress i sig är ju i mångt och mycket en plattform som även en nybörjare på surfande kan hantera med ena handen bakbunden. Men om de menar att jag bör kunna utveckla applikationer - ja, då är frågan mer berättigad. Som så mycket annat just nu bygger WordPress på Ajax, den smidiga lösningen som utnyttjar XMLhttpRequest via Php för att smidigt diskutera med SQL-databasen, och att knopa i den kodningen är inte alltid det lättaste. Dock så är just Php en väldigt öppen kod ( vilket inte alltid kan sägas om t.ex. alla *.NET-lösningar ), och att kommunicera med databasen för att skapa widgets, applets och gadgets är en kul utmaning. Att de så friskt infogar RSS visar också på var WordPress hör hemma: i informationssystem.
Kunder som kontinuerligt behöver lägga fram information rekommenderar jag varmt att använda WordPress just för detta. Kontakta mig för design och layout! /D

CMS: Joomla.

Joomla:

Ovan: En av de sidor jag skapat med Joomla i Molnet

Joomla är ett kraftfullt publiceringsverktyg som används av nästan 3% av alla sidor på webben 2011. Detta är oerhört mycket om man betänker att konkurrensen är enorm. När jag började med HTML 1998 var det enda verktyg man behövde anteckningsblocket (notepad), men kraven på social interaktion även på enklare hemsidor har skapad just plattformar som Joomla. Att Joomla är en s.k. community-platform - ett system som skapas av en mängd kunniga människor från olika områden - utan krav på dyra licenser, har skapat en enorm popularitet.

Trender avlöser varandra även på internet, vilket betyder att Joomla är en plattform som i framtiden kommer att avlösas mot något annat. Men i skrivandets stund är detta en plattform som går het, och jag har tillbringat många timmar under huven för att se vilka css-filer som går till vilka snippets i maskineriet.

Något som kommer att förändra dessa plattformar - igen - är just nu HTML5. The buzz is on som man säger, för HTML5 kommer att ta bort behovet av många tunga korsrefereringar mellan Server-objekt-klient som körs i dag.

CMS: WosBee E-butikslösning

E-butiker med WosBee:

Att skapa E-butiker från scratch kan vara en huvudvärk. Och huvudvärk får man också när man söker igenom webben efter bra och billiga lösningar. Och om man som jag vill ha en säker server med internationell support är det inte någon succé att trycka ner någon PhP-lösning på hemmaservern. Nej, e-butiker är en vetenskap i sig själva.

Jag gav mig ut på jakt efter en färdig plattform (2008) som med låg kostnad och en uppsjö av funktioner kunde producera en kraftfull e-handelslösning, och efter att ha provat några fastnade jag för Smilehouse lösning:WosBee.

Denna plattform är inte den mest användarvänliga för då den innehåller en myriad möjligheter. Lagerstatus, currency exchange, bonus systems, payment options, e-mail processes o.s.v. Men detta är något som e-butiksägaren inte behöver oroa sig för när jag bygger upp butiken. Vad kunden får är en butik som kan hantera upp till 10.000 produkter i sin budgetform. Dessutom stöder den kreditkortsbetalningar, PayPal (naturligtvis) och även säkra bankbetalningar för alla större banker i Norden.

Maskineriet är en plattform kallad 'Workspace', en (som jag ser det) Ajax-lösning då anropsrutinerna mest körs igenom JavaScript.

Efter att ha använt denna plattform några gånger kan jag tryggt säga att det ger valuta för pengarna för växande företag. Och kunderna som köpt denna e-handelslösning av mig upplever inga problem med att lägga upp nya produkter efter en kort genomgång.

Är det dock så att ni/kunden har ett tiotal produkter de vill marknadsföra bygger jag dock en liten personlig e-butik med PayPal-funktion som hanterar Visa och EuroCard (med t.ex. PrestaShop, ZenCart eller CubeCart. Alternativet är att skaffa någon lösning som kostar månadsvis (de e-handelslösningar som marknadsförs så hårt på bl.a. Google). Valet är fritt!

http://bergstromsservice.shop.wosbee.com , Bergströms Service DemoButik

Robotik: Scraphead

Scraphead robot

2006 skapade jag en robot från en skyltdocka. Den uppträdde på en IT-mässa i Thailand ( TiiCON 2006 ) där den var kopplad till en video-dator. Jag modifierade mjukvara för "face-recognition" så att den skannade efter ansikten. Tyvärr är de enda foton jag har kvar dessa som du ser här.

http://www.bergstromsservice.se/workbook/robotics/h2.jpg

Robotik: TimeSpider

TIMESPIDER

Detta var ett projekt jag skapade en sömnlös natt med diverse småprylar som låg hemma. Timespider är en octapod med full DOS (Degrees Of Freedom) som styrs via en ensam kontroll under plattformen. För att se rörelser och mer information kan ni starta filmen. Skapad Mars 2011.

Skapa spel i AGS!

'Billy Bobs Wild Night'

Ett spel jag skapade 2002 med en retro-editor kallad AGS ('Adventure Game Studio'). En gratis-editor, om den fortfarande finns kvar.
Du är Billy-Bob, en kille som vaknar upp i en mörk gränd utan nycklarna till sin bil, och att hitta nycklarna är inte det enklaste...

Skapa spel i Scratch

Robokiller Scratch är en Allround-editor som skapar bl.a. spel. Att programmera med block är en tacksam metod för noviser, och jag skapade detta spel som en 'Isometrisk 3D-plattform' mest för att lära mig systemet. Laddar du ner Scratch kan du ladda ner detta spel i 'scratch-format' och utveckla det vidare, men vill du bara spela så kör du det i Java-format via länken nedan: Prova själv: ROBOKILLER.

Min dotters spel

Flash-spel för de små. Whosegame är en trevlig Spel-editor som skapar Flash-spel 'on the fly' 2010. Min dotter Jasmine älskar att spela, men många spel är för komplicerade. Därför fick hon bestämma hur spelet skulle se ut, och det blev ett enkelt spel för de små utan farliga monster som ställer till besvär. Prova själv: Jasmine I Skogen. Uppdatering:Den 28:e Februari 2011 stängdes Whosegame's server och därmed försvann också detta spel.

Neo-shooter Alfa

Neo-shooter alfa Detta är ett spel jag skapade 1999 med en ovanlig metod av VRML parsad via Perl för att hantera spelmotorn. Hela spelmotorn var ett hopkok av olika system och laggade tillslut så mycket att jag släppte konceptet. Till syverne och sist är jag en designer och inte programmerare. Plattformen gav jag vidare till några programmerare i Italien för ett virtuellt handslag.

torsdag 7 april 2011

Problem med PHP för www.one.com?

Problem med PHP för http://www.one.com/?

I en tidigare insändare nämnde jag att jag testade kompatibiliteten med SQL-anrop via php. Orginalartikeln skrev jag vid en tidpunkt när bergstromsservice.se var byggd helt i PHP med Concrete5 som CMS. Jag använde då Firefox, Opera och IE8 för att testa kompatibiliteten och såg inga större problem förutom att det tog en lååååång tid för sidan att ladda. C5 stöder dynamisk laddning, men även med denna funktion gick det otroligt trögt. Efter ett samtal med en kollega på Office IT-Partner nämnde jag detta, och han ansåg direkt att webbhotellet - one.com - var boven i dramat då de hade en undermånlig anropshantering för just PHP.
Då (i slutet av Februari) var jag även på ett möte hos Sogeti där de hade installerat IE9, den (då) Beta-nya webbläsaren. När vi öppnade PHP-versionen av bergstromsservice.se krashade det helt, och jag insåg att det var ett mycket allvarligt problem för ett stort antal användare!
http://www.one.com/ är en mycket stor leverantör med otroligt bra priser och ett stabilt säkerhetsskydd. Just på grund av deras storlek och i mitt tycke snabba service-support var jag mycket förvånad att de inte har skrivit något om detta på deras informationssida och bestämde mig därför för att skriva denna blänkare till alla er som upplever samma problem.

Jag är i skrivandets stund osäker på om det bara är PHP-anrop för Concrete5 som ställer till det då jag läst några forum med Joomla-användare som dunkat upp portaler på one.com med liknanade - men inte samma - problem. Själv har jag bara skapat portaler i Joomla via moln-servrar och bryr mig inte om att följa upp detta problem ytterligare. Då jag arbetade på ett koncept i HTML5 när orginalportalen krashade gick jag helt enkelt vidare och skapade den sida ni nu ser. Orginalsidan skapad i Concrete5 finns dock kvar i arkiven: http://www.bergstromsservice.se/concrete/

MVH/D

måndag 4 april 2011

3D exempel i X3D/VRML

3D exempel

Posted by admin on March 2, 2011

3D visualisering av 2G, GPRS och 3G BSS

2008 skapade jag en sida för visualisering av mobilnätets uppbyggnad i 3D. Detta system implementerar en topografisk modell jag skapade i x3d embeddat i HTML-frames. Vänster meny leder sedan till information om de olika elementen. Då detta endast var ett showcase är informationslänkarna tomma.
För att se sidan klickar du på den här länken (du behöver IE, ladda sedan ner 3D-plugin via länken i botten-menyn):
http://www.bergstromsservice.se/workbook/3D/showcase_mobile/
Men om du känner att det är för jobbigt kan du bara titta på den korta skärmdumpen jag gjorde ( i filmen nedan ). MVH/D

Att vara i valet och kvalet:

HTML5 Canvas, SVG eller WebGL?

Det exempel jag skapade ovan ( 3G i 3D och cybergatan ) är byggda med programspråk från 90-talet, men jag har till dags datum inte hittat något språk som kan rendera modeller online bättre. Naturligtvis har jag arbetat med Java i olika former och implementerat 3D-APIs. De funkar bra till dess att IE bestämmer sig för att inskränka restriktionerna ytterligare, och plötsligt blockeras java-klasser och slutanvändaren ser ingenting.
Mycket av detta kommer att förändras i och med introduktionen av HTML5. I skrivandets stund (Mars 2011) kan min IE 8.0.6 inte hantera alla noder utan hjälp från Chrome, men detta förändras snart och både Firefox samt Opera har uppenbarligen sparkat igång de första stöden.
Jag är ju naturligtvis intresserad av Canvas-funktionen och tittade på några fantastiska exempel på Chrome experiments. Men inte bara Canvas har kommit med pompa och ståt för 3D online. Även SVG (Scalable Vector Graphics ) - en form som funnits i kulisserna länge nu - verkar få stöd från alla läsare. Och sen tutas det i trumpeterna om allt som kan göras med OpenGL-stödet i HTML5.
Som 'gammal i gajmet' har jag sett detta förut - ett behov med flera lösningar - och som designer sitter man på pottkanten och funderar på vad man ska koncentrera sig på. Dock kan jag säga att det är otroligt kul med alla dessa lösningar som plötsligt dimper ner i famnen. Exemplet i filmen nedan visar vad jag pratar om: man kan ha roligt med HTML5! MVH/D

Döda språk: WML

Döda språk

WML, ett av de döda språken

Wireless Markup Language (WML), ett XML-språk som använd(e)s vid skapandet av WAP-sidor avsedda för mobiltelefoner eller enheter med långsam överföring. Sedan telefonerna blev mer kraftfulla och klarar t.ex. HTML har WML kommit i skymundan.
WML är med andra ord ytterligare ett programspråk som jag betade igenom innan det försvann till programkyrkogården. 1999 närmare bestämt, då Motorola utvecklade några applikationer för deras nya GPRS-mobiler. Det var innovativt att arbeta med 'decks' som sidorna kallades, just för att de hade samma storlek och hirearki som just en kortlek.

Nu är det ju inte så att språk försvinner, i stället förändras de till nya former för att passa den evolverande verkligheten. Wml var helt enkelt ett utvecklingsspråk för övergången mellan 2G till 3G i mobilnätet.

Linux: Easy Peasy!

Ubuntu - den mest aktiva Linuxplattformen när jag skriver detta - är ett operativsystem som har kommit i olika former under åren. 2007 köpte vi den första 'NetBook'-enheten på marknaden, en Asus Eee 701 med SSD-disk av den första generationen (fastlödd på moderkortet), och den har tuffat på bra. Dock är minnet sorgligt litet (4 GB), vilket gör det omöjligt att hålla jämna steg med Windows som växer konstant. Linux light-version EeeBuntu var därför ett vettigt alternativ när jag bestämnde mig för att byta operativsystem, och som vanligt är det vettigt att ta reda på lite historik innan man formaterar en dator med okända produkter.
På så sätt stötte jag på Easy Peasy, en EeeBuntu-evolverad plattform för just mindre enheter. Hela paketett ryms på en USB-sticka som med fördel görs till en dual-boot(er), och jag kunde lungt testa operativsystemet innan jag rensade ur hårddisken. Att sedan partionera, formatera och installera gick på mindre än tio minuter, inklusive alla drivrutiner för ljud, skärm o.s.v! I ett slag blev jag därför Linux-frälst, och min fru som nyttjar denna lilla dator mest verkar hålla med. /D

HTML5, vad är det?

HTML 5

Jag tänkte lägga upp en artikel om Flash då det är både ett språk och en applikationsform. Men internet förändras fort, och inom ett år kommer Flash - som varit en oumbärlig del för alla flashiga sidor sedan mitten av 90-talet - att vara ett annat 'dött' språk.
Adobe Flash var fram till i maj år 2008 ett slutet format, men är nu öppet för andra aktörer än Adobe. En bidragande orsak till beslutet var bl.a. vara den ökande konkurrensen från Microsoft Silverlight och möjligheterna med kommande HTML 5.
Och därför blir detta i stället en artikel om just HTML 5.
Dagens version av HTML (4.01) stadfästes 1998, och är egentligen bara en buggfix av version 4.0 från 1997. Från W3C var tanken att HTML skulle ersättas av XHTML. XHTML 1.0 innehåller dock inga utvidgningar eller ändringar av tillgängliga element och attribut, så i praktiken är syntaxen oförändrad sedan 1997. En viss utvidgning av syntaxen kom i och med elementen för ruby i XHTML 1.1 i maj 2001, men stödet för XHTML 1.1 i webbläsarna förblev obefintligt. Därefter var tanken att XHTML 2.0 skulle ersätta dagens HTML och XHTML.

Ett antal problem sågs av de webbutvecklare och webbläsartillverkare som tog initiativet till HTML5:
* XHTML 2 är inte bakåtkompatibelt med tidigare versioner. Element och attribut från dagens HTML är delvis borttagna eller har fått förändrad innebörd.
* XHTML 2 ansågs oerhört svårt att implementera i webbläsarna.
* XHTML 2.0 ansågs endast tillgodose webben som renodlade dokument. Höggradigt interaktiva och mediarika webbplatser saknas det funktionalitet för.
* HTML, snarare än XHTML, förblev de facto-standard för webbplatser. Även de sidor som har en XHTML-doctype skickas oftast som text/html och är därför i praktiken vanlig HTML. De flesta sådana sidor är dessutom inte välformade, vilket gör att de inte kan tolkas av en äkta XML- eller XHTML-tolk.[1]
* Både dagens standarder och XHTML 2 ansågs underspecificerade. Samma kod kan ge olika resultat inte bara grafiskt, utan den kan resultera i skillnader i webbläsarna dokumentsobjektmodell (DOM), vilket i sin tur påtagligt försvårar förutsättningarna för utvecklare av skript.
Målsättningarna är därför till stor del formulerade ur dessa problembeskrivningar.
* Att skapa en utvidgning av de tillgängliga element och attribut som kan användas, för att berika de semantiska möjligheterna och möjliggöra webbapplikationer.
* Att göra detta genom en inkrementell påbyggnad av dagens standarder.
* Att tillgodose två möjliga serialiseringar: HTML och XHTML. Skillnaden dessa emellan klargörs till att handla om MIME-deklaration. Möjligheten att sända XHTML som HTML bortdefinieras. Ur webbläsarens perspektiv är det HTML.
* Att leta efter och tillvarata de facto-utvidgningar av dagens standarder och vanligt förekommande designmönster.
* Att understödja "best practice" tillvägagångssätt för webbutvecklarna, samtidigt som man specificerar hur webbläsarna skall hantera uselt skriven HTML-kod. För utvecklarna skärper man kraven jämfört med HTML 4.01, medan man specificerar i detalj hur webbläsarna skall skapa sin interna DOM, även från grötig kod.
Med HTML5 introduceras ett antal nya element och attribut, som inte funnits med i tidigare standarder. Några av dessa syftar till att ge en semantisk betydelse åt ett flertal användningar av de mer generiska

- och -elementen. Exempel på sådana element är för webbsidans navigationsmenyer, och för innehåll av olika betydelse, samt (som inte ska förväxlas med ) och för webbsidans sidhuvud och sidfot. Samma sak gäller för, som nu istället ersätts av och . Vidare har man valt att stryka element som har ett rent presentationsmässigt syfte, så som och , vars effekt istället ska uppnås via CSS.
Den här portalen (bergstromsservice.se) är i skrivandets stund ett hopkok av en mängd olika webbspråk - ett lapptäcke av tekniker av HTML, css, Xhtml, Java, PhP, Iframes och frames - som speglar dess ålder. I html5 skulle (teoretiskt) hela denna portal kunna nästlas in i en stor fil, en folder för all media och en anropspunkt till SQL. Och det skulle vara flashigt utan Flash! /D

SQL QUERY via PhP och...?

I dag försökte jag hitta information om 'queries' av min SQL-data via HTML5 utan att lyckas. Bergstromsservice.se ligger på ett webbhotell med hög säkerhet (One.com), och mina koder att via extrena Php-anrop skapa nya databaser misslyckades. Dock klarar Concrete5's detta med sin CMS, ett faktum som får mig att vilja följa upp dess anropshantering...men jag är ingen programmerare och ryser vid tanken.
MySQL

En skärmdump av MySQL, en mycket vanlig administrationsplattform...
Dock kan jag enkelt skapa data via MyAdmin (det administrationsverktyg som 'by default' följer med MySQL) och sedan göra anrop till denna data externt, något som jag gjorde för att se vilken lösen och säkerhet jag har för PhP-anrop. Jag skapade a.sql i MySQL och anropade denna via ett enkelt Php-script från sidan a.php. Koden ser ut så här:
a.sql:

CREATE TABLE `a`
(  `aid` int(10) unsigned NOT NULL auto_increment,  `aname` varchar(50) NOT NULL,
`adescription` mediumtext,  `created` timestamp NULL default NULL,  `mainpic` varchar(63)
default NULL,  `style` text,  PRIMARY KEY (`aid`)) ENGINE=MyISAM DEFAULT CHARSET=latin1
AUTO_INCREMENT=11 ;

-- -- Dumping data for table `a`--
INSERT INTO `a` VALUES (1, 'rubrik', 'text', '2011-02-26 10:33:39', NULL, NULL);

Spara denna kod som en sql-fil och importera till din egen SQL.
a.php

mysql_select_db
("bergstromsservi", $db);if (!$db) { die('Could not connect: ' . mysql_error()); }
if (mysql_query("CREATE DATABASE my_db", $db)) { echo "Databas skapad"; }

else { echo "Det blev fel: " . mysql_error();
mysql_close($db);?>

Ersätt "bergstromsservice.se.mysql", "user", "password" med din egen data och FTP:a sedan upp a.php.
Detta var det mest grundläggande exemplet jag kunde skapa för att testa anropshanteringar till databaser. Resultatet ser ut så här:

Men hur fungerar det i HTML5? Jag letade runt och hittade viss information; till exempel verkar det lättaste sättet vara att köra igenom JavaScript med anropsrutiner anpassade för HTML5, men specifikationerna verkar inte vara helt klara, och W3S visade på anrop och skapande av två former av SQL-data (så här står det):
HTML5 offers two new objects for storing data on the client:

localStorage - stores data with no time limit
sessionStorage - stores data for one session

Detta blev jag inte smartare av då jag inte kan - och vill - skapa lagring av annat än statisk data. Om någon där ute har ett code-snippet av ett JavaScript för anrop av a.sql som gör samma sak jag just gjorde i PhP vore det kul att få ett exempel upplagt här. Mvh/D