-
Notifications
You must be signed in to change notification settings - Fork 1
Reflectie Sergio
| SMART | Omschrijving |
|---|---|
| Specifiek | Ik wil graag technisch beter worden in het gebruiken van frameworks. Om dit te kunnen bereiken ga ik in het project zoveel mogelijk van het framework gebruiken. Ik neem hier de tijd voor tot de beoordeling, ik kan namelijk stukken wat niet lukt, op een andere manier doen. |
| Meetbaar | In het project kan je zien wat met het framework werkt, en wat niet. Zo kan je zien of het veel of weinig is, of dat het complex is ja of nee. |
| Acceptabel | Ja, ook al begin ik met de standaard/ simpele dingen, kan ik daarna verder met het leren van wat complexere dingen |
| Realistisch | Ja, ik kan er meteen aan beginnen en ik heb de tijd tot wanneer het project afgelopen is. Ook kan ik mede studenten vragen om mij te helpen met stukjes waar ik niet uit kom. |
| Tijdgebonden | Zodra we beginnen met prototypen. |
| SMART | Omschrijving |
|---|---|
| Specifiek | Ik zou graag wat meer naar de UI/ UX kant van een website willen kijken. UX/ UI is iets waar ik wat over geleerd heb bij CMD, dus deze skills kunnen mij helpen om hier beter in te worden, en misschien nieuwe dingen te bevinden. Ik werk hier net zoals het leren van de Frameworks, meteen aan zodra we starten met het prototypen, en liever al tijdens het schetsen van deze ideeën. |
| Meetbaar | Heb ik gekeken naar de principles en best practices die ik heb geleerd? Ik kan personen laten testen, kijken hoe zij het ervaren. |
| Acceptabel | Ja, ook al begin ik met de standaard/ simpele dingen, kan ik daarna verder met het leren van wat complexere dingen. |
| Realistisch | Ja, ik kan er meteen aan beginnen en ik heb de tijd tot wanneer het project afgelopen is. Ook kan ik mede studenten vragen om mij te helpen met stukjes waar ik niet uit kom. |
| Tijdgebonden | Zodra we beginnen met prototypen. |
| SMART | Omschrijving |
|---|---|
| Specifiek | Ik zou ook graag beter willen werken in een team. Dat iedereen zijn eigen projectjes krijgt, en hier aan werkt. Zodra de andere vragen heeft, kunnen zij altijd naar de andere toe komen. Om dit fijn te kunnen regelen, gaan we elke dag in call zitten, en aan elkaar vertellen wie wat gaat doen, en de kans geven om te vragen voor hulp. |
| Meetbaar | Elke dag bellen, en samen linkjes delen over wat we gevonden hebben. |
| Acceptabel | Ik kan altijd zelf beginnen met het vragen wat iedereen gedaan heeft, gaat doen en hulp bij nodig heeft. |
| Realistisch | Ja, als iedereen gewoon kan callen, dan zou het niet erg moeten zijn. Ook hoeft niemand bang te zijn om wat te vragen. |
| Tijdgebonden | Elke dag |
Ik had dit project als tweede keuze, maar ik ben super blij dat ik bij dit project ben gezet.
In het begin was het nog best lastig beginnen. De opdrachtgever wilde iets van ons, wat niet mogelijk was. Dus na heel wat itereren zijn we er uiteindelijk uitgekomen.
De opdracht opzich zelf was al super tof! We mochten met muziek werken, terwijl ikzelf geen muzikant ben, wat ik mega vet vond. Ook waren de opdrachtgevers heel fijn. De opdracht was vet, omdat we even later ons eigen gang konden gaan. We konden leuke dingen onderzoeken om te gebruiken, en veel zelf stylen.
Ookal heb ik niet heel erg aan de muziek zelf gezeten, en heb ik dus bijvoorbeeld geen beats gemaakt, weet ik nu wel meer over de audio API's/ libraries. Ook heb ik vooral geleerd dat het nou eenmaal niet altijd meteen soepel loopt. Blijf vragen stellen, itereren en ga vooral door! Vraag andere om hulp als je niks weet of als je ergens hulp bij nodig heb.
Voor de rest qua technische dingen, ben ik vooral bezig geweest met de CSS. Daar heb ik een aantal animaties in gemaakt. Ook heb ik properties van de library Augmented UI in CSS kunnen veranderen, en dat werkt super goed!
Het idee van Web App From Scratch was dat je zonder gekke frameworks en/ of libraries ging werken. En in dit project hebben wij zonder frameworks gewerkt, maar hebben we wel libraries gebruikt. Maar voor de rest was alles vanilla HTML, CSS en JavaScript. Ook maken we gebruik van een API, de Web Audio API. Tevens manipuleren wij wel bepaalde data door het soms wel of niet te renderen.
Mijn tijd tijdens dit project heb ik voornamelijk doorgebracht in de CSS file. Ik heb zo veel mogelijk geprobeerd om zonder media queries te werken, maar dit moest evenlater wel helaas. Omdat we het op mobiel iets anders uit wilden laten zien natuurlijk. Ook heb ik animaties gemaakt, waar ik wat over heb geleerd tijdens dit vak. Ook maken we gebruik van root kleuren. En een mooie functie die gebruikt is, is clamp(). Ook box-shadow heb ik hier veel gebruikt. En gebruik ik allemaal verschillende soorten kleuren codes, zelfs hsl!
Door de moeilijkheden die wij aan het begin hadden, hebben we voor het eindproduct iets te weinig tijd gehad eigenlijk. Want wat we nog graag wilden toevoegen, is het gebruik van een database. En daar heb je natuurlijk een server voor nodig. En die hebben we er nu niet in, omdat het simpel gezegd niet nodig was voor wat we nu hebben. Ook hebben we geen Service Worker toegevoegd. Wel hebben we CSS animaties waar het kon, dit scheelt veel JavaScript code, en dat maakt de site iets meer optimized.
We hebben wat betreft Browser Technologies gekeken naar een redelijk semantische website. Ook werkt de site nogsteeds wanneer je alleen CSS uitzet. Maar niet als je JavaScript uitzet, wat logisch is, want we gebruiken alleen spraak wat betreft input. Ook maken we zoals eerder gezegd, de Web Audio API en 2 libraries. Tone.JS en Blip.JS.
Helaas hebben we niks wat betreft Real Time. Dat komt omdat het niet nodig is met ons concept.
Aan het begin hadden wij het idee om beide spraak en typen toe te voegen. Spraak is natuurlijk erg toegankelijk, omdat mensen die niet kunnen typen dan nogsteeds kunnen interacteren. Maar omdat alleen spraak beter bij het concept paste, hebben wij alleen spraak gebruikt. Spreken kan een groot gedeelte van de mensheid wel, alleen mensen die doof zijn bijvoorbeeld niet. Daardoor is het dus iets minder toegankelijk. Voor de rest zijn er niet veel knoppen, waardoor je niet in de war raakt. Ook hebben we de website niet wit (letterlijk blindmakend voor slechtziende) gemaakt.
TWY Wiki - Sergio, Merlijn en Inju