andreaslborg / p3

https://moduler.aau.dk/course/2021-2022/DSNDATFB310

👋🏻 Andreas Løvig Borg

🎓 Software BSc and Webdeveloper!

p3's Issues

Implement TestLicenseWithData

I thought it would be nice to have a set of test data, so I created a class for that. It should be initialized with a set of information boards, categories and posts in the constructor, so that it can be used in the UI to test how it works/looks with correct bindings.

• Implement class (?)
• Implement 'Initialize' method to be called in constructor, that adds hardcoded info boards, categories and posts

Analyse-systemdefinition

Lav en analyse og kom frem til en systemdefinition

Lav wireframes til admin panel (DEB 4)

Delete video interviews (wireframe tests)

Krav (MOSCOW) (DEB 3)

gør visitor application pages (category og post) dynamically generated

Test of the system

Thomas i OOP bruger xUnit frameworket

final functionality management pages

• add post,
• edit category,
• edit information board
• delete post
• delete category
  • vi foreslår at der laves en ny modal til dette (så der er en til post, og en til category)

Visitor application frontend design prototype

Product owner and admin frontend

Branch: issue-52

Product owner

Modals

• Help
• Profile
• Edit license
• Edit admins
• See statistic

Other functions

• Add a working dropdown
• Functional log out

Admin

Modals

• Help
• Profile
• Edit post
• Add post
• New category
• Edit categories
• Edit information board
• QR code
• See statistic
• Delete confirmation

Other functions

• Add a working dropdown
• Change category in the navigation bar
• Change information board on the table
• Functional log out

Admin panel frontend design prototype

make TestLicenseViewModel

PD-analyse

Fetch license from database

Code structure

• Choose MVC/MVVM - or maybe none of them?
• Create all files and folders
• Add function classes - now or when needed?
• Add function classes to services (see blazor server notes for instructions, or watch video about dependency injection)
• Delete unnecessary files from template

Indsamling af data (DEB 2)

Svar på de der par spørgsmål

STATUSSEMINAR

Test issue nr5

jsfHJBFUK

Visitor application posts template

• Template for overview of the posts with a short text and pictures
• Template for the individual posts

button logic, add information board

Architechtural design

Use cases og actors (ADA)

Implement 'Google Analytics'

lav særlig formatting hvis posts/categories/boards er published

• management pages
• også noget i visitor fetch

Udvælg ikoner (DEB 4)

Enten udvælg eller kreer ikoner

Overleaf document

• Share the document with everyone
• Setup the template

logic on buttons for communication with database

Implement model classes

• Administrator
• Category
• (Editor - maybe first later, as this is not high priority)
• InformationBoard
• License
• Post

Component design

Set up html for pages and components in UI

Set up the needed html (use hard coded properties in the @code part when needed) for the following files. I named the different components of the MainPage "XX-Overview", and they represent the three main components of the page, i.e. the list of information boards in the left side, the list of posts to the right, and the list of categories in the top. When writing the html for the main page, the different overviews should be inputted to the html as html elements.

• CategoryOverview
• InformationBoardOverview
• PostOverview
• Index
• Admin
• Product owner

Database setup

• Hvilken database (MySQl, MS SQL server, PostgreSQl..)?
• Hvilken database skal vi bruge (udbyder)?
• Hvad skal vi bruge til at kommunikere med databasen?
• Hvordan skal databasens indhold struktureres?

Functions (ADA)

Tilføj viewmodels

Tilføj viewmodels i functions-mappen:

• LicenseViewModel
• InformationBoardViewModel
• CategoryViewModel
• PostViewModel

Alle viewmodels skal indeholde et model-objekt samt en liste til det underliggende niveau (L -> IB, IB -> C, C -> P) og en metode der henter de objekter, der skal ind på listen.
Derudover skal funktionerne, som skal bruges på UI'en laves her.
I koden på pagesne skal viewmodel-metoderne "wrappes" i metoder/kald, som der skal bindes til på knapperne i UI'en.
License-viewmodel'en skal tilføjes til admin/owner pages med dependency injection

implement edit-funktionalitet

• Rediger kategori
• Rediger Informationboard
• Rediger Post

How to fetch data in visitor app?

Hvordan henter vi ting fra databasen ned på visitor application?

https://stackoverflow.com/questions/63996294/how-to-connect-blazor-webassembly-to-database

https://www.youtube.com/watch?v=a8_BqQbWtk8

https://www.syncfusion.com/blogs/post/how-to-build-a-blazor-wasm-crud-application-with-entity-framework.aspx

https://codewithmukesh.com/blog/blazor-crud-with-entity-framework-core/

Make pages dynamical

Find virksomhed

• Kontakt virksomheder
• Afhold møde med 1-2 virksomheder
• Udvælg samarbejdspartner

delete MainPage.razor file

Set up authentication/authorization system

Use App Service

Inspiration:
https://docs.microsoft.com/en-us/azure/app-service/overview-authentication-authorization?toc=%2Faspnet%2Fcore%2Ftoc.json&bc=%2Faspnet%2Fcore%2Fbreadcrumb%2Ftoc.json&view=aspnetcore-6.0
https://youtu.be/ntmV9nj4N2Y
https://youtu.be/m1aWGR2uKGg
https://techcommunity.microsoft.com/t5/apps-on-azure/azure-app-service-authentication-8211-app-roles/ba-p/392361

• Kunderne skal kunne oprette sig på en måde, så de får de rigtige roles (fx admin) - kan det være sådan at de får et link til oprettelse?
• De skal ligeledes have det rigtige 'tag' i forhold til hvilken licens, de hører til
• hvert link skal fx kun kunne bruges én gang (af hensyn til noget sikkerhed sådan da)

Product owner panel frontend design prototype

lav generic callback, der bare kalder StateHasChanged

AD-analyse

Første interview med Mikkel

• Forbered spørgsmål
• Gennemfør interview
• Transkriber interview/tag noter (?)
• Follow-up spørgsmål (?)

Behaviour diagram

Gain understanding of techniques

• PWA
• ASP.NET YouTube Course

Emilies ønskeseddel

Lav generic method til at hente models i DbService

• Den skal også tilføjes til interfacet
• DbService skal kun kaldes fra viewmodels'ne

css cleanup

delete unused css files

Discord

Tilføj alle til discord

Design-brugergrænseflade

Class diagram (PDA)