WEEK 05
Datum: 18-03-2024 tot 23-03-2024
📅 18-03-2024
Vandaag heb ik met Cyd gesproken over mijn overweging om WordPress headless te gebruiken in combinatie met WooCommerce voor e-commerce integratie. Cyd gaf aan dat dit veel backend API-verzoeken vereist en aanzienlijke expertise vergt. Ze stelde voor om PHP te leren, maar ik neig naar SvelteKit als een snellere oplossing vanwege de prestatievoordelen. Bovendien werk ik graag met SvelteKit en vind ik JavaScript leesbaarder. Na deze dit gesprek heb ik besloten om een compleet nieuw CMS te zoeken wat dezelfde oplossingen kan bieden. Er is ook niet veel documentatie beschikbaar voor de intergratie van een Headless Wordpress intergratie.
📅 19-03-2024
📅 20-03-2024
Taken voor integratie Headless CMS
De code hieronder wordt ingezet om data te verzamelen via GraphQL van Contentful. In eerste instantie wordt er een contentfulFetch functie aangeroepen die asynchroon werkt en een GraphQL-query als argument accepteert. Daarna bouw ik een URL op met behulp van CONTENTFUL_SPACE_ID.
import { CONTENTFUL_SPACE_ID, CONTENTFUL_ACCESS_TOKEN } from '$env/static/private';
interface GraphQLQuery {
query: string;
}
const contentfulFetch = async (query: GraphQLQuery): Promise<Response> => {
const url = `https://graphql.contentful.com/content/v1/spaces/${CONTENTFUL_SPACE_ID}`;
const response = await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
Authorization: `Bearer ${CONTENTFUL_ACCESS_TOKEN}`,
},
body: JSON.stringify(query),
});
return response;
};
export default contentfulFetch;
Ik heb het veldtype 'References, many' gebruikt omdat dit mij in staat stelt om meerdere verwijzingen naar verschillende entiteiten, zoals pagina's, artikelen of producten, op te zetten. Dit biedt de flexibiliteit om dezelfde linkstructuren op meerdere plekken binnen de website te gebruiken, zonder dat ik ze telkens opnieuw moet aanmaken. Zo kan ik eenvoudig dezelfde links implementeren in bijvoorbeeld zowel het navigatiemenu als de footer.
📅 20-03-2024
Antwoord Zenit Senario 2:
-
Niet consistentie in inhoud ten opzichten van andere route, Route premium cocktail wandelen is staat geen start en einddatum bij. Daarnaast staat er wat de algehele cocktail walk inhoud en niet specifiek informatie over premium. Zenit moet helemaal naar beneden scroll om te achterhalen waar start en end tijd staan en ervaart dit als vervelend. Veel tekst en raakt verdwaal van informatie start en eindpunten. Onduidelijk hoe de start en eindpunten zijn en welke bars deelnemen.
-
Duur en km niet duidelijk, wat is de totale afstand in km? Voor iemand die niet goed kan lopen, geef tips of hint aan voor toegankelijk. (Loopafstanden aanbieden in eventuele filter in de toekomst)
-
Vraag: In hoeverre vind jij het belangrijk om te weten welke bars deelnemen? Als je verkennen bent van de stad vind je het niet belangrijk om te weten welke bars deelnemen. Maar stel voor je wil specifiek een route kiezen en weten welke bar erbij zitten.**
Antwoord Zenit Senario 3:
-
Voor Zenit was het niet meteen helder dat ze zich bevond op de boekingspagina. Het is niet duidelijk voor de gebruiker dat ze een email met de route in de mail krijgt. Gebruikers wist niet waar ze moet beginnen er werd hierdoor twijfelachtig.
-
Vergelijk de prijzen omdat het maar 3 routes waren, maar mocht er in de toekomst meer routes bijkomen, dan een filter toevoegen zodat ik makkelijk de prijs kan vergelijken.
-
Lettertype is klein bij routes.
-
Als je eenmaal op de route klik zie je niet meer duidelijk terug welke locatie het bevindt.
-
Korte samenvatting aanbieden voor welk ticket ik heb gekozen, voordat ik naar ticket ga. (bijvoorbeeld door: Kort samen gevat zoals bijvoorbeeld tabel met tijd, uren, datum)
- Prijzen en groepsformaten lopen uit de pagina. (Responsive probleem WIX)
- Prijs per persoon is duidelijk.
- Duidelijk wat kaartje inhoud kort samen gevat.
-
Website loopt vast bij het aanschaffen van giftcard.
-
Blogs niet leesbaar in Nederlands
-
Translation niet zichtbaar op mobiel, en de filter optie voor de blogs zijn ook niet zichtbaar. alleen in menu (responsive problemen Wix)
Sascha heeft een al gehele gebruikers test uitgevoerd:
- Video kwam niet tot zijn recht, benadrukt niet de beleving.
- Veel random elementen op website zorgen voor afleiding bij Sascha.
- Website draag niet key values van WOGO over
- Teksten lang en moeilijk leesbaar.
📅 21-03-2024
Vandaag heb ik een presentatie gehouden voor de teamleden van FNDN-agency. Ik heb voornamelijk toegelicht waar ik aan gewerkt heb en de keuzes die ik tijdens mijn onderzoek heb gemaakt. Na deze presentatie heb ik de volgende feedback ontvangen van mijn medestudenten:
📅 18-03-2024
Vandaag de planning doorgelopen en alle taken van week 3 en 4 doorgenomen