EPLE - Stefan Ekdahl
HEM
PROFIL
PORTFOLIO
LABBAR
Del 1
1a 1b 1c 1d 1e 1f
Del 2
2a 2b 2c 2d 2e 2f
Del 3
3a 3b 3c 3d 3e 3f
Del 4
4a 4b 4c 4d 4e 4f 4g
4h
Spelet
Cardmem

KONTAKT

DEL 1

Uppgift 1a

Jag kan inte säga att mitt navigationssystem är av någon högre klass, utan en väldigt simpel sort bestående av textlänkar, varav gör det väldigt lätt både för mig, som vid behov kan lägga till nya länkar i menyn utan att behöva göra en grafisk knapp, samt för dig som användare, som lätt kan navigera mellan de lättlästa länkarna som inte har någon grafisk utsmyckning, vilket kan göra det svårare för dig att se vad som står.
Något jag skulle vilja implementera senare är att istället när man trycker på en länk så ska sidan inte laddas om pånytt, vilket den gör för tillfället, utan bara ladda den innehållande texten för den aktiva länken i denna vita textarea. Anledningen till att jag inte använder det just nu, är för att 'object', som används för att skapa denna funktion, fungerar "ovanligt" nog inte i Internet Explorer.

Upplägget på en sida för mig borde vara väldigt stilrent och ha kontraster som inte får dina ögon att vända sig ut och in, vare sig om du sitter själv i mörkret eller i en ljus miljö. Desginmässigt så borde man inte heller överdriva med allt för mycket av effekter som kan göra det svårt för användaren att navigera på hemsidan.

Validering hittar du i footern på hemsidan.

Uppgift 1b

Huvudtanken bakom min hemsida var redan från början att göra den så simpel och användarvänlig som möjligt. Med ett par justeringar lite här och var så tror jag att jag kan åstadkomma just det.
Som synes så har jag använt mig av ett tema, där jag har tagit och använt färger som förekommer på äpplen, och resultatet blev väldigt behagliga färger som känns sköna att titta på och inte alltför irriterande för ögonen, dock kan bakgrunden verka lite för skarp vid vissa tillfällen, men bortsätt från det så finns det inget som sticker ut för mycket och det känns som att hela sidan flyter ihop bra med sköna kontraster.
För menyn och textarean har jag inte valt något specifik färg för att matcha temat, utan istället tagit en vit färg för att man lätt ska kunna läsa texterna. Och med den svarta färgen på teckensnittet så kan man med lätthet göra detta.
Angående fonterna så finns det ingen jätte stor tanke bakom det hela, utan jag tog det som jag ansåg passade till sidan och var läsbart utan större ansträngning. Jag har testat olika fonter för att se vilka som passar min sida bäst. Dock om de fonter jag valt inte finns på besökarens dator, så får de ett serif-teckensnitt, som enligt mig inte passar till hemsidan, men så får det bli.

Enligt mig så ska fonten ha en 'ren' stil, med inte allt för mycket av krussiduller och liknande.
Fonten ska heller inte vara för liten.. Givetvis. Inte heller ska den ha en sådan färg som får den att vara praktiskt taget osynlig mot bakgrunden.

Validering hittar du i footern på hemsidan.

Uppgift 1c

Bilder finns lite varstans på hemsidan, medans en tabell och lista kan ses nedan.

ÄppelTabell
Sommar Vinter
Träd 684 12
Mark 149 425

Uppgift 1

Jag har valt att använda mig att det förslagsvisa FTP-verktyget, WinSCP, och till denna stund så har det fungerat bra. Hemma använder jag dock ett helt annat program som heter FlashFXP, som inte är gratis, men kommer med ett väldigt pålitligt program som fungerar galant. Jag har också använt Mozillas FTP-klient, Filezilla, och lekt lite med deras 'Filezilla Server'.

Uppgift 1e



SVG-filen

Uppgift 1f



SVG-filen

DEL 2

Uppgift 2a

Uppgift 2b


PDF-filen

Uppgift 2c

Uppgift 2d

Uppgift 2e

Inte klar.

Uppgift 2f

Inte klar.

DEL 3

Uppgift 3a

Länk till appleten

Uppgift 3b

1

Min bild som jag har valt att scanna in och editera är ett vykort jag hittade på min vägg. Jag tyckte det var ett bra motiv med tillräckligt många detaljer.
Länk till bilden

2

För att öka eller minska färgbalansen i bilden, så skapade jag ett Color Balance adjustment layer över bilden, där jag sedan kan ändra tonerna i bilden utan att förstöra originalbilden. Om jag skulle vilja gå tillbaka till min föregående bild, så behöver jag endast gömma det övre lagret, och på så sätt slippa ladda om originalbilden på nytt. Eftersom bilden var något mörk, så blev det lite bättre med den starkare grön färgen.
Länk till bilden

3

Här gjorde jag ungefär samma process som för den föregående bilden, endast att jag använder mig av något som heter Brightness/Contrast adjustment layer, som är i princip samma sak som Color Balance, fast man ändrar ljusstyrkan och kontrasten istället. Och som tidigare så blir detta som ett nytt lager, vilket gör att originalbilden förblir intakt.
Länk till bilden

4

Här har jag valt en liten del av bilden och sedan kopierat in den delen i ett nytt psd-dokument, och eftersom nya dokument tar samma mått som de jag har kopierat, så slapp jag sitta och trilskas med storleken. När jag väl klistrat in den kopierade delen av den större bilden, så roterade jag bilden 180grader och fick mitt slutresultat efter jag förstorat den med 200%.
Länk till bilden

5

De effekter jag har valt att använda på bilden(4) är sådana som fått bilden att se ut som en inzoomad bitmap bild, där pixlarna har förstorats. Filter användna är först ett noise filter, endast för att öka trovärdigheten i bilden, och sedan på det så har jag lagt ett Pixelate > mosaic filer, som får bilden att se pixlig ut. Jag har även minskat lite på kontrasten i bilden för att göra den mer matt. Sen avslutningsvis så tog jag en smart sharpen, som inte gjorde så stor nytta, men bara för att avsluta uppgiften.
Länk till bilden

Uppgift 3c

Uppgift 3d

Länk till appleten

Uppgift 3e

Har sammarbetat med Emil Lindberg under denna uppgift.

Uppgift 3f

Har sammarbetat med Emil Lindberg under denna uppgift.

DEL 4

Uppgift 4a

Jag gjorde ett försök i att göra denna uppgift, men lyckades inte lista ut hur man gör för att göra en båga på texten i programmet iGrafx Business3D.

Uppgift 4b

Uppgift 4c

Uppgift 4d - Alternativa Uppgiften

Länk till filmen

Uppgift 4e

Denna uppgift går tydligen inte att visa. Den fungerar i Command Promt och Appletviewer, så jag vet inte riktigt vad som är fel. En teori är att det är fel version av Java3D. Filen är komplierad på skolans datorer.

Uppgift 4f

Denna uppgift går tydligen inte att visa. Den fungerar i Command Promt och Appletviewer, så jag vet inte riktigt vad som är fel. En teori är att det är fel version av Java3D. Filen är komplierad på skolans datorer.

Uppgift 4g

Inte klar.

Uppgift 4h

Länk till filmen

Spelet

Cardmem'

Länk till appleten
Länk till Javadoc

--