Kom igång med AI App & Site Builder

Med AI App & Site Builder skapar du webbplatser och webbappar genom att enkelt beskriva vad du behöver. Du kan starta med textinmatning, röstinmatning eller en skärmbild. Dina projekt publiceras automatiskt på STRATO:s infrastruktur – utan att du behöver konfigurera separat hosting.

Vad är AI App & Site Builder?

AI App & Site Builder är en plattform där du kan skapa digitala projekt med hjälp av en naturlig beskrivning. I stället för att bygga upp ett projekt manuellt från grunden beskriver du helt enkelt vad du vill skapa – till exempel en företagswebbplats, en portfolio, en landningssida eller en webbapp med särskilda funktioner. Plattformen skapar ett direkt användbart projekt och gör det automatiskt tillgängligt online.

Typiska möjligheter:

• skapa en webbplats eller webbapp med hjälp av en beskrivning
• ta fram en layout utifrån en skärmbild
• formulera krav med röstinmatning
• skapa texter, bilder och sidavsnitt med AI
• skapa funktioner och datastrukturer för app-projekt
• publicera projekt automatiskt
• kontrollera ändringar direkt i förhandsvisningen

Beroende på projekt kan du till exempel skapa:

• företagswebbplatser
• portfolios
• landningssidor
• boknings- eller förfrågningssidor
• kundanpassade webbprojekt
• interna verktyg eller enklare affärsapplikationer

För bästa resultat bör du beskriva så konkret som möjligt vad du vill skapa. Ju mer relevant information du anger, desto bättre stämmer resultatet med dina önskemål.

En stor fördel: hosting, publicering och viktiga bastjänster är redan integrerade i plattformen. Den här helhetslösningen skiljer AI App & Site Builder från lösningar där skapande, hosting, domän, säkerhet, databas eller e-post måste konfigureras och hanteras separat.

Webbplats eller app: vad är skillnaden?

Med AI App & Site Builder kan du skapa både webbplatser och webbappar.

Webbplats

En webbplats passar framför allt när du vill presentera information, till exempel:

• företagswebbplats
• portfolio
• landningssida
• restaurangsida
• kontakt- eller erbjudandesida

Fokus ligger på sidor, texter, bilder, navigering och en professionell närvaro online.

App eller webbapp

En app passar när användare aktivt ska kunna arbeta med projektet, till exempel via:

• inloggningar
• formulär
• datavyer
• kundområden
• interna arbetsflöden
• boknings- eller administrationsfunktioner

Vid app-projekt kan AI App & Site Builder, utöver gränssnitt och sidstruktur, även förbereda tekniska delar som databasscheman, säkerhetsgrunder och autentisering – till exempel via e-post, engångskod eller Single Sign-on.

Hur startar jag mitt första projekt?

På startsidan ser du vanligtvis direkt det centrala inmatningsfältet för din projektbeskrivning, dina befintliga projekt och knappen + Nytt projekt.

Skapa projekt med en beskrivning

Så startar du ditt första projekt med textinmatning:

1. Öppna AI App & Site Builder.
2. Klicka på + Nytt projekt.
3. Skriv i beskrivningsfältet vad du vill skapa.
4. Lägg till så konkreta uppgifter som möjligt om:
   • typ av projekt
   • målgrupp
   • stil eller utseende
   • önskat innehåll
   • önskade funktioner
5. Starta skapandet.

Exempel på en bra inmatning:

"Skapa en modern webbplats för en italiensk restaurang med startsida, meny, kontaktområde, bokningsförfrågan och en varm färgpalett."

Plattformen skapar ett första utkast baserat på dina uppgifter. Därefter kan du anpassa det vidare.

Skapa projekt med röstinmatning

Om röstinmatning är tillgänglig i din webbläsare kan du även tala in ditt projekt.

Så gör du:

1. Öppna inmatningsområdet för ditt nya projekt.
2. Klicka på mikrofonsymbolen.
3. Tala in dina krav så tydligt och fullständigt som möjligt.
4. Kontrollera den överförda beskrivningen.
5. Starta sedan skapandet.

Röstinmatningen stöds via webbläsaren, till exempel i Chrome och Safari.

Bygga upp ett projekt utifrån en skärmbild

AI App & Site Builder kan även ta fram en layout utifrån en visuell förlaga.

Typiskt tillvägagångssätt:

1. Starta ett nytt projekt.
2. Ladda upp en skärmbild eller bild som inspiration.
3. Beskriv skriftligt vad som ska tas över eller ändras.
4. Låt plattformen skapa ett första utkast.

Det här är särskilt användbart om du redan har en designidé och vill använda den som utgångspunkt.

Hur formulerar jag min första beskrivning på bästa sätt?

Ju mer exakt du beskriver din idé, desto bättre passar det första utkastet till ditt projekt. Skriv därför direkt vad som ska skapas, vem projektet är till för och vilket innehåll eller vilka funktioner som är viktiga.

Bra uppgifter att ta med är till exempel:

• typ av projekt, t.ex. webbplats, portfolio, landningssida eller webbapp
• målgrupp eller bransch
• önskade sidor eller avsnitt
• viktiga funktioner, t.ex. kontaktformulär, bokningsförfrågan eller inloggning
• önskad stil, t.ex. modern, enkel, kreativ eller professionell
• passande färger eller designriktning

Exempel på bra beskrivningar:

"Skapa en webbplats för en skatterådgivare med startsida, tjänster, om oss, kontaktformulär och en professionell design i blått och vitt."

"Jag behöver en portfolio för en fotograf med stort bildområde, referenser, om mig-sida och kontaktmöjlighet."

"Skapa en webbapp för tidsbokningsförfrågningar med formulär, översiktssida och bekräftelseområde."

Hur redigerar jag mitt projekt efter att det har skapats?

Efter den första skapandet är projektet inte slutgiltigt färdigt, utan fungerar som din utgångspunkt. Du kan fortsätta att anpassa innehåll och struktur direkt på den visade sidan, ungefär som i en editor.

Typiska ändringar är:

• ändra eller lägga till texter
• byta ut eller skapa nya bilder
• anpassa färger och stil
• lägga till eller ta bort områden
• utöka funktioner i efterhand
• förfina strukturen

Du kan till exempel välja ett enskilt element på sidan och sedan skriva i promptfältet vilka ändringar AI:n ska göra. Plattformen är utformad så att ändringar snabbt blir synliga och löpande visas i förhandsvisningen.

Verktygsfält

Via verktygsfältet kan du enkelt kontrollera, redigera och publicera ditt projekt. Sidans källkod kan visas med ett klick och vid behov anpassas. Om projektet behöver en databas skapas den automatiskt. Nya databasposter lägger du till via + Ny post.

Uppe till höger hittar du bland annat följande funktioner:

• Förhandsvisning för dator- och mobilvy
• Ladda om förhandsvisningen
• Öppna i ny flik
• Historik med tidigare versioner av ditt projekt

I Historik kan du när som helst visa tidigare projektversioner och vid behov återställa dem helt. Då återställs kod, konversation och databas till den valda versionen. På så sätt kan du testa ändringar och experimentera med projektet utan att riskera att förlora något permanent.

Via Publicera gör du projektet tillgängligt online.

Rekommenderad ordning:

1. Skapa grundstrukturen
2. Kontrollera innehållet
3. Förfina designen
4. Testa funktionerna
5. Publicera projektet

Hur publicerar jag mitt projekt?

När du har skapat och bearbetat projektet kan du göra det tillgängligt online direkt. Publiceringen sker automatiskt via STRATO:s infrastruktur, utan att du själv behöver konfigurera en hostingmiljö.

Beroende på gränssnittet sker publiceringen vanligtvis via publicerings- eller domänområdet.

Dessa steg är normalt lämpliga:

1. Slutför och kontrollera projektet
2. Koppla eller välj önskad domän
3. Starta publiceringen
4. Testa att projektet går att nå

Projektet publiceras på en egen domän med integrerad säkerhet.

SSL och domäner i AI App & Site Builder

För att du ska kunna koppla en domän till ditt projekt i AI App & Site Builder måste det finnas ett aktivt SSL-certifikat för den domänen.

Vad händer om det inte finns något aktivt SSL?

Om ett SSL-certifikat inte har aktiverats för en domän i ditt paket visas den domänen inte i valmenyn i AI App & Site Builder – även om domänen i övrigt ingår i ditt avtal.

Så här löser du problemet:

1. Öppna STRATO Kundtjänst.
2. Gå till Säkerhet → SSL-certifikat.
3. Tilldela ett SSL-certifikat till den aktuella domänen och aktivera det.
4. Gå sedan tillbaka till AI App & Site Builder – domänen visas nu i valmenyn.

Vad behöver jag veta om säkerhet, hosting och dataskydd?

Ditt projekt hostas på STRATO:s infrastruktur och görs automatiskt tillgängligt online. Hosting och datalagring är inriktade på EU-servrar. Dessutom ingår säkerhetsfunktioner som SSL, CDN och skyddsmekanismer mot attacker.

Viktiga punkter i korthet:

• ingen egen serverkonfiguration krävs
• automatisk publicering
• integrerad SSL-säkerhet
• CDN för snabbare leverans
• DDoS-skydd eller skyddsmekanismer på plattformsnivå
• hosting på STRATO:s infrastruktur
• stark inriktning på dataskydd och compliance, särskilt för EU-kunder

Vad händer om jag använder AI:n väldigt mycket?

Du kan fortsätta använda AI App & Site Builder löpande. Användningen blockeras inte bara abrupt om du arbetar intensivt med plattformen. I grunden förblir arbetet med produkten möjligt:

• du kan fortsätta skapa och vidareutveckla dina projekt
• åtkomsten till plattformen finns kvar
• aktuella produktvillkor och regler för fair use gäller

Vad kan supporten hjälpa mig med?

Supporten hjälper dig med frågor som rör plattformen och dess tillgänglighet.

Det gäller framför allt:

• konto- och åtkomstproblem
• frågor om plattformens tillgänglighet
• problem med hosting eller publicering
• domän- och DNS-frågor
• frågor om fakturering
• produktövergripande störningar

Det här hjälper supporten inte till med

Supporten gör ingen innehållslig eller fackmässig bearbetning av ditt AI-genererade projekt, till exempel:

• ingen debugging av individuellt skapad applikationslogik
• ingen innehållslig rådgivning kring den optimala beskrivningen
• ingen felanalys av egen definierad projektlogik
• ingen innehållslig korrigering av datastrukturer eller arbetsflöden i ditt projekt