Tillbaka till start

Filmer

Filmerna svarar på var sin fråga: hur bygger jag en guide, hur läser jag den jag byggt, vågar jag ändra i den och hur lär den sig ett språk till. Ingen av dem är inspelad av en människa — de är skript som körs om när gränssnittet ändras, så det du ser är alltid den version som ligger uppe.

Så fungerar det

Startsidans fyra steg, gjorda i verktyget på drygt en minut: guiden ritas, sparas, visas på er webbplats — och svaren går dit ni vill.

Filmen i text
  1. Redaktören ritar guiden i editorn: ett resultat dras ur paletten, döps och kopplas till frågan.
  2. Guiden sparas i valfri datakälla: Arkiv → Exportera guide, och filen editorn skrev visas — en fil, en databas eller ert CMS, ni väljer.
  3. Visaren visar den på er webbplats: en sida med en skriptrad och elementet, och guiden körs där.
  4. Svaren går dit ni vill: ett ärende lämnas in, kvittensen med referensnummer visas, och det som mottagaren fick står under.

Så här går det till

En hel guide byggd från tom yta, på en minut: en fråga, två svar, två utfall — och sedan körd som besökaren möter den.

Filmen i text
  1. Editorn öppnas på en tom arbetsyta.
  2. En Fråga dras ut ur paletten och placeras.
  3. Den är guidens startpunkt — det första steget i en tom guide blir start av sig självt.
  4. Frågan skrivs: Bor du i en bostad du hyr eller äger?
  5. Svarsalternativen döps om till Ja och Nej.
  6. Två Resultat läggs till: Du kan ha rätt till bostadsbidrag och Du har troligen inte rätt till bidraget.
  7. En linje dras från varje svar till det utfall det leder till.
  8. Guiden körs i förhandsgranskningen, svaret Ja väljs, och den landar i sitt utfall.

Vilka vägar leder hit?

Linjerna säger vart ett svar leder. Frågan åt andra hållet — hur någon hamnar i ett visst svar — går inte att läsa ur en ritning så fort det finns en regel i mitten.

Filmen i text
  1. Hela guiden visas på en gång: två frågor, en regel, tre utfall.
  2. Högerklick på resultatet Bostadsbidrag är ovanligt i din situation och valet Visa vägarna hit.
  3. Varje koppling som kan leda dit tänds grönt. Resten tonas ned, liksom de svarsalternativ och noder som inte ligger på vägen.
  4. Svaret: Nej på barnfrågan och Nej på 29-årsfrågan. Ingen annan väg når det utfallet.
  5. Samma väg följs sedan i full storlek, nod för nod.

Öppna guiden i editorn och prova själv — högerklicka på ett resultat och välj Visa vägarna hit.

Ångra på riktigt

Vågar du ändra i en guide som ligger ute? Filmen gör hela rundan: öppna en annan version, skriv om, publicera — och ta tillbaka.

Filmen i text
  1. Versionslistan visar tre rader; Bostadsbidrag är den publicerade — det besökaren ser.
  2. Raden Före regeländringen öppnas i editorn.
  3. Frågan skrivs om till Har du bott i kommunen i minst ett år?.
  4. Besökarens ruta står stilla — den ritas ur den publicerade versionen, inte ur det som skrivs.
  5. Spara, sedan Publicera — först nu byts besökarens ruta.
  6. Publicera på en tidigare rad tar tillbaka den: besökaren är åter på det som fungerade.

Ett språk till

Guiden från bygg-filmen lär sig engelska: källan står kvar, du skriver bara ditt språk — och sedan körs samma guide på engelska.

Filmen i text
  1. Guiden från bygg-filmen: en fråga, två resultat, på svenska.
  2. Källväljaren byts till Engelska — översättningsläget slås på, och den svenska källan visas som referens.
  3. Frågan, svaren och resultaten skrivs på engelska, fält för fält, med originalet som ledtext i varje ruta.
  4. Räkneverket i verktygsraden räknar upp tills allt är översatt.
  5. Guiden körs i förhandsgranskningen — nu helt på engelska, knappar och allt.

Guiden vet redan

En ansökan bakom inloggning, två fält. Namnet vet värden redan, så guiden frågar inte om; kommunen slås upp i värdens lista. Ingen backend i biblioteket — kontraktet är allt värden bygger.

Filmen i text
  1. Guiden: en sida med Namn och Kommun, och ett svar.
  2. Redaktören skriver Varför frågar vi det här? på kommunfältet — besökaren kan fälla ut det vid frågan.
  3. Svaret använder besökarens ord: {{namn}} och {{kommun.label}}.
  4. Under Svar från värden skrivs raden namn = Anna Berg — det en inloggning skulle ge. Provet öppnar med namnet ifyllt.
  5. Tre bokstäver i kommunfältet, och Umeå kommer från värdens uppslag — ingen lista i guiden.
  6. Svaret: Tack Anna Berg. Ansökan går till Umeå kommun.

Räkna medan man svarar

Förskolans avgift beror på inkomsten och antalet barn. Formeln står i sidan som i ett kalkylblad, och beloppet räknas om för varje siffra besökaren skriver — ingen Nästa för att få veta.

Filmen i text
  1. Guiden: en sida med Hushållets inkomst, Barn i förskolan med plus- och minusknappar, en uträkning och en inforuta.
  2. Uträkningen öppnas: fyra rader, den sista round(forsta + andra + tredje). Maxtaxans procent och tak står i formlerna, inte i kod.
  3. Provet: inkomsten skrivs siffra för siffra, och inforutan säger 1 739 kr i månaden så fort talet är klart.
  4. Ett tryck på plus: två barn, och samma text säger 2 898 kr.
  5. Nästa visar bara det besökaren redan vet: Avgiften blir 2 898 kr i månaden.

Ett barn till

En ansökan där besökaren anger sina barn — hur många vet ingen i förväg. Fälten för ett barn byggs en gång, och sidan kan upprepas: besökaren lägger till nästa barn med en knapp, och guiden räknar.

Filmen i text
  1. Guiden: en sida Dina barn med två fält, Namn och Födelseår, märkt × barn, och ett svar.
  2. Sidans panel: kryssrutan Kan upprepas är ikryssad, och Vad som upprepas säger barn.
  3. Provet: Barn 1 fylls i — Elsa, 2019.
  4. Knappen Lägg till barn: Barn 2 med samma två fält, ingen kopia i guiden — Noah, 2022.
  5. Svaret: Ansökan gäller 2 barn, och båda barnen radade under.

Ser ut som er sajt

Guiden ligger på er sajt, så den ska se ut som er sajt. Färgskalan väljs i sidhuvudet och guiden följer med — fyra skalor och mörkt läge, utan en rad kod.

Filmen i text
  1. Guiden Har du tandvärk? på en sida, i standardskalan Indigo.
  2. Sidhuvudets meny Färgskala: Hav, Skog, Skiffer, Tegel — guiden och sidan byter färg för varje val.
  3. Besökaren svarar Ja och trycker Nästa: Gå till tandläkaren, i samma färger.
  4. Knappen Mörkt läge: samma sida, samma skala, mörk.
  5. Sluttext: en skala är några färgvärden på elementet, så som en värd sätter sina egna. Ingen stilmall att skriva om.

Utan mus

Ingen pekare i hela filmen. F6 mellan editorns delar, pilarna mellan noderna, och en koppling gjord med Enter på utgången och Enter på ingången. Tangenterna visas på skärmen när de trycks.

Filmen i text
  1. Guiden Har du tandvärk? i editorn, med svaret Nej ännu inte kopplat. Fokus står på menyn Arkiv.
  2. F6, F6, F6: åtgärderna, paletten, arbetsytan.
  3. Tab in på frågan. Pil höger till Gå till tandläkaren, pil ned till Gå till godisaffären, pil vänster tillbaka. Enter markerar frågan.
  4. Tab till utgången Nej, Enter. Pil ned till resultatet, Tab till ingången, Enter — kopplingen finns, Inga problem.
  5. Frågetecknet: listan över kortkommandon. Esc.
  6. Sluttext: ingenting i editorn kräver en pekare — ett krav, inte en finess.

Tjugofyra noder

Skrivarguiden: fyra grenar, tjugofyra noder — den guide ingen håller i huvudet. Kartan dyker upp när allt inte får plats, rutan i den är det du ser, och Vägar hit tänder vägen tvärs över hela guiden.

Filmen i text
  1. Guiden Skrivaren skriver inte ut i editorn, hela flödet inpassat i rutan. Ingen karta — allt syns.
  2. Ctrl + hjul in på en gren. Kartan dyker upp i hörnet, med en ruta för det som syns just nu.
  3. Rutan dras i kartan till guidens början. Arbetsytan följer.
  4. Arbetsytan skrollas bort tills ingen nod syns. Knappen Tillbaka till guiden visas; klick, och guiden är tillbaka.
  5. Rutan dras till svaret Töm utskriftskön, längst in. Högerklick, Vägar hit: fem noder tänds, resten tonas ned.
  6. Vy, Anpassa till innehåll: hela guiden i bild, vägen tvärs över den — fyra frågor, ett svar.
  7. Sluttext: tjugofyra noder är där en ritad guide brukar bli en vägg; här är den en karta.

En tagg

Hela sidan är tretton rader: ett element, en skripttagg och guiden. Öppna filen från skrivbordet, lägg elementet på er sajt — det tar er färg. Webbstandard, inga beroenden, och webbläsare från 2022 och framåt.

Filmen i text
  1. Filen guide.html som text: tretton rader. <guide-preview>, en skripttagg till visaren, och guiden — en fråga, två svar, ett resultat.
  2. Filen öppnad direkt från skrivbordet, utan bygge eller installation. Frågan står där; Ja väljs, Nästa, och svaret Du kan gå vidare visas.
  3. Samma element på exempelsajten, i färgskalan Skog: guiden tar sajtens färg. Mörkt läge slås på — guiden följer med.
  4. package.json utan beroenden, och visaren som en enda fil, mätt som den serveras. Vi har inga beroenden till andra — vi tar ansvar för att det fungerar.
  5. Golvet: från 2022 och framåt — Chrome 98, Safari 15.4, Firefox 95 — mätt i den skeppade koden.
  6. Sluttext: webbstandard är valet att ingen annan bestämmer när det slutar fungera.

Fem skäl, fem bevis

Fem skäl att använda Flowweaver, och beviset för vart och ett — i verktyget, på en och en halv minut.

Filmen i text
  1. Innehåll, inte utveckling: frågan i en färdig guide skrivs om direkt i editorn — ingen beställning, ingen kod.
  2. Förhandsgranskningen ljuger inte: guiden körs på en gång, och den omskrivna frågan står där ordagrant.
  3. Det går att ångra sig: på versionssidan publiceras en tidigare version om — besökarens ruta byter i samma stund.
  4. Tillgängligheten är inbyggd: en guide besvaras med enbart tangentbordet — fokus syns, en fråga i taget.
  5. Datat sitter inte fast: Arkiv → Exportera guide, och hela guiden lämnar verktyget som en fil i ett standardformat — en säker kopia, eller något att läsa in i en annan guide.