Første sprint

Anden post:

Links til første post:

Projektstyring:

Figma:

Links til første post:

Anden post:

Projektstyring:

Figma:

Den spæde opstart

Frontend:

Ved projektstart var fokus på at få de mest basale ting på plads, herunder mappestruktur, routing og oprettelse af mapper og components. 

Vi brugte hovedsageligt JavaScript sammen med React. Det er vi gået væk fra og bruger nu TypeScript fordi, at det føles mere naturligt for os, da vi er hjemmevante i C#. Derudover hører vi også fra andre, at det mere eller mindre er standarden for React-projekter. 

Som tidligere nævnt bruger vi også Tailwind og vi har inkorporeret de mest essentielle features. Det føles som at være lidt "in progress" konstant.

Vi har også implementeret mock data via Mock Service Worker for at indsætte noget mock data igennem en API. 

Derudover har vi arbejdet med automatisering i form af prettier, linting, husky til pre-commit linting/testing og coderabbit til codereviews og automatiske unit tests.

Vi tager gerne imod kommentarer og feedback på koden. 

Link til Github: https://github.com/4-sem-CatchUp/frontend

--------------------------------------------------------------------------

Backend:

Jeg har nu arbejdet med at få en dybere forståelse af hexagonal arkitektur (også kendt som Ports and adapters), hvor at jeg har valgt at splitte projektet op i følgende cores:

• SocialCore: Administrerer real time chat, Posts + comment og vote, samt profiler.
• AchievementCore: Gamification element af systemet, styrer logikken for hvornår man opnår achievements, samt servere hvilke achievements de forskellige brugere har.
• UserAuthCore: Styrer og administrerer brugerinformation, autentifikation og autorisation.
• ActivityPubCore: styrer den decentraliserede kommunikation på tværs af instanser.
• NotificationCore: står for notifikationer til front-end, på tværs af de resterende cores, i samarbejde med en Event-broker.

Indtilvidere har jeg arbejdet med implementeringen af SocialCore, hvor jeg på nuværende har implementeret kernelogikken for profile, post og chatfunktionaliteterne, og skal til at implementere EF core, for dernæst at oprette API kald for front-end, og til sidst implementere notifikationsfunktionaliteten.

Repository: https://github.com/4-sem-CatchUp/CatchUp-Social-core

---------------------------------------------------------------------

Spilduvikling:

Jeg startede med at udpensle et gameplay-loop i vores fælles Figma ud fra mine umiddelbare tanker, hvor jeg adskiller init-forløbet (config → auth → profil/XP/badges → hub) fra selve hub-gameplayet (freeroam med chat-HUD), og markerer de to primære triggere: nærheds-interaktion ved NPC (tryk E) og tids-/server-events (mulig dag/nat cyklus?). Begge ruter kan udløse dialog, sætte flags/XP/badges og køre ApplyEffects, hvorefter spilleren returnerer til freeroam. [link]

Af visuelle overvejelser har jeg gjort brug af sites som gameuidatabase.com til at indhente ideer til hvordan det visuelle udtryk skulle udvikles. Jeg har tænkt på forskellige kamerastile og har besluttet mig for et Animal Crossing-inspireret “fixed feel” follow-kamera. Derudover er en idé at perspektivet skiftes i fire faste vinkler (0°/90°/180°/270°), så læsbarheden er høj, og styringen forbliver rolig.  
Jeg sigter efter et  roligt, lav-mættet farveudtryk med få, klare accenter ([Palette A], [Palette B]) for mindre visuel støj og bedre læsbarhed; NPC’er er forskellige variationer af dyr (shiba hund, mus, kat, etc) for venlig tone, tydelig rollemarkering og let variation.  
Som hjælp til den tungere asset-del af projektet har jeg udarbejdet en kontrakt med en god ven og 3D grafiker til at skabe de grundlæggende assets til spillet. Indtil videre er vi nået til dette stadie i design-fasen for player-model og NPC's. Tanken er at alt er uniformt og i samme formfaktor (ens proportioner, højde og rigging). Tanken er at alt bliver mere læsbart og visuelt ensartet (udover haler og ører, høhø)

På gamification-siden har jeg udtænkt et kosmetiksystem (hår, tøj, emotes, profil-customization) og defineret de første unlock-regler (FirstLogin, Run500m, FirstChatMsg). Dette vil komme i spil på ikke kun spillets grænseflade, men også på sitet, hvor achievements også vises og badges bliver unlocked.

Jeg har også udarbejdet et første GDD-udkast (v0.1) med Vision, Core Loop, Kamera, Progression og MVP-scope, som jeg løbende opdaterer i takt med prototypen og senere udvikling. Her er udkast som er kopieret ind i google docs, for at bevare privatliv 😉. 

I vedlagte skitser kan ses en lidt “rough” visualisering af hvordan et login ville foregå. Login → fald → landing → NPC kontakt [link 1] [link 2] 
Min umiddelbare ide omkring et startpunkt for login (man falder fra sitet, symboliseret af et stykke hardware -måske et floppydrev). [link] 
En skitse er også en udpensling af en idé som jeg har gået og tænkt på, hvor man ser en “synergi” mellem site og spil, hvor posts på sitet bliver broadcastet til spillet selv. [link]

For vidensopbygning er jeg gået i gang med en Unity 6, projektbaseret kursusrække. Målet er at sikre solide grundvaner (input, fysik, coroutines, navmesh/AI, ProBuilder, post-processing) og løbende omsætte læringen direkte i projektets MVP.

Hovedsageligt var vi alle enige om at dette projekt skulle udarbejdes med et stærkt high-level grundlag, derefter implementation.  
Jeg vil meget gerne høre fra folk derude om de synes jeg er på rette vej.

Links til første post:

Anden post:

Projektstyring:

Figma:

Så oprandt endelig 4. semester, og vi kunne endelig komme i gang med speciale projektet på Datamatiker uddannelsen.

Siden vi kom i gang med semesteret har vi lige skullet lande i strukturen af semestret, som er bygget op med vejledning af henholdsvis specialerne i uge 1, og proces / produkt i uge 2. Derudover skulle vi udarbejde dokumentationen af vores individuelle, og værktøjet til dette, samt lande i ”hvad er egentlig omfanget af specialerne, og hvad vil jeg lære?”

Status på semestret er følgende, for hvert af gruppens 4, medlemmer:

Peter: Cloud computing, Devops og CI/CD pipelines | Softwarearkitektur og design patterns For mit første speciale har jeg indtil videre kun fokus på det sociale aspekt af Devops, med Kaizen og YAGNI, for at oprette en kultur af kontinuerlig forbedring i processen, og skal til at starte op på Automations aspektet af CAMS, i form af en CI/CD pipeline i Github Actions og Jenkins.

Ved mit andet speciale, har jeg valgt at vi skal arbejde med Hexagonal Architecture (også kendt som Ports and adapters) er en videreudvikling af Domain Driven Design (DDD), hvor vi separerer systemets domæner i hver deres “kerner”, som alle sammen har deres respektive porte og adaptere. Her skelnes portene som henholdsvist indgående og udgående, og bygges som Interfaces der sikrer at al kommunikation følger et præ defineret format.
Adapterne implementerer hermed så portens Interface, og derved forpligter sig til at følge det præ-definerede format.

Ved at vælge Ports and adapters, arbejder vi med små isolerede kerner, med løs kobling imellem, som muliggør at vi nemt kan teste funktionaliteterne, samt at systemet nemt kan deles op i mindre services, og på den måde sikrer en stor grad af skalerbarhed.

Tilgengæld kræver arkitekturen disciplin, og en stor mængde boilerplate kode.

Bo: Webudvikling & Frontend-teknologier / Automatisering & Scripting Jeg har ansvaret for at opbygge frontend-delen af CatchUp i React. Det indebærer at strukturere komponenter, routing og state management samt sikre en moderne og brugervenlig grænseflade.

Som mit andet speciale har jeg valgt Automatisering & Scripting. Her planlægger jeg at udvikle en bot eller seed-data generator, der kan simulere aktivitet på platformen. Det skal skabe en realistisk oplevelse af, at der er mange brugere, og samtidig hjælpe os med at teste funktioner som feed, notifikationer og interaktioner under mere autentiske forhold.

Burak: Frontend-teknologier / Websikkerhed Jeg har til opgave at optimere og style applikationen ved hjælp af Tailwind. Det indebærer at udvikle og vedligeholde et konsistent og responsivt UI, herunder både React-komponenter og komplette websider. Jeg har fokus på at skabe en moderne, brugervenlig og tilgængelig grænseflade, som understøtter en god helhedsoplevelse for brugerne.

Som mit andet speciale har jeg valgt Websikkerhed med fokus på OWASP-principperne. Her arbejder jeg med at identificere og forebygge de mest kritiske sårbarheder i webapplikationer, fx XSS, CSRF og usikker autentificering. Jeg har fokus på at integrere sikkerhed som en naturlig del af udviklingsprocessen, så platformen ikke kun er funktionel, men også robust og sikker for brugerne.

Kenneth: Spiludvikling i Unity / Gamification Jeg skal udvikle et multiplayer chatspil i Unity, der kan køre i browseren via WebGL. Spillet fungerer som en social hub, hvor brugerne kan mødes, chatte og interagere i et mere levende univers end en traditionel feed-baseret platform. Her arbejder jeg med integration til backend via Colyseus og realtidskommunikation, så spillet understøtter både interaktioner og fællesskabsoplevelser.

Derudover har jeg valgt Gamification som mit andet speciale, hvor jeg fokuserer på at designe spilelementer, der skaber motivation og fastholdelse. Det omfatter f.eks achievements, progression og belønninger - som kobles til både spillet og selve CatchUp-platformen. Formålet er at understøtte engagement på tværs af webapp og spil, så brugerne oplever en samlet, sammenhængende platform.

Vi tager gerne imod al form for feedback, og prøver løbende at finde en optimal struktur til opbevaring og visning af artefakter

Så er der lige en lille opdatering på min tidligere post / stolpe, om hjælp til et potentielt 4. semester projekt.

Vores ide er blevet godkendt, og vi har oveni finpudsning af 3. semesters projekt, og eksamensforberedelse netop afleveret problemformuleringen for projektet.

Der mangler den sidste godkendelse af problemformuleringen, men det er rent "proforma" at vi på nuværende tidspunkt har valgt 3 specialer hver, men får kun 2 at arbejde med, og underviserne skal sikre sig, at ingen af os kommer til at "træde hinanden over tæerne", ved at have de samme specialer.

Men her har i en lille teaser for projektet, med de individuelle ansvarsområder fordelt mellem os:

**Projektidé: ** CatchUp er et open-source, europæisk socialt medie, skabt som en reaktion på den stigende skepsis overfor amerikansk tech, især efter Trumps genvalg og USA's håndtering af globale forhold. Projektet sigter efter at være et europæisk alternativ til platforme som Facebook, Mastodon og Twitter, med respekt for GDPR og borgernes digitale rettigheder.

Formål: Målet er ikke at skabe et færdigudviklet produkt, men at udvikle et proof of concept og et eksperimentelt læringsprojekt, hvor teknologier og koncepter afprøves under europæiske rammer.

Inspiration og struktur: CatchUp er et socialt medie, der kombinerer det bedste fra platforme som Facebook med den nære fællesskabsstemning fra Hestenettet. Det er skabt til lokale og interessebaserede fællesskaber, hvor folk kan dele, diskutere og engagere sig – uden at være fanget i algoritmer eller annoncejagt.

CatchUp udvikles som en decentral platform, hvor flere servere – både private og offentlige – kan køre selvstændigt, men stadig tale sammen. Det betyder, at fx en dansk server og en norsk server kan have hver deres brugere, men brugerne kan stadig følge og interagere med hinanden på tværs. Den tekniske inspiration kommer fra Fediverse-modellen, som bruges i fx Mastodon.

Formålet er at skabe et europæisk, open-source alternativ til de store sociale medier – med fokus på fællesskab, ejerskab og brugernes privatliv. Kort sagt: Et SoMe hvor fællesskabet er vigtigere end profitten, og hvor du ejer dine egne data.

Projektform: I stedet for en traditionel Product Owner, benytter vi os af en "public PO", hvor der hver 14. dag udgives en opdatering i form af blog, post eller video, postet på relevante platforme som LinkedIn, r/DKudvikler og Feddit.dk. Det sikrer gennemsigtighed og inviterer til feedback fra faglige interessenter. Vi har allerede loddet stemningen på r/DKUdvikler og Feddit.dk for projektet, og har fået positiv respons fra interessenter på begge fora, hvor folk er villige til at lave code reviews og komme med anden feedback undervejs i hele projektet.

Vision:

• Etisk, europæisk SoMe-alternativ
• GDPR-venligt og open source
• Eksperimenterende og læringsfokuseret
• Community-drevet og transparent
• Inspireret af decentrale netværk og lokale fællesskaber

Implementering af specialer:

Person 1 **Ansvarsområder: **

• Bygning af frontend i **React **
• Strukturere komponenter, routing, state management
• Udvikle scripts til at lette udviklings- og testprocessen, fx automatisering af gentagne udvikler-opgaver eller bots til simulering af aktivitet på platformen
• Integrere API’er i frontend-delen Integration:
• Tæt samarbejde med Person 2 ift. Tailwind + samtykke
• Samarbejde med Person 4 om API/backend struktur

Person 2 **Ansvarsområder: **

• Fokus på UI styling og brugeroplevelse med Tailwind CSS
• Designe cookie consent banners og evt. cookie-drevet funktionalitet (fx dark mode eller analytics toggles)
• Medansvar for API-design – fx login, sessions, authentication **Integration: **
• Samarbejde med Person 1 om frontend/api-integration
• Sikre privacy/overholdelse af regler – GDPR-venlig tilgang

Person 3 **Ansvarsområder: **

• Fokusere på Gamification: badges, XP, levels, "top contributors", streaks, points-system
• Designe og udvikle en spilbaseret hub i Unity, hvor brugere kan logge ind, bevæge sig rundt og interagere i et fælles digitalt rum. Sikre en meningsfuld integration mellem hubben og resten af websitet, så spiloplevelsen understøtter sociale funktioner og data – eksempelvis gennem brugerprofiler, badges, XP og niveauer.
• Designe UI-assets (ikoner, profilbillederammer, feed elementer)
• Evt. implementere små spil eller interaktive oplevelser – som en del af engagement (bonusfeature, hvis tid tillader) **Integration: **
• Samarbejde med frontend-personer om indplacering af UI-elementer
• Gamification kan gøres både frontend og backend – så samarbejde med Person 4 for datalagring og pointsystem
• Integrere brugerdata logik

P4 **Ansvarsområder: **

• Systemdesign og arkitektur: Ansvarlig for backend-arkitektur med fokus på Clean Architecture, lagdeling, API-versionering.
• Database-design: Design og modellering af den relationelle database (brugere, opslag, kommentarer, likes m.m.) med fokus på struktur og dataintegritet.
• CI/CD og DevOps: Opsætning af GitHub Actions pipelines til automatiseret test og deployment samt implementering af code quality tools.
• Teknisk integration: Samarbejde om API-design og datamodeller samt ansvar for teknisk infrastruktur og deployment-strategi. **Integration: **
• Arbejde tæt sammen med Person 1 og 2 om API & datamodeller
• Være lead på teknisk infrastruktur og deployment

Jeg er Datamatiker studerende på 3. semester, og hele holdet er blevet teaset med, at næste semester er specialet, hvor vi skal lave et semesterprojekt for en virksomhed med en PO, hvor alle i de individuelle studiegrupper skal have forskellige specialer, så vi kort sagt er et ”tværfagligt development team”. I den forbindelse har jeg rumsteret den sidste måned med en ide, som at jeg næsten har fået overtalt underviserne til, om at lave et europæisk socialt medie, med visionen om værende en uhellig krydsning af Facebook og hestenettet – altså hestenettet as it should have been.

Tanken er så, at vores PO er en ”Public Opinnion”, hvor at vi hver 14. dag lægger en status op på r/DKUdvikler og Feddit.dk, hvor at vi beskriver projektet, vores vision for det, fremviser hvad vi har lavet, og lister et par ”next features” op, og lader folk komme med ris / ros og deres ideer til hvad der er ”the next step”.

Eneste problem er, underviserne gerne så, at vi havde et par ”specielt interesserede” som ville være interesserede i at være ”primære opinioner” i projektet, da hun er bange for, at vi enten drukner i feedback, eller at vi slet ikke får noget, og at vi i begge ender af spektret ville drukne og gå død.

Derfor vil vi gerne i holdet høre, om hvad stemningen herinde ville være til sådan et projekt? Og om der eventuelt ville være et par personer, som ville være interesseret i at være mere engageret end resten?

Hello people

From a online security perspective, how viable is the total online passivity tactic against hacking, phishing and whatever else there is of threats and tracking online?

In that concept i mean: to stay as a lurker on the social medias, only posting extremely sparse.

If you get random mails from the bank or other instances you dont follow the links, but rather either phones them, or manually goes to the companys page and loggs in to see if there are any messages on the internal inbox or anything that pops up when logging in.

With the thought in mind, that you cant get attacked, if they dont know you are there, how viable is this tactic?

Im in the progress of planning a complete home improvement, where all the interiors is pulled down, floors torn up, and only the shell is intact, before rebuilding everything.

But in the designing process i miss the ease of a drawing tool as autocad that we used in school as an mason apprentice.

So home improvement people, what is a good alternative to autocad, for detailed blueprints and measurements?

Øhm... som en der bor ude hvor kragerne vender, har jeg idag kommet til at bestille en gang container guf af en small form computer hos de gamle, og min storebror, som alle sammen bor i københavns området, og derved har noget bedre mulighedder for at finde sådan noget (og som også er habile dumpster divers).

Har i et stykke tid nørdet at lave en hjemmeserver, som kan lidt af hvert, af hvad der kunne være brugbart til hjemmet.

Nu fik jeg så tanken om at det kunne være en ide, når de finder noget brugbart, så at lave en youtube serie om emnet, som kan fungere som guide til folk på dansk, til folk som kunne være interesseret, men ikke aner hvor de skal starte.

Er dette noget i tænker kunne være interessant? Og er der eventuelt nogle der har et par fif til at komme i gang med sådan noget?

Hejsa

Som en som ikke rigtig bruger FB til andet end når fruen beder mig om at handle noget på marketplace, aldrig har haft hverken twitter eller instagram, og opgav snapchat da jeg aldrig brugte det... hvad er så de uskrevne regler på mastodon?

Og har folk gode forslag til sjove/spændende folk at følge? Ved ikke lige hvorfor jeg valgte at lave den, er bare nysgerrig

Jeg stenede youtube igår aftes, mens aftenrutinen blev klaret, og faldt over en ny video af Johnny Harris, om hvordan den globale geopolitiske situation er ved at køre sig i stilling til en ny kold krig, hvor kina vil prøve at vippe amerika af posten som verdens magtcentrum.

Jeg ved godt at man skal tage hans videoer med et gran salt, og nogle gange en spsk. Men derfor tænker jeg gerne at jeg lige vil høre jeres vurdering af den, og om i tænker det er realistisk? Og eventuelt snakke lidt tanker om det.

Hejsa

Øhm jeg går hermed meget i tvivl om hvorvidt jeg skal blokere !denmark fra mit feed, da det umiddelbart bare er ren og skær bots, hvis eneste formål er at referere til tråde på r/denmark.

Så nu er jeg egentlig nysgerrig efter hvad det overordnede formål er med det feed?

Hejsa folkens

Som en meget nylig migrant fra reddit, som stadig er på stadiet hvor jeg veksler frem og tilbage, vil jeg virkelig gerne udforske denne krog af internettet.

Problemet er blot, at jeg lige pt støder på enorme mængder "skrald" når jeg søger efter instanser, som vil virke spændende i mit feed. Bliver bombarderet af tråde som omhandler bønner, bønner på dåse, og alt hvad der omhandæer bønner. Derudover er der en anden instans som er generelt bare mærkelig, kan egentlig godt lide indholdet, uden at vide hvad pointen er.

Generelt har jeg en mistanke om at lemmy og generelt feddiverset har oplevet et kæmpe bombardement af nye subscribers, som alle prøver at finde ud af hvad er dette nye fora, og hvordan fungerer jeg i det - hvilket resulterer i bunkevis af skrald, og mærkelige ting.

Derfor vil jeg høre om folk vil give et praj om hvad de er faldet over, hvad de synes er fedt, og vil give en anbefaling, så man forhåbentligt kan finde guldet lidt nemmere.