Hotelprofessionals - Let's talk technical

Hotelprofessionals.nl is een platform voor iedereen die werkzaam is in de hotelbranche. Daar kan je meer over lezen op de over ons pagina. Maar, waar draait dat nou allemaal op?

De frontend

Hetgeen waar de meeste bezoekers zich mee bezig zullen houden: de frontend. De frontend bestaat uit alles wat de gebruiker kan zien. Een op maat gemaakt design uitgewerkt in Bootstrap en jQuery zorgt ervoor dat de website mooi oogt en responsive is voor alle schermformaten. Extra JavaScript wordt gebruikt om voor extra functionaliteit te zorgen.

Media

Alle media aanwezig op de website wordt opgeslagen in S3. Dit is omdat S3 snel, betrouwbaar en veel goedkoper is is dan om zelf alles lokaal op te slaan, omdat er veel opslagruimte moet zijn welke ook nog eens snel moet zijn! Alle getoonde foto's worden automatisch geconverteerd naar het .webp formaat voor het versnellen van de laadtijden.

De backend

De kant waar menig persoon zich weinig om bekommert: de backend. De backend houdt zich bezig met alles wat je zo snel niet ziet. Dit bestaat uit 2 delen, namelijk de code en de server zelf.

Backend code

De backend code zorgt ervoor dat alles wat je ziet achter de schermen ook werkt. Als je bijvoorbeeld een URL bezoekt, wordt dat door de backend code omgezet in een response die naar jouw browser wordt gestuurd. Maar de backend doet nog veel meer. Het verwerkt bijvoorbeeld ook de sollicitaties, stuurt mails en slaat dingen op in de cache (dit is een techniek om herhalende acties, zoals zoekopdrachten, niet telkens opnieuw uit te hoeven voeren). Sommige van die acties worden in de achtergrond verwerkt op een zogenoemde queue, om ervoor te zorgen dat jij niet te lang hoeft te wachten! Ook zorgt de code voor de data connectie met de database. Wist je dat 90% van de content op jouw scherm uit de database komt? Zonder backend zou er weinig overblijven! De backend code is geschreven in PHP en maakt gebruik van het Laravel Framework. Daarnaast worden andere libraries gebruikt zoals Livewire, ElasticSearch en Laravel Localization, die voor belangrijke functionaliteiten zorgen.

De server

De server is natuurlijk ook belangrijk. Je kan nog zoveel code schrijven, maar zonder server heb je geen manier om ermee te kunnen verbinden. De server draait op Nginx en maakt gebruik van zero downtime deployment via Envoyer. Dit houdt in dat nieuwe code kan worden neergezet op de server zonder dat de server daarvoor offline moet, wat erg fijn is voor de gebruikerservaring. De server is opgesplitst in 4 delen:

Twee* webservers: hier draait de website op, en verwerkt al het internetverkeer.
Een database server: hier staat de database op.
Een worker server: hier vandaan worden de queue taken verwerkt.
Een cache server: deze server behandelt de cache opslag en draait op Redis.

Het voordeel aan de bovenstaande setup is dat we makkelijk kunnen schalen als er teveel verkeer is voor een enkele server. Dit is al toegepast voor de webserver: hiervoor gebruiken wij een *Load Balancer. Dit is een techniek om al het binnenkomende verkeer eerlijk te verdelen over de beschikbare servers, zodat elk verzoek zo snel mogelijk verwerkt wordt. Als er namelijk te weinig capaciteit beschikbaar is, is dit merkbaar doordat het bijvoorbeeld langer duurt om een pagina te laden. Je staat dan als ware in een virtuele wachtrij totdat jouw verzoek behandelt kan worden.

Hotelprofessionals.nl is in zijn volledigheid gerealiseerd door WeDesignIt.

Wieringerwerf (+ 50km)

Populaire zoekopdrachten