Uppdatering

Har den senaste tiden suttit och kodad så därför har det inte blivit så mycket skrivet eftersom det går ganska långsamt framåt men det går framåt i alla fall. Jag har gjort klart headern så den är som den ska. (bara ett litet problem som ska lösas men det är inget större. Elevservice sidan är också i princip klar det är bara ett problem som Johan ska kolla på åt mig sen är den helt färdig. Det har tagit mycket längre tid än jag trodde att göra t.ex. headern men nu när jag börjar komma in i det tror jag det kommer gå bättre framöver. Jag har trots allt suttit väldigt många timmar med att kåda nu på sista tiden. Jag jobbar just nu med footern vilket inte borde vara allt för svårt så den är jag nog klar med om någon dag eller så om jag jobbar vidare dvs.

//Danneboii

Daniels header

Jag hade ju fått till headern förra veckan men nu började jobbet med att få den responsiv vilket är något jag aldrig gjort förut. Fick halvt börja om från början men är nu på väg mot en klar header. Jaa har lärt mig en hel del nytt medan jag hållt på i alla fall. Förhoppningsvis blir den väl klar snart!

//Danneboii

JavaScript för lärarsök

Har i stort sett byggt färdigt sökfunktionen bland lärarna. Självklart har jag byggt det i enighet med MVC (model-view-controller) och SRP (single responsibility principle). Ramverket är kompilerat med hjälp av Grunt och nu återstår bara lite tweaks. Cheers!

header

Jag har nu fått till headern till hemsidan så gott jag kan i alla fall. Den är inte så responsiv just nu men det kanske Johan kan hjälpa till med nästa gång vi sätter oss för att jobba.

Så där ser det ut just nu i webbläsare på dator.

//Danneboii

Uppdatering

Som Johan har skrivit så har vi börjat med kodningen. Så det är det vi hållt på med de senaste veckorna. Jag håller på med headern samt försöker komma in i det systemet Johan rekomenderade att vi skulle använda. Det är lite krångligt eftersom det är nytt för mig men tror jag börjar få lite koll på det nu iaf. Förhoppningsvis blir headern klar snart så jag kan gå över till nästa grej.

//Danneboii

Ikväll har jag suttit och jobbat med startsidan. Riktigt kul att vara igång, och jag hoppas att allt fortsätter som det gjort hittills. Jag är faktiskt nästan helt klar med starten - det enda som behöver göras är lite responsiva fixar. Det ser ut nästan exakt som i photoshopfilen, bortsett från att headern (raden med logga, meny osv.) inte är klar, men det är för att Daniel ska göra den.

Har haft lite knep med Less-kompliatorn också, men det verkar ha löst sig.

Over and out!
Johan

Idag har vi snört ihop de sista detaljerna på designen. Vi har också fått en del bilder från fotografen som vi ska börja lägga in, samt skapat en filstruktur för själva webbsidan. Nu börjar det!

Idag har jag suttit typ hela dagen och pillat med sidan. Några timmar efter skolan sen några timmar hemma också. Det jag gjort är att finslipa och fixa detaljer så sidan får ett bättre sammanhang och fixat småsaker som behövts ändrats på. Även om det var småsaker så tog det väldigt lång tid att gå igenom allt och fixa till det. Eftersom jag gjort lite av varje så blir det ingen bild idag.

//Danneboii

Den här veckan har jag jobbat väldigt mycket hemma och gjort klart dessa sidor: Lärare, schema, skolmat, elevhälsa, elevkåren, biblioteket och ipad info. Speciellt lärarsidar var svår att hitta ett upplägg som blev snyggt och passade in med sid men efter mycket tänkande vart den klar ändå. Annars  har det gått bra med allt. Förhoppningsvis blir designen klar nu  veckan som kommer då vi ligger lite efter i tidsplanen, vi skulle egentligen börja lägga in informationen nu. Jag tycker dock vi har jobbat mycket och vi har inte varit lata så  vi hade kanske gjorde en lite för optimistisk tidsplan.

//Danneboii

Elevservice klart plus update

Glömde skriva att jag förra veckan gjorde klart en design för elevservice sidan. Jag tänkte att upplägget skulle vara simpelt men också lätt när man är inne på ipaden så gjorde en fyrkantig bild med en liten rubrik under för varje kategori. Det var väldigt svårt att hitta ett upplägg som var bra så det tog rätt länge innan jag blev nöjd. Vi gjorde även en liten justering på "börja på GUC" sidan. Det blev mer öppet och luftigt efter justeringen vilket gav ett fräschare intryck.

Elevservice sidan:

Börja här(uppdaterad)

Förra veckans arbete

Glömde lägga upp vad som hände förra veckan så det kommer nu istället. (Fortsatte även lite idag för att göra klart.)

 Jag började på en design till programsidan där info om alla program ska finnas. Från allra början hade vi tänkt oss ha några ikoner som skulle representera varje program (ikonerna vart klara idag vilket kan ses i inlägget från tidigare idag). Sedan ville vi ha ett lättöversiktligt upplägg så man inte ska bli förvirrad bär man letar efter vilket program man är intresserad av. Det fick därför bli en kort sammanfattning av programmet sen två knappar där du kan få mer info respektive få se elevarbeten så du vet vad som görs på det programet. Färgerna ifrån ikonerna fick också komma tillbaka i knapparna så att det blir en bra helhet på sidan.
Jag gjorde också en linje som går längs vänsterkanten för att koppla ihop det med designen på startsidan.

En väldigt kort introduktion av GUC fick vara allra längst upp på sidan samt två knappar. En för att lätt kunna kontakta skolan vilket du kanske vill om du ska börja här samt en knapp för att komma till Om GUC sidan där du får veta mer om skolan.

Här är en bild på hur allt blev. Det saknas att lägga in illustrationerna Johan jobbat med vilka ska in på det tomma utrymmet åt höger om programinformationen.

// Danneboii

Programspecifika färger och linjeteckningar

Nu har vi i ett par-tre timar jobbat med att ta fram en färg, en ikon och en liten teckning till varje program på guc. Daniel har gjort ikonerna och valt färger, medan jag har gjort linjeritningarna.

Tekniken jag använt är linjeverktyget i illustrator. Med det har jag gjort teckningarna med foton som förlagor.

Såhär ser de ut:
Serieteckning:

Foto:

Design:

Digitalt skapande:

Radio-TV:

Ikoner för programmen

Idag satt jag och Johan några timmar och arbetade med våran fina sida. Jag gjorde klart några ikoner som vi ska använda till de olika programmen som man kan söka till här på GUC. Jag gjorde dem i illustrator så att de går att skala och använda i andra storlekar vid senare tillfällen om det skulle behövas.
 Jag försökte få dom att så mycket som möjligt representera de olika linjerna men samtidigt att de skulle vara simpla och lättförståeliga.


Här är en bild på hur de blev.
Design: 
 Digitalt skapande:
 Foto:
 Radio-TV:
 Serieteckning:
 Speldesign:


// Danneboii

Footer klar

Idag har jag suttit nån timme och gjort en footer till sidan.
Jag tänkte att den skulle passa ihop med resten av designen så det var det jag utgick ifrån.
Från början var de blåa punkterna och de grå strecken orange eftersom vi har andra orange detaljer på sidan. Det vart dock för mycket så jag valde att använda en lugnare blå som jag och Johan tyckte blev snyggare och framför allt lugnare.

Peace out // Danneboii

Dagens arbete

Idag har vi satt igång med designen av startsidan. Som vi pratat om innan använder vi oss av flat design.

Vi har också valt att göra guc's logga orange istället för blå, då det ger ett fräschare intryck ihop med mycket vitt, annars känns det som något landstinget publicerar.

Så här ser det ut hittills:

//Johan och Daniel

Tidsplan

Nu har vi också gjort klart tidsplanen. Våra milstolpar ser ut så här:

• Designen klar 14 oktober.
• Allt innehåll tillagt i wordpress 23 oktober.
• Backend är klart 15 november.
• Frontend klart 20 december.

Efter det kommer vi köra tester och se vad som ska bli bättre o.s.v. tills vi är nöjda. Sen publicerar vi sidan, och efter det är det rapportskriviningen som gäller.

Struktur av sidan klar

Vi har lite hål just nu, så vi passar på att jobba lite. Vi har fått fram en struktur på sidan som känns ganska lättöverblickad och bra.

För att få lite koll på all info som finns redan gjorde vi så att vi skrev ut alla sidor och la dem i egna högar. Det blev enkelt att sålla, se vad som hörde ihop och lätt att flytta omkring olika sidor. Så här ser det ut nu:

Fyra huvudrubriker;

• Start
• Börja här
• Elevservice
• Information

Start

• Snabblänkar, schema, skolmat, lärare & dexter, (first class?)
• Slider
• Up-to-date-info, av Tony?
• ”Välkommen till GUC”

Börja här

- Introduktion med länkar

• Alla utbildningar som onepage, sammanfattning, mer info-knapp (target modal, med länkar t. dokument, ansökningskoder, arbetsprover m.m.) & elevarbeten-knapp (target modal)
• Studiebesök
• Kontakta oss (till Kontakt)

Elevservice

• Elevhälsa
• Kuriosa
• Lärare
• Urkund
• iPad-prylar
• Elevkår
• Schema
• Mat
• Bibliotek
• it-stöd

Praktisk info

• Dokument och blanketter
• Iniack. & buss
• iPad
• Samarbeta med GUC
• Vad elever har gjort
• Om skolan
• Om skolan
• Kontakt & pressinfo
• English
• Historik
• Hållbar utverckling
• UF

Nu ska vi prata med Gunnel och kolla om hon vill lägga till något. Sen börjar vi med designen!

Tja, tja bloggen

Idag började arbetet med att strukturera upp sidan och var vi skulle klämma in all information någon stans. Jag och Johan började tänka och fundera över hur vi bäst skulle strukturera upp hemsidan eftersom bra struktur är väldigt viktigt för en lättnavigerad hemsida. Det gick väldigt bra och jag tycker att vi kom en bra bit på vägen. Vi satt ca 2h med arbetet idag. Nästa steg är att göra klart detta så vi kan gå vidare till nästa steg. Eftersom det idag bara var att disskutera så har arbetsfördelningen varit jämn och vi har jobbat precis lika mycket. Samarbetet gick också väldigt bra.

//Danneboii

Arbetsplan

Bakgrund
Guc's hemsida håller inte måttet för vad man förväntar sig av en medieskola, speciellt när man delar ut iPads, utan att ha anpassat hemsidan efter dem. Dessutom är den svårnavigerad. Vi vill alltså förbättra tillgängligheten.

Syfte
Underlätta det vardagliga arbetet för både elever och lärare, samt för de som överväger att söka till GUC.

Metod
Vi kommer att jobba två stycken i grupp. Våra kunskaper skiljer sig åt en del, och därför kompletterar vi varann på ett bra sätt. De mesta kunskaper har vi redan, och vi kan självklart lära varandra. Det vi inte kan söker vi själva reda på.

Vi kommer jobba enligt följande metod;
 - Behovsanalys. Bestämma vad som ska göras.
 - Kravspecifikation. Vad som ska finnas med, vilka funktionaliteter som ska inkluderas et.c.
 - Milstolpar och fasindelning. Lägga upp en tidsplan, i vilken ordning saker ska göras och delmål.
 - Extern design. Hur ska sidan se ut? Vad ska finnas vart? Et.c.
 - Intern design. Hur ska vi implementera (utföra) den externa designen?
 - Programmering. Utförande av designer.
 - Test, ev. åtgärder, omtest o.s.v.
 - Utvärdering

Material
Dator, kamera, mjukvara (t.ex. PHPStorm, Photoshop m.m.)

Målgrupp
Nuvarande elever och lärare, gymnasiesökande och föräldrar.

Budskap
De som besöker GUC's hemsida ska uppfatta GUC som en modern och framåtsträvande medieskola. Det kommer stärka GUCs ansikte utåt.

Medium
Publicera hemsidan genom att övertala Jeppe.

Tidsplan
Gör vi när behovsanalys och kravspec. är satt. Planen är att bli klara med det under den här veckan.

Dokumentation
Sker främst på bloggen.
Vi kommer också spara våra filer i ett versionshanteringssystem som kallas Git.