Hoe is het idee ontstaan?
Onze klant, Hotel Castilla Alicante , opperde aanvankelijk het idee om haar gasten beter te informeren over de genomen maatregelen en de nieuwe regels met betrekking tot Covid-19. Bovendien was er, zoals tegenwoordig gebruikelijk is, behoefte aan het digitaliseren van de menukaarten van restaurants. Er bestaan al diverse diensten om menu's te digitaliseren en weer te geven met een QR-code, maar het hotel had behoefte aan een oplossing op maat die extra functies kon toevoegen en eenvoudig informatie in andere talen kon aanbieden.
Nadat het concept was uitgewerkt, hebben de klant en ik ideeën uitgewisseld. Dit resulteerde uiteindelijk in de creatie van een reeks onderdelen en functies die het verblijf van hotelgasten moesten vergemakkelijken en verbeteren.
Secties
Restaurant
Er wordt een dagmenu aangeboden, zowel in het restaurant als in de cafetaria, en daarnaast alle gerechten van het à-la-cartemenu en ontbijt. Het hotel kan alle informatie bijwerken via ons gebruiksvriendelijke content management systeem (CMS).
Covid-info
Informatie over de maatregelen die het hotel heeft genomen om de gezondheid en veiligheid van haar gasten te waarborgen, en de nieuwe regels die iedereen moet volgen.
Toeristengids
Een korte gids met interessante plaatsen voor gasten in de buurt van het hotel. Elke locatie heeft een korte tekst, afbeeldingen, een link naar de officiële website van de locatie en een knop om de locatie op Google Maps te openen.
Het weer
De actuele weersverwachting voor San Juan, met gegevens zoals luchtvochtigheid, windsnelheid en de tijden van zonsopgang en zonsondergang.
Dienstregelingen
Dienstregelingen van alle hoteldiensten.
Zelf inchecken
Knop waarmee gasten bij aankomst in het hotel gemakkelijk kunnen inchecken via hun mobiele telefoon.
Directory
Download het roomservicemenu en de lijst met diensten. In de toekomst kan al deze informatie worden overgezet naar het CMS, zodat het op dezelfde manier kan worden weergegeven als de andere onderdelen van de app.
Waarom een webapp?
Aanvankelijk overwogen we om twee native applicaties te maken voor iOS en Android, maar uiteindelijk besloten we om een webapp te maken, om verschillende redenen:
- Gemakkelijk bereikbaar. Bij een native app moet de gebruiker de app downloaden uit de App Store en installeren op zijn systeem. Bij een web-app hoeven we uw browser alleen maar naar het webadres van de app te verwijzen, hetzij met een URL (app.hcastilla.com) of met een QR-code (die simpelweg de URL codeert)
- Vermindering van de ontwikkeltijd en dus van de kosten. Bij het ontwikkelen van een native app zijn altijd meerdere stappen nodig en is het publicatietraject complexer dan bij een webapp. Een webapp kunnen we daarentegen veel eenvoudiger publiceren en updaten.
- We hebben meer vrijheid in de technologieën die we gebruiken en tegelijkertijd verminderen we de ontwikkeltijd en -kosten.
- Zonder dat u steeds twee versies van de app voor elk besturingssysteem hoeft bij te werken.
. Voor deze app heeft u geen toegang nodig tot de klantgegevens of de verschillende functies van elk apparaat, zoals de camera of microfoon.
Gebruikte technologieën
Om deze webapp te maken, hebben we de meest gangbare talen van het huidige web gebruikt: HTML, CSS, JavaScript, PHP en MySQL. Het zijn volwassen technologieën die veel worden gebruikt in professionele omgevingen en die nog in ontwikkeling zijn.
Om deze talen beter te kunnen beheren, hebben we een reeks frameworks toegevoegd waarmee we sneller applicaties kunnen creëren. Deze frameworks bieden een goed gestructureerde omgeving en een reeks tools die de ontwikkeling vergemakkelijken en moeilijke programmeertaken vereenvoudigen.
CSS:
Om de ontwikkeling van CSS-stijlen, die het grafische uiterlijk van de verschillende elementen van de app bepalen, te stroomlijnen, maken we gebruik van Skeleton CSS. Skeleton biedt ons een zeer eenvoudige basis voor het beheren van de grafische structuur van de app op een zeer responsieve manier, dat wil zeggen dat het zich aanpast aan de grootte van het apparaat van de gebruiker.
We hebben hiervoor gekozen omdat het krachtige, responsieve functionaliteit biedt, maar zonder overbodige toevoegingen. Het biedt ons de mogelijkheid om volledig vrij en zonder beperkingen op de basis voort te bouwen. Dat is precies hoe we bij BE Creativos graag werken.
Javascript:
Er zijn tegenwoordig duizelingwekkend veel JavaScript-frameworks en -hulpprogramma's beschikbaar. Het is de programmeertaal die de afgelopen jaren de grootste groei heeft doorgemaakt en het universum ervan is exponentieel gegroeid. Voor het beheer van de JavaScript-code hebben we gekozen voor de Vue-infrastructuur vanwege de eenvoud en directheid ervan. Het legt geen rigide structuren of workflows op zoals de grootste concurrenten React en Angular.
Hiermee kunnen we een zeer dynamische ervaring voor de gebruiker creëren. We laden alle app-gegevens zodra u de app opent. Wanneer u dus een sectie opent, ervaart u direct de ervaring en gedraagt deze zich bijna hetzelfde als een native app.
Bovendien kunnen we hiermee een zeer eenvoudige en modulaire ontwikkelstructuur gebruiken, waardoor we snel en overzichtelijk wijzigingen kunnen doorvoeren.
PHP:
In tegenstelling tot JavaScript, dat in de browser van de gebruiker wordt uitgevoerd, wordt PHP-code op de server uitgevoerd en biedt deze ons toegang tot de database om toepassingsgegevens op te halen en te formatteren, zodat JavaScript-code deze via Vue eenvoudig kan verwerken en weergeven.
We hebben hier gekozen voor de Slim-infrastructuur. Deze biedt, net als de vorige opties, een eenvoudige omgeving, legt geen specifieke werkwijze op en laat ons met grote vrijheid werken, terwijl er toch krachtige tools beschikbaar zijn. Het is een heel eenvoudig framework waarmee we tools uit andere frameworks kunnen toevoegen, zoals het Twig-sjabloonsysteem van Simfony en de ORM (databasetool) van Laravel, Eloquent.
MySql
Gegevens zijn voor vrijwel elke toepassing van fundamenteel belang. Daarom is een goed beheer ervan essentieel. Hiervoor hebben we gekozen voor Eloquent, de databasebeheertool van het populaire Laravel. Hierdoor kunnen we gegevens op een heel natuurlijke manier verwerken, in plaats van het heel technische en, eerlijk gezegd, omslachtige proces van het plakken van SQL-strings.
Conclusie
Het resultaat is een app die het resultaat is van een nauwe samenwerking tussen ons en onze klant, waarbij ideeën en voorstellen vloeiend werden uitgewisseld. Dit heeft geresulteerd in een tool met een aanzienlijke toegevoegde waarde voor de gasten. In de woorden van Ana Sarmiento, commercieel directeur van het hotel:
