Diabetic info central

https://lamp2.sdu.dk/~maxfh20/ Git: https://github.com/MaxFestersen/ds819-project I løbet af faget Data Driven Apllications på SDU skulle vi løbende udvikle en hjemmeside, som anvendte fagets metoder, samt egne integrationer. Der skulle udvikles en hjemmeside, med fokus på API og JSON. Målet var at lave en side der får alt sit indhold via API, JSON og CSV. Siden skulle anvende…

Læs videre

2. semester eksamensprojekt | TrendLog.io og rapport design modulet

Til 2. semester eksamensprojektet på OEAMM19EDA, blev rapport modulet for trendlog.io redesignet. Til opgaven skal brugergrænsefladen redesignes, og der skal skabes indhold til flere platforme. Der blev skrevet en rapport, der dokumenterer processen og resultaterne. Der blev ført logbog. Under projektet skulle der arbejdes iterativt med udgangspunkt i design thinking. Indledende informationer Gruppe Til dette…

Læs videre

App-pris-beregner – Projekt 5 MMD

Til dette projekt var det muligt at vælge mellem 3 opgaver. Alle opgaver gik ud på at designe og programmere en digital løsning, hvor der er særligt fokus på anvendelse af centrale metoder til udvikling og test af brugergrænsefladen for at sikre en god brugeroplevelse. Der er derfor særligt fokus på tests og testresultater. Indledende…

Læs videre

Indhold og visuel kommunikation for Odense Renovation | MMD Modul 4 – Digitalt indhold

Modul 4 digitalt indhold var en opgave der dækkede over at udvikle indhold og visuel kommunikation på baggrund af ikke-digitalt materiale. I modulet blev der udarbejdet: En projektplan Individuelle budskabsdesign opgaver Individuelle forslag til visuel kommunikation Interaktiv prototype (bestående af HTML, CSS og JavaScript) Prototype udviklet i Adobe XD Logbog Informationsgrafik Animeret video Video egnet…

Læs videre

Noter: CSS animation

Noter om CSS animation. Noter taget på MMD. Undervisning blev afholdt af Anni Grøndal Nielsen. Transitions Transitions gør at man kan ændre en tilstand til en anden tilstand. Hvis man ønsker at bruge sin egene animations hastigheder kan man definere cubic bezier som værdi til transition-timing-function. Man kan med fordel anvende cubic-bezier.com til at definere…

Læs videre

1. semester projekt | Multimediedesign

1. semester projekttet på Multimediedesign dækker over at udvikle 2 arbejdsporteføljer og en synopsis der dækker over de 4 projekter der har været i løbet af det første semester på uddannelsen. De 2 arbejdsporteføljer er et præsentationsportefolio kodet fra bunden, og et procesportfolio (denne side). Link til løsningen: maxfest.dk. Procesportfolio er lavet, men skulle overholde…

Læs videre

Animation af logo

En animation af et logo jeg har lavet. Løsningen er designet i Adobe Illustrator og animeret med CSS. Animationen https://codepen.io/maxfestersen/pen/VwYZLJB Storyboard Designprincipper Timing – animationen bevæger sig relativt til at det er behageligt at se på. Secondary action – animationen hopper lidt for at give indtrykket af at logoet er levende.

Læs videre

Floated layout

Layout struktur der tilpasser sig skærmbredde og skærmhøjde, i et float-design. En opgave fra HTML & CSS modulet på MMD. Link til løsning. Eller se herunder. Tryk på result for at se resultatet. Ligeledes kan man trykke på CSS og HTML for at se koden for pågældende.

Læs videre

CSS scalable image

Et billede der automatisk skalerer og har en defineret maksimal bredde. En opgave fra HTML & CSS modulet på MMD. Link til løsning. Eller se herunder. Tryk på result for at se resultatet. Ligeledes kan man trykke på CSS og HTML for at se koden for pågældende.

Læs videre

Dit H.C. Andersen Eventyr

Dit H.C. Andersen Eventyr er et installationskoncept til et nyt H.C. Andersen museum. Installationskonceptet er blevet pitchet til Henrik Lübker, Museumsinspektør for Odense Bys Museer. Samtidig er dette også en skoleopgave. Det er projekt 2 i modul 2 på multimediedesigner uddannelsen. Kort fortalt var opgaven at lave et koncept som kunne skabe brugeroplevelser med eventyrlige…

Læs videre

Design forslag til baagoe.info

Forslag til redesign for baagoe.info. Opgaven var projekt 1 i modul 1 på multimediedesigner uddannelsen, MMD. Projektet blev udført efterår 2019. Opgaven bestod af at give et forslag til redesign, evaluering af den eksisterende hjemmeside og rapportere resultater i en rapport og præsentation. I mit tilfælde var hjemmesiden baagoe.info Den fulde titel på opgaven var…

Læs videre

HTML & CSS opgave

Opgave fra modulet HTML & CSS på MMD. Opgaven blev afleveret efterår 2019. Opgavebeskrivelsen Opgaven bestod af at lave en hjemmeside. Hjemmesiden skal have en forside. Hjemmsiden skal have mindst 3 undersider. Forsiden og undersiderne skal være sammenhængende. Med link, struktur og kontekst. Hjemmesiden skal indeholde billeder, overskrifter og forskellige titler til alle sider. Forsiden…

Læs videre

Music app for moods – Adobe XD wireframe exercise

Jeg har i adobe XD, som mit første projekt deri, lavet et wireframe til en musik app der kan afspille ens musik baseret på humør. Link til wireframe: https://xd.adobe.com/view/60f71fc8-8523-4d59-7b9e-6aa2880731d2-16c6/?fullscreen. Vigtigt: løsningen er designet til Iphone X/XS, men kan ses i de fleste browsere. Appen baserer på en undervisningssession om design thinking, hvor vi har anvendt…

Læs videre

Kagefest.dk

Link: Kagefest.dk Kagefest er en hjemmeside, hvor medlemmer af familie Festersen kan oprette og dele opskrifter med hinanden, og resten af verden. Oprindeligt var siden dedikeret til kage, så det søde, men nu også alt det andet. Vi har simpelthen for meget at dele, til ikke at sætte det hele ind. Se mere om sidens…

Læs videre

SCSS Color Picker

Se løsningen her: https://codepen.io/maxfestersen/pen/NZjjaW. Jeg har udviklet en simpel farvevælger med SCSS og JavaScript. For at anvende løsningen, så besøg linket, eller brug den indlejrede version forneden. Der er 4 faner, HTML, SCSS, JS og Resultat. Tryk på resultatsiden for at se, og anvende løsningen. I løsningen trykker man på en farve. Efter en fare…

Læs videre

Solop- og nedgang for Danske byer.

Se tider for Solop- og nedgang for Danske byer på ugebasis. Hvis du giver lov, så kan siden finde de mest relevante data for dig, på baggrund af din ip-adresse. Siden tager også højde for hvilken dag det er, og kan selv håndtere status for sommer- og vintertid i Danmark. Siden er kodet med PHP,…

Læs videre

COOP’s agile modelleringsværktøj

Jeg har været involveret i udviklingen af COOP’s agile modelleringsværktøj. Primært har jeg haft en understøttende rolle. Jeg har været med til at formatere data, rette regnefejl og redigeret logikken for visning af data, samt processen dertil. Jeg deltog i udviklingen sidst i 2018 til januar 2019. COOP betegner det selv som: “Et holisitsk marketing…

Læs videre

Loginside for Annalect Nordics

Jeg har redesignet loginsiden for Annalect Nordics, samt tilføjet validering af inputs, og forbedret brugeroplevelsen ved at omstrukturere og omnavngivet knapper og links på siden. Siden kan registrere manglende inputs for navn og password. Siden viser dette ved at farvelægge login knappen afhængigt af om navn og password er udfyldt. Siden giver også en rød…

Læs videre

Maxfest.dk/blog

Maxfest.dk/blog er min blog. Jeg udviklede i forbindelse med faget digital medieproduktion på min uddanelse Medieproduktion og ledelse, MPL, i 2015. Jeg må ærligt erkende at blogge ikke er min passion, og jeg derfor sjældent opdaterer bloggen. Havde det ikke været et krav for uddannelsen, så havde jeg næppe oprettet bloggen. Jeg prøver dog af…

Læs videre

SmokingPenguin.dk

Smokingpenguin.dk er min offiielle side om mig. Formålet ligger egentlig ikke helt fast, men oftest er det et potfolie. Smokingpenguin.dk er min første hjemmeside jeg lagde op på internettet. Jeg vil egentlig ikke gøre for meget ved den, da det er ret nostalgisk. Siden har dog haft nogle redesigns, og jeg har nogle funktionaliteter planlagt…

Læs videre