Eerste stappen met de AI App & Site Builder

Met de AI App & Site Builder maak je websites en webapplicaties door simpelweg te beschrijven wat je nodig hebt. Je kunt starten met een tekstbeschrijving, spraakinvoer of een screenshot. Je projecten worden automatisch op de STRATO-infrastructuur beschikbaar gemaakt, zonder dat je apart hosting hoeft in te richten.

Wat is de AI App & Site Builder?

De AI App & Site Builder is een platform waarmee je digitale projecten kunt maken op basis van een natuurlijke beschrijving. In plaats van een project handmatig vanaf nul op te bouwen, geef je gewoon aan wat je wilt maken, bijvoorbeeld een bedrijfswebsite, portfolio, landingspagina of webapplicatie met specifieke functies. Het platform maakt daar een direct bruikbaar project van en stelt het automatisch beschikbaar.

Typische mogelijkheden:

• een website of webapp maken op basis van een beschrijving
• een lay-out uit een screenshot afleiden
• wensen via spraakinvoer formuleren
• teksten, afbeeldingen en paginadelen met AI maken
• functies en datastructuren voor app-projecten aanleggen
• projecten automatisch publiceren
• wijzigingen direct in de preview controleren

Afhankelijk van je project kun je bijvoorbeeld het volgende maken:

• bedrijfswebsites
• portfolio's
• landingspagina's
• afspraak- of aanvraagpagina's
• klantspecifieke webprojecten
• interne tools of eenvoudige zakelijke applicaties

Voor goede resultaten is het belangrijk dat je zo concreet mogelijk beschrijft wat je wilt maken. Ook bij AI-ondersteunde websitecreatie geldt: hoe meer relevante informatie je invoert, hoe beter het resultaat aansluit op je wensen.

Een groot voordeel: hosting, publicatie en belangrijke basisdiensten zijn al in het platform geïntegreerd. Deze volledige integratie onderscheidt de AI App & Site Builder van oplossingen waarbij je creatie, hosting, domein, beveiliging, database of e-mail apart moet instellen en beheren.

Website of app: wat is het verschil?

Met de AI App & Site Builder kun je zowel websites als webapplicaties maken.

Website

Een website is vooral geschikt als je informatie wilt presenteren, bijvoorbeeld:

• bedrijfswebsite
• portfolio
• landingspagina
• restaurantsite
• contact- of offertepagina

De focus ligt op pagina's, teksten, afbeeldingen, navigatie en een professionele online presentatie.

App of webapplicatie

Een app is geschikt wanneer gebruikers actief met je project moeten werken, bijvoorbeeld via:

• logins
• formulieren
• gegevensoverzichten
• klantomgevingen
• interne workflows
• boekings- of beheerfuncties

Bij app-projecten kan de AI App & Site Builder naast de interface en paginastructuur ook technische onderdelen voorbereiden, zoals databaseschema's, beveiligingsbasis en authenticatie, bijvoorbeeld via e-mail, eenmalige code of Single Sign-on.

Hoe start ik mijn eerste project?

Op de startpagina zie je meestal direct het centrale invoerveld voor je projectbeschrijving, je bestaande projecten en de knop + Nieuw project.

Project met een beschrijving maken

Zo start je je eerste project met tekstinvoer:

1. Open de AI App & Site Builder.
2. Klik op + Nieuw project.
3. Vul in het beschrijvingsveld in wat je wilt maken.
4. Voeg zo concreet mogelijk informatie toe over:
   • het soort project
   • de doelgroep
   • de stijl of uitstraling
   • gewenste inhoud
   • gewenste functies
5. Start het aanmaken van je project.

Voorbeeld van een goede invoer:

"Maak een moderne website voor een Italiaans restaurant met homepage, menukaart, contactgedeelte, reserveringsaanvraag en een warme kleurstijl."

Het platform maakt op basis van je informatie een eerste ontwerp. Daarna kun je dit verder aanpassen.

Project met spraakinvoer maken

Als spraakinvoer in je browser beschikbaar is, kun je je project ook inspreken.

Zo ga je te werk:

1. Open het invoergedeelte voor je nieuwe project.
2. Klik op het microfoon-symbool.
3. Spreek je wensen zo duidelijk en volledig mogelijk in.
4. Controleer de overgenomen beschrijving.
5. Start daarna het aanmaken van je project.

Spraakinvoer wordt via de browser ondersteund, bijvoorbeeld in Chrome en Safari.

Project op basis van een screenshot opbouwen

De AI App & Site Builder kan ook een lay-out afleiden uit een visuele template.

Typische werkwijze:

1. Start een nieuw project.
2. Upload een screenshot of afbeelding als voorbeeld.
3. Beschrijf aanvullend wat moet worden overgenomen of aangepast.
4. Laat daaruit een eerste ontwerp maken.

Dit is vooral handig als je al een ontwerpidee hebt en dit als uitgangspunt wilt gebruiken.

Hoe formuleer ik mijn eerste beschrijving het best?

Hoe nauwkeuriger je je idee beschrijft, hoe beter het eerste ontwerp bij je project past. Geef daarom meteen aan wat er gemaakt moet worden, voor wie het project bedoeld is en welke inhoud of functies belangrijk zijn.

Handige informatie om op te nemen:

• soort project, bijvoorbeeld website, portfolio, landingspagina of webapplicatie
• doelgroep of branche
• gewenste pagina's of onderdelen
• belangrijke functies, zoals contactformulier, boekingsaanvraag of login
• gewenste stijl, bijvoorbeeld modern, rustig, creatief of zakelijk
• passende kleuren of ontwerprichting

Voorbeelden van goede beschrijvingen:

"Maak een website voor een belastingadviseur met homepage, diensten, over ons, contactformulier en een zakelijke vormgeving in blauw en wit."

"Ik heb een portfolio nodig voor een fotograaf met een groot beeldgedeelte, referenties, over-mij-pagina en contactmogelijkheid."

"Maak een webapplicatie voor afspraakaanvragen met formulier, overzichtspagina en bevestigingsgedeelte."

Hoe bewerk ik mijn project na het maken?

Na de eerste generatie is je project nog niet definitief afgerond, maar vormt het de basis waarmee je verder werkt. Je kunt inhoud en opbouw direct op de weergegeven pagina aanpassen, vergelijkbaar met een editor.

Typische bewerkingen zijn:

• teksten wijzigen of aanvullen
• afbeeldingen vervangen of opnieuw laten maken
• kleuren en stijl aanpassen
• onderdelen toevoegen of verwijderen
• functies achteraf uitbreiden
• structuur verfijnen

Je kunt bijvoorbeeld een afzonderlijk element op de pagina selecteren en vervolgens in het promptveld aangeven welke wijziging de AI moet uitvoeren. De wijzigingen worden snel zichtbaar en steeds in de preview verwerkt.

Werkbalk

Via de werkbalk kun je je project eenvoudig controleren, bewerken en publiceren. De broncode van de pagina kun je met één klik bekijken en indien nodig aanpassen. Als je project een database nodig heeft, wordt deze automatisch aangemaakt. Nieuwe database-inhoud voeg je toe via + Nieuwe invoer.

Rechtsboven vind je onder andere deze functies:

• Preview voor desktop- en mobiele weergave
• Preview opnieuw laden
• In nieuw tabblad openen
• Historie met eerdere versies van je project

In de Historie kun je eerdere projectversies bekijken en indien nodig volledig herstellen. Daarbij worden code, conversatie en database teruggezet naar de gekozen versie. Zo kun je wijzigingen uitproberen en met je project experimenteren zonder definitief iets kwijt te raken.

Via Publiceren zet je je project online.

Aanbevolen volgorde:

1. Basisstructuur maken
2. Inhoud controleren
3. Design verfijnen
4. Functies testen
5. Project publiceren

Hoe publiceer ik mijn project?

Na het maken en bewerken kun je je project direct online beschikbaar maken. De publicatie verloopt automatisch via de STRATO-infrastructuur, zonder dat je zelf een hostingomgeving hoeft te configureren.

Afhankelijk van de interface publiceer je je project meestal via het publicatie- of domeingedeelte.

Meestal zijn deze stappen handig:

1. Project afronden en controleren
2. Gewenst domein koppelen of selecteren
3. Publicatie starten
4. Bereikbaarheid testen

Je project wordt gepubliceerd op een eigen domein met geïntegreerde beveiliging.

SSL en domeinen in de AI App & Site Builder

Om een domein in de AI App & Site Builder aan je project te koppelen, moet er voor dat domein een actief SSL-certificaat aanwezig zijn.

Wat gebeurt er als er geen SSL actief is?

Als er voor een domein in je pakket nog geen SSL-certificaat is geactiveerd, verschijnt dat domein niet in de keuzelijst in de AI App & Site Builder — ook niet als het domein wel in je contract is opgenomen.

Zo los je dit op:

1. Open het STRATO Klantencentrum.
2. Ga naar Beveiliging → SSL-certificaten.
3. Wijs een SSL-certificaat toe aan het betreffende domein en activeer het.
4. Ga daarna terug naar de AI App & Site Builder — het domein staat nu in de keuzelijst.

Wat moet ik weten over veiligheid, hosting en privacy?

Je project wordt gehost op de STRATO-infrastructuur en automatisch beschikbaar gemaakt. Hosting en gegevensopslag zijn gericht op EU-servers. Daarnaast zijn beveiligingsdiensten zoals SSL, CDN en beschermingsmechanismen tegen aanvallen geïntegreerd.

Belangrijke punten op een rij:

• geen eigen serverinrichting nodig
• automatische publicatie
• geïntegreerde SSL-beveiliging
• CDN voor snellere levering
• DDoS-bescherming of beschermingsmechanismen op platformniveau
• hosting op STRATO-infrastructuur
• sterke focus op gegevensbescherming en compliance, vooral voor EU-klanten

Wat gebeurt er als ik de AI heel intensief gebruik?

Je kunt de AI App & Site Builder doorlopend blijven gebruiken. De toegang wordt niet zomaar abrupt geblokkeerd wanneer je intensief met het platform werkt. In principe blijft werken met het product mogelijk:

• je kunt je projecten blijven maken en verder ontwikkelen
• de toegang tot het platform blijft beschikbaar
• de actuele productvoorwaarden en regels voor fair use zijn van toepassing

Waarmee kan de support mij helpen?

De support helpt je bij onderwerpen rond het platform en de beschikbaarheid ervan.

Daaronder vallen vooral:

• problemen met account of toegang
• vragen over bereikbaarheid van het platform
• problemen met hosting of publicatie
• domein- en DNS-onderwerpen
• vragen over facturatie
• productbrede storingen

Waarmee de support niet helpt

De support voert geen inhoudelijke of vaktechnische bewerking van je AI-gegenereerde project uit. Denk bijvoorbeeld aan:

• geen debugging van individueel gegenereerde applicatielogica
• geen inhoudelijk advies over de optimale beschrijving
• geen foutanalyse van zelf gedefinieerde projectlogica
• geen inhoudelijke correctie van datastructuren of workflows binnen je project