Building a web based Portfolio by Bjørn Christiansen

Building a web based Portfolio by Bjørn Christiansen

Building a web based Portfolio by Bjørn Christiansen

A good friend of mine, Sondre Nymoen, recommended me to create an online portfolio in addition to the book edition I go around applying for jobs. Good tips, I thought, and put the brain into a extensive thinking process. It has been a while since I have actively worked to develop a website, so it took some time just searching around for information about how different things could be done and for keeping me updated on the code within the HTML, CSS, JavaScript and PHP. Not only were I to develop a framework for how the page should behave in form of functionality, it also had to look good and provide a good user experience to captivate a possible visitor. There are a lot of consideration I have had to deal with me when I designed websites before. For example, I worked on a project called the International Conference of Ethiopian Studies 2007 at NTNU, where one of the demands was that the page should be adapted to Ethiopia standards in form of download speeds. In 2006 – 2007 were Ethiopia, today, a developing country where broadband was not very well developed. The bottom line was that each page in the site had to be no greater than 20KB per page, which meant much text and few images for optimizing speeds. Another demand was the screen resolution for the target group this project applied. The requirements from the client was to keep me in 800×600 pixels, which in reality meant a maximum around 768 pixels in width. The user experience of the side was also important, it had to be recognizable in relation to navigation and update of the webmasters.

Requirements for the site then, as now I had in mind when I set to develop the new portfolios my Sunday and Monday. I aimed to make each page as small in kilobyte size as possible, but taking into consideration that there is a photo portfolio, so I had to ease the some of the requirements in that to see the pictures on the Internet in the respective size and with the respective resolution must reflect the image files will also be quite large in file size. Reason being is that my target group this time aren’t scientists with regard to Ethiopia, which initially has an interest in my portfolio, but feel free to clients and other photographers with much faster internet access than a dial-up modem.

I’ve also realized that the world has gone a step further in terms of screen resolutions. Since I first posted the google analytics to the statistics on this wordpress blog, only 0.18% run a resolution equivalent to 800×600, a resolution that ends up on a 28th place in my stats. In 14th place resolution is 768×1024 with 0.78% and a 10th place is 320×480 with 1.88% who does not even account for more than 3% of all visits to online my page. For those who do not understand any of these numbers as the first number indicates the width of the resolution of the screen visitors. I have the feeling that the tens place is due to multiple use mobile phones when they are surfing. To create something that as many visitors as possible will be able to watch you should stay within these limits so that the visitor don’t need to scroll both horizontally and vertically to see the content. But for me to get with me the last 3% of users, I took some simple design measures that I have seen a number of web-based portfolio do, converting from vertical to horizontal scrolling. Maybe it’s a more comfortable way to see pictures of in relation to that in western countries read from left to right and can take the contents horizontally.
Some technical challenges were there in order for me to convert to this way designing a platform. I had to take into account that people still wanted to use the scroll wheel to navigate along the side and possibly having to move the mouse very far each time you would get to the last picture in the gallery. I found some JavaScript that worked relatively smoothly. Most are based on jQuery, frameworks I’m not very familiar with, but have an understanding that is very prevalent within the web nowadays. I would also add a little security that people realized that it was horizontal content and did some graphic grip and let the horizontal arrows in every direction. These arrows could pushed and the content, in this case the gallery, would jumped in the direction of the arrow shown.

For the visitor would be having to scroll all the way back to start to navigate to the next category, I let the menu be fixed on the screen while scrolled across. This function is started acting very badly when I tested it on my android phone this morning, but on the other hand I can not account for everything. The menu has a value of opacity: 0.8; which means that it has a transparency of 20%. This I have done only as a design grip and separate me from the rest of the portfolio with horizontal scrolling.

In addition to having created categories of images I have photographed, I have also created a separate category with videos and animations I have made.

Basically, I have tried to keep to the requirements and specifications I have always designed websites with, kept things clean, fast and easy with an option for most visitors to see the page as it originally intended to be seen. I have also tried to keep me within the W3 standard for HTML 4.01 Transitional Loose. Since I wanted the menu transparent, I have had sacrifices an error, the one line of code, opacity, CSS-stylesheet. I hope that the design is so intuitive that I do not have to go into detail what I have done. But there are some questions, feedback or the like, do not hesitate to contact me.

If you didn’t find the portfolio, click here: www.bj0rn.net

Foto: Bjørn Christiansen, Sommeren som gikk (2010). Vi fikk plutselig uventet besøk under en volleyballkamp i sommer. Her med Stine Aspen Owesen og Lise Kristine Kvernmo i front.

Foto: Bjørn Christiansen, Sommeren som gikk (2010). Sondre Nymoen tar seg veldig godt ut på bilder. Her poserer han med en 40-talls-propagandaplakat-stil. Spill volleyball og spis sushi

I mine øyne er vi, i skrivende stund, kommet godt inn i høst-sesongen med kalde og mørke kvelder og fønvind pÃ¥ formiddagene. Sommeren 2010 gikk sÃ¥ alt for fort med mye regn i starten og smÃ¥-surt trøndervær ogsÃ¥ mot slutten. Det er vel egentlig sÃ¥nn det alltid er her i midtnorge, vi bare glemmer det fra Ã¥r til Ã¥r. Denne sommeren har for det meste gÃ¥tt med til avslapping pÃ¥ Solsiden i Trondheim, nærmere bestemt Bær&Bar hvor hovedingrediensene har vært gode, gamle venner, en hÃ¥ndfull nye venner, brettspill og kaffe. NÃ¥r været tillot det har turene ogsÃ¥ gÃ¥tt til Lade med mÃ¥l om Ã¥ fylle samtlige kroppsÃ¥pninger med sand pÃ¥ volleyballbanen. Ikke bare rolig har det vært da, et par fuktige kvelder pÃ¥ byen kan ogsÃ¥ legges inn i “ting jeg gjorde”-lista, samt en god del fashion- og bryllupsfotograferinger. Av brettspill gikk det for det meste i Alias og Settlers, førstnevnte et ordgjettingsspill hvor to og to jobbet pÃ¥ lag om Ã¥ gjette ord som lagkameraten plukket ut fra en bunke kort, uten Ã¥ hverken mine ordet eller si deler eller hele ordet. Settlers er et firemanns strategispill hvor det er meningen Ã¥ overta ei fiktiv øy med byer og veier ved hjelp av forskjellige ressurser som korn, sauer, malm, skog og leire. Utfallet av de forskjellige spillene var av ymse karakter, men jeg enser sÃ¥ vidt at jeg sammenlagt lÃ¥ i teten pÃ¥ Alias sammen med Sondre Nymoen og Sascha Njaa. Denne sommeren ble det skuffende lite med bading og grilling, men jeg skal nok greie Ã¥ fÃ¥ tatt det igjen til neste sommer.
Jeg er godt i gang med mitt andre år på Norsk Fotofagskole og trives etter forholdene veldig godt i de nye lokalene, selv om minnene fra sommeren får meg til å lengte til varmere og mer behagelig vær og impulsdager hvor ingenting er planlagt. Dagene går med til mye foto, både opptak og etterbehandling, og trening. Førstkommende lørdag skal jeg gå kamp for første gang på to år i kickboksing på Feliz Kickboksing Klubb. Det er ikke bare kickboksing det går i, men også vanlig styrke- og intervalltrening på 3T-Solsiden, et relativt nytt treningssenter på Solsiden.

I posten følger det et lite knippe bilder fra sommeren av ymse kvalitet. For de som har kjent meg ei stund og ble kjent med meg i sommer håper jeg ble vant til at kameraet alltid var med og at lukkeren hadde en raskere skuddtakt enn MG3. Har man muligheten, så tar man gjerne flere bilder enn for få, og alltid ta med kameraet. Takk for en kjempefin sommer!

Foto: Bjørn Christiansen, Sommeren som gikk (2010)

foto: Bjørn Christiansen, modeller: Kristian Vintervoll og Roy Lyngstad

foto: Bjørn Christiansen, modell: Sondre Nymoen

Gikk igjennom mappen min fra fotofagskolen og fant noen bilder fra tidligere fotograferinger i høst. Enjoy!

Inspirasjon

Da var oppgave nummer to i Dramaturgi og iscenesettelse på skolen levert og vurdert. Det har vært ei lang uke med mye hodevridning og filmtitting. Av filmer jeg har sett for å få inspirasjon til oppgaven min er Lars Von Trier sin Antikrist (2009) med veldig detaljerte vold og sex-scener. En film med en kald og dyster tone, og en helt fantastisk fint skildret introduksjon. Den andre filmen jeg har tatt inspirasjon fra er den norske filmen Naboer (2005) av Pål Sletaune hvor Kristoffer Joner spiller en psykisk ustabil karakter i sin selvkonstruerte lille verden. Filmen er fotografert tett og kaotisk med dystre, mørke og desaturerte toner. Den siste plassen jeg har funnet inspirasjon fra er den amerikanske serien om seriemorderen Dexter Morgan spilt av Michael C. Hall. Karakteren i novellen jeg skulle illustrere følte jeg hadde mange likhetstrekk med John Lithgow karakter Arthur Mitchell, som er en eldre herremann i kjernefamilie-miljø, med en mørkere bakside. Dog har ikke sesong fire kommet så langt i visningene på TV.

For de av dere som har lyst til å lese novellen jeg har illustrert: side 1, side 2 og 3. Forfatteren av novellen er dessverre ikke opplyst, men om det er noen som føler seg tråkket på i forhold til åndsverksloven, ta gjerne kontakt med meg.

Oppbygging av bildene og teknikk

Siden jeg synes hele novellen var litt vag og hadde så mye mellom linjene man måtte tenke seg til, ville jeg også gjenskape dette i bildene mine. Derfor har jeg valgt å fotografere alle bildene med en 50mm f/1.4D på minimum blenderåpning på f/2.0. ISO har jeg også valgt å skru opp til minimum ISO500 for å få tekstur i serien.

Bilde 1:

foto: Bjørn Christiansen, modell: Sondre Nymoen

Her sitter modellen i et lite belyst rom, ser på bilder, muligens gruppebilder, av tidligere kollegaer ved fakultetet han kanskje har drept. Man kan også skimte ei flaske og et glass for å illustrere drikkingen. Jeg tolket novellen slik at han hadde en egen konstruert virkelighet hvor han pratet med noen, men i virkeligheten bare snakket med seg selv. Kanskje litt Gollum fra Ringenes Herre.

Bilde 2:

foto: Bjørn Christiansen, modell: Eline Bjerkan og Sondre Nymoen

For å illustrere at han faktisk er en morder har jeg valgt å fotografere et mord, kanskje et tidligere mord han tenker tilbake på.

Bilde 3:

foto: Bjørn Christiansen

Inntrykket jeg får fra filmer og serier om seriemordere er at de er veldig organisert og lever i sin egen lille kaotiske verden. På tross av det litt utklare og kaotiske rommet morderen jeg skildrer har han god oversikt over mordredskapene sine. De ligger klart fremme til det mordet som kommer snart skal skje.

Bilde 4:

foto: Bjørn Christiansen, modell: David Nikolaisen

Dette er det siste bildet i serien min og illustrerer det siste offeret til denne seriemorderen. Bildet illustrerer også her, som gjennomgående i bildene mine, anonymitet, uklarhet og mørke.

Som en liten sublim melding i hele serien valgte jeg å legge på et annet bilde tatt i sammenheng med oppgaven, et mord utført av seriemorderen hvor offeret blir kvalt med plastfolie. Uttrykket til begge modellene er sterkt. Jeg føler selv jeg får en kvelningsfølelse og et gufs av redsel. Bildet finner du i denne posten: Dramaturgi og iscenesettelse – I.
Selv synes jeg ikke jeg havnet så veldig langt unna planen min fra forrige uke, Stemning for neste oppgave.

Jeg vil gjerne takke Eline Bjerkan, Sondre Nymoen og David Nikolaisen som stilte som modeller for meg på litt for kort varsel, bokbutikken på Svartlamoen for lån av location og Helgemo Rørteknikk for utlån av bolter.

Andre i klassen sine besvarelser:
Anne Katrine Harkestad
Åsta Skjervøy
Bjørn Tore Økland
David Nikolaisen
Elisabeth Richardsen Grønøien
Ingunn Molden Grøntvedt
Jarand Boge
Martine Elvira Heitmann Størseth
Martine Lein Skrove
Mats Kalland
Tuva Kleven

foto: Bjørn Christiansen, modell: Eline Bjerkan

foto: Bjørn Christiansen, modell: Eline Bjerkan

I kveld hadde jeg første opptak til novelleillustrasjonen min. Sondre Nymoen og Eline Bjerkan var så snille å stille opp for meg og mine småsprø idéer. Kudos til begge to som holdte ut kulda (tre blå grader) og fremdeles presterte som de gjorde.

Etter opptaket fikk jeg ogsÃ¥ Eline til Ã¥ stÃ¥ litt foran kameraet mitt med englevinger. Bildene er inspirert av Lene Marlins guilty pleasure-lÃ¥t, eller mer musikkvideo, fra 1998, “Unforgivable Sinner”.