Beskrivelse

MyVinyls er et eksamensprojekt bygget i forbindelse med en PHP-eksamen, hvor jeg valgte at udvikle en app, der gør det muligt for brugere at organisere og holde styr på deres samling af vinylplader. Appen fungerer som et personligt bibliotek, der ikke blot opbevarer information om hver vinyl, men også tillader brugeren at interagere med indholdet.

Frontenden er udviklet med HTML, CSS og JavaScript for at skabe et brugervenlig interface, mens backenden er bygget i PHP og understøttet af en MySQL-database for sikker datahåndtering og lagring.

Brugere af MyVinyls kan oprette en konto, logge ind, og herefter får de fuld adgang til at oprette, redigere og slette albuminformationer. De kan også uploade billeder af deres albums, hvilket gør det muligt at se en visuelt tiltalende liste over alle tilføjede albums.

Som den eneste udvikler på projektet havde jeg det fulde ansvar for både front- og backend-udviklingen. Denne erfaring gav mig en dyb forståelse af hele udviklingsprocessen, fra ide til implementering, samt værdifuld indsigt i, hvordan man sikrer en app er både funktionel og tiltalende for brugeren.

Showcase

Sign-up and Log-in

Project 1 image

Her har vi signup siden, hvor brugeren kan registrere sig. Under registreringsprocessen vil brugeren blive bedt om at indtaste forskellige personlige oplysninger, som derefter valideres. Dette inkluderer kontrollen af e-mailadresser for korrekt format, styrken af det valgte password, og at alle obligatoriske felter er udfyldt. Denne side er designet med brugerens sikkerhed for øje, sikrer en glidende brugeroplevelse og minimerer risikoen for fejl under registreringen.


Efter succesfuld registrering bliver brugeren ført til login siden, hvor man så kan logge ind med de oplysninger man er registreret med. Her er der ligeledes implementeret validering, så brugeren promptes, hvis det er de forkerte oplysninger der tastes ind.


Til sidst er der på hjemmesiden implementeret en sprogskifter-funktion i bunden af skærmen. Dette giver brugerne mulighed for at skifte mellem engelsk og dansk, hvilket gør sitet tilgængeligt for et bredere publikum og forbedrer brugeroplevelsen for ikke-engelsktalende brugere. Denne funktion understreger hjemmesidens inklusivitet og tilgængelighed.

Forside

Når brugeren har gennemført log-ind processen på hjemmesiden, bliver de omdirigeret til hjemmesidens forside. På denne side bliver de mødt med en personlig velkomst, hvor brugerens navn, som blev angivet under registreringsprocessen, fremgår tydeligt i navigationbaren. Dette bidrager til at skabe en mere engagerende og personlig brugeroplevelse.


Navigationbaren tjener som brugerens kompas på hjemmesiden, hvor de har adgang til flere nøglefunktioner for at udforske og interagere med sitet.


Albums: Brugere kan administrere deres vinylsamling her, inklusiv at tilføje, redigere, og slette plader med detaljer som kunstner, titel, år, og genre.


Posts: Her kan brugerne dele beskeder, musikanbefalinger, og oplevelser på en opslagstavle.


Logout: For at sikre brugernes privatliv og sikkerhed er der en lettilgængelig logout-knap. Når brugeren ønsker at afslutte deres session, sikrer denne funktion, at brugeren bliver korrekt logget ud, og at deres session afsluttes. Dette er en vigtig sikkerhedsforanstaltning, især når man bruger offentlige eller delte computere.

Landingpage

Vinyl samling

Landingpage

I fanen "Vinyler" tilbydes en detaljeret oversigt over brugerens pladesamling. Fra denne sektion kan brugerne tilføje nye albums ved at anvende "Tilføj Album"-knappen, hvor det er muligt at indtaste detaljer såsom kunstner, albumtitel, udgivelsesår, og genre, samt uploade albumcovers.


Derudover giver "mere"-knappen adgang til at redigere eller slette eksisterende plader, hvilket er nyttigt, hvis en plade er blevet solgt eller givet væk.


En "livesearch"-funktion i søgefeltet gør det desuden nemt at søge specifikt i samlingen, hvilket forbedrer brugervenligheden og tilgængeligheden af information.


Message Board


Posts: I dette afsnit kan brugerne interagere med et fællesskab af ligesindede ved at skrive og dele beskeder på en opslagstavle. Dette kan være alt fra anbefalinger af musik, sælge plader, personlige oplevelser med bestemte albums eller generelle diskussioner relateret til musik. Det giver en platform for brugerne til at udveksle tanker og ideer, hvilket bidrager til et stærkere og mere engageret fællesskab på sitet.


Interaktionen på platformen fremmer ikke bare deling og læring mellem brugere, men tilbyder også en solid kilde til ny information og inspiration. Ved at dele personlige musikoplevelser eller læse hvad andre skriver, kan brugerne finde ny musik, se nye sider af musik de allerede kender, eller simpelthen nyde følelsen af fællesskab omkring deres fælles interesse. Platformen tilbyder et inkluderende og støttende rum hvor alle, uanset erfaring, er velkomne og kan føle sig værdsatte.


Posts page

Læring

Da jeg var den eneste udvikler på projektet og varetog ansvaret for både front- og backend-udvikling, opnåede jeg en omfattende forståelse for hele udviklingscyklussen - fra de første idéskitser til den endelige implementering. Denne hands-on erfaring styrkede min evne til at navigere i komplekse tekniske udfordringer, samtidig med at jeg fik et indgående kendskab til, hvordan man designer og udvikler applikationer, der ikke bare er funktionelle, men også brugervenlige og visuelt tiltalende.

Dette projekt har været en god læringsproces, som har givet mig praktisk erfaring i at balancere tekniske krav med brugerbehov, sikre appens ydeevne og æstetik, og ikke mindst, hvordan man selvstændigt fører et projekt fra ide til virkelighed.