Werken met formulieren in Woodford [Handleiding].

Om ten volle te kunnen profiteren van de aanpassingsmogelijkheden in Woodford, moeten beheerders en projectmanagers de mogelijkheden van formulieren volledig begrijpen. Dit onderdeel vormt de basis voor alle andere aanpassingsopties en is vaak een van de meest essentiële onderdelen van de app.
Laten we eens nader bekijken hoe je met formulieren werkt in Resco’s aanpassingshulpmiddel Woodford. We laten een voorbeeld zien van een van de Resco-apps – Slimme stadsdiensten – en geven je praktische tips en trucs over hoe je optimaal gebruik kunt maken van de formuliercomponent.

Gebruikt u Woodford nog niet?

Boek een gepersonaliseerde demo van resco.ServicePlatform om te zien hoe het uw bedrijf kan versterken

Nu demo boeken

Wat is een formulier in Resco Woodford?

Dankzij formulieren kunt u instellen welke informatie gebruikers te zien krijgen voor individuele entiteiten. Met de functionaliteit kunnen gebruikers ook nieuwe records maken en bestaande veldwaarden wijzigen.

Stel je voor dat je een contactentiteit hebt in je CRM. Met formulieren kun je informatie over de entiteit toevoegen, zoals naam, achternaam, telefoonnummer of adres, en de gebruiker kan deze informatie direct in de app bewerken.

Bovendien kunt u als projectmanager of beheerder de gegevens in een formulier sorteren op afzonderlijke tabbladen. Zo kunt u voor een contactpersoon de hierboven genoemde informatie zien op het tabblad Algemeen, en details zoals geplande afspraken op het tabblad Afspraken. Dit alles is zelfs zonder programmeerkennis in te stellen dankzij onze low-code ontwikkeltool Woodford.

Voor grotere schermen kun je zelfs flexibele formulieren gebruiken om alle tabbladen tegelijk weer te geven, zodat gebruikers niet tussen de tabbladen hoeven te schakelen. Je kunt ook de positie en grootte van afzonderlijke onderdelen op formulieren aanpassen. Meer informatie over deze functie vind je in de gids Form Table Designer.

Hoe voeg je formulieren toe aan je app met Woodford?

U kunt een formulier toevoegen aan elke entiteit die beschikbaar is voor een project in Woodford. Om een lijst met beschikbare formulieren voor een entiteit te zien, begint u met het bewerken van uw app-project, selecteert u de entiteit en klikt u op de knop “Toon UI” in het bovenste navigatiepaneel.

Met de Form Designer kun je formulieren op verschillende manieren aanpassen: breedte, hoogte, knop om uit te vouwen of het tabblad personaliseren met een pictogram. Bekijk voor meer informatie de gedetailleerde informatie over het beheren van formulieren op Resco Wiki.

Hoe worden formulieren geïmplementeerd in de City Smart Services app?

Met de app City Smart Services kunnen gemeenten, gemeenteraden en lokale overheden suggesties van burgers verzamelen over mogelijke verbeteringen, technische problemen of de kwaliteit van de diensten in hun stad. Hiervoor hebben gebruikers van de app toegang tot een speciaal ontworpen meldingsformulier. Daar kunnen ze een zaak in detail beschrijven en allerlei aanvullende informatie toevoegen.

Om dit formulier te maken, heeft ons team het ook mogelijk gemaakt om foto’s, de locatie en een beschrijving van de zaak toe te voegen. Voor sommige delen van het formulier hebben ze iFrames gebruikt, dat zijn onderdelen waarmee externe inhoud aan de app kan worden toegevoegd. Je kunt meer leren over het gebruik van iFrames in een van onze eerdere gidsen.

Een stap-voor-stap proces voor het maken van een nieuw Incidentformulier in City Smart Services

Om te beginnen met een Nieuw Incident formulier, hebben we een nieuw “Externe (Portaal) Gebruiker” project aangemaakt. Met deze opzet kun je twee soorten interactie met gebruikers creëren: of ze hoeven niet in te loggen en zien universele informatie, of ze gebruiken referenties en hebben toegang tot CRM-inhoud die specifiek op hen betrekking heeft (dit is wat we gebruiken in City Smart Services).

Je kunt meer te weten komen over hoe je een extern gebruikersproject instelt op onze blog.

(klik op de gifs in deze gids om ze in hogere resolutie te bekijken)

Daarna zijn we, om het formulier te maken, begonnen met het aanpassen van het beginscherm, het voorbereiden van onderdelen en het bewerken van stijlen. Hieronder vind je gedetailleerde instructies voor het doorlopen van dit proces:

1. Een nieuw veld in het beginscherm

Na het initiële project maken we een nieuw veld aan op het beginscherm van de app.

Open project -> kies in het paneel Componenten (aan de linkerkant) het beginscherm -> klik op de knop Nieuw maken in het bovenste paneel -> kies de juiste naam -> kies Incident als entiteit

2. Voorbereiding activa

Voordat we verder gingen met het eigenlijke formulier, hebben we nog wat extra activa voorbereid:

Kies “Notitie” uit de lijst met “Entiteiten” in het linker navigatiepaneel -> Klik bovenaan op de knop “Nieuwe weergave” -> Kies een toepasselijke naam. (“Fotodocumentatie” in ons geval) -> Stel de weergave in als “Openbare lijst” -> Stel de breedte en hoogte van een rij in op 110 en 125 waarden -> Voeg twee velden toe aan de rij (img en beschrijving) -> Stel ze in volgens de onderstaande instructies

Laten we nu het formulier Algemeen aanpassen voor de entiteit Notitie:
Klik op Standaardformulier -> Stel het tabblad Algemeen en het veld Beschrijving in volgens de onderstaande afbeelding (Klik op de afbeelding om deze in een hogere resolutie te openen)

3. Een incidentformulier maken

Zodra de extra middelen klaar zijn, gaat u verder met het aanmaken van het Incidentformulier:

Kies het onderdeel Incident in het linkerpaneel -> Klik op Standaardformulier of maak een nieuw als het nog niet bestaat -> Verwijder reeds bestaande tabbladen en velden op het formulier -> Klik op de knop Stijl bewerken in het bovenste navigatiepaneel

Stijlen bewerken

We gaan uit van een voorgedefinieerde “Normal” stijl, maar we zullen ook twee extra stijlen maken voor onze behoeften:

GeenLabel Stijl:

Klik op de stijl Normaal uit de lijst met opties -> Klik op de optie Toevoegen -> Kies een geschikte naam in het veld “Naam” -> Verander “LabelPostion” in “Hidden” -> Verander de optie “WrapText” in “True”.

NormalLabelUp:

Klik op de stijl Normaal uit de lijst met opties.> Klik op de optie Toevoegen -> Kies een toepasselijke naam in het veld “Name”.> Verander de optie “WrapText” in “True”.> Wijzig “LabelFontWeight” in Regular -.> Verander “LabelHorizontalAlignment” in Dichtbij -.> Verander “LabelPostion” in Top

Foto’s toevoegen aan het formulier

Gebruikers kunnen nu foto’s toevoegen aan het formulier. We hebben deze optie ingeschakeld om burgers een snelle manier te bieden om een zaak te melden. En het helpt gemeenten ook. Foto’s geven snel visuele informatie die van pas komt bij het beoordelen van het belang van de zaak:

Wanneer u terug bent in het standaardformulier, klikt u op de knop “Lijst toevoegen” bovenaan -> Kies “Notitielijst” -> Ga verder met de lijstinstellingen aan de linkerkant -> Stel een naam in -> Stel “Side” in op Left -> Stel “Header” in op Label, “Width” op Large en “Expand Button” op Hidden.

Dubbelklik daarna op het tabblad dat je hebt gemaakt om aanvullende instellingen te zien:

Vink op het tabblad Gekoppelde weergaven alleen de optie “Fotodocumentatie” aan -> Klik bovenaan op “Filter bewerken” -> Voorwaarde toevoegen en stel deze als volgt in 1. Betreft 2. Gelijk aan 3. (variabele) id – > Opslaan en sluiten -> breng dezelfde wijzigingen aan in de Lookup Views -> Opslaan en sluiten -> Navigeer naar het tabblad Eigenschappen -> Kies “Foto vastleggen”.> Sla de wijzigingen op en nu kunt u de instellingen van het eerste tabblad in het Incidentenformulier sluiten

Om het Incidentformulier te vervolledigen, zullen we ook opties toevoegen waarmee gebruikers een categorie, locatie en beschrijving van de zaak kunnen kiezen.

Categorie

Categorieën helpen om de incidenten voor gemeenten te sorteren. Hierdoor kunnen grotere steden met meer incidenten de gevallen categoriseren en zelfs toewijzen aan verschillende medewerkers, wat de responstijd verder verbetert:

Klik bij de entiteit “Incident” en het standaardformulier op “Add detail” om nog een tabblad toe te voegen -> Klik op “Add Field” en kies het veld Incident Template -> Stel de stijl van het veld in op “NormalLabelUp” -> Stel de eigenschappen van het tabblad als volgt in Naam: Categorie | Zijde: Links | Koptekst: Label | Breedte: Groot | Knop uitvouwen: Verborgen

Kaart

Om efficiënt te kunnen reageren op een incident, is het noodzakelijk om te weten waar het is gebeurd. We hebben de burgers in staat gesteld om te communiceren met Google Maps, een bekend platform waarmee een probleem snel kan worden gelokaliseerd. U kunt Maps als volgt aan uw formulier toevoegen:

Klik op de knop “Kaart toevoegen” om nog een tabblad aan het formulier toe te voegen -> Dubbelklik op het tabblad om de instellingen te openen -> Geef het label de naam “Locatie” -> Stel de Zijde in op Links | Kopregel op Label | Breedte op Groot | en Vouwknop op Verborgen -> Kies voor het veld Breedtegraad en Lengtegraad “Breedtegraad”/”Lengtegraad” uit de lijst met opties.

In dit tabblad kun je de kracht van iFrames gebruiken om Google Maps toe te voegen. Navigeer naar de iFrame-gids voor meer informatie.

Beschrijving

En tot slot de optie om notities toe te voegen aan de incidenten. Hoewel foto’s, categorieën en de kaart een goede hoeveelheid informatie bieden, staat het burgers vrij om ook regels toe te voegen. Deze gegevens bevatten vaak specificaties over de locatie, of suggesties over mogelijke oplossingen. Het toevoegen van een beschrijvingsveld in Woodford is heel eenvoudig:

Klik op “Detail toevoegen” om nog een tabblad toe te voegen -> Stel een naam in op Beschrijving -> Stel de eigenschappen van het tabblad als volgt in Zijde: Links | Koptekst: Label | Breedte | Groot | Knop uitvouwen: Verborgen

Het belangrijkste onderdeel van de City Smart Services-app

Zo hebben we samen met Woodford het basisonderdeel van de City Smart Services app gemaakt – een nieuw incidentenformulier. Vandaag de dag wordt de CSS-oplossing gebruikt door burgers en gemeenten in heel Slowakije, zodat ze hun voordeel kunnen doen met mobiliteit om van hun stad een betere plek te maken.

Gebruikt u Woodford nog niet?

Boek een gepersonaliseerde demo van resco.ServicePlatform om te zien hoe het uw bedrijf kan versterken

Nu demo boeken

Omdat alle componenten die we in de CSS app hebben gebruikt flexibel zijn en toepasbaar in verschillende use cases, kun je er je voordeel mee doen als je in de buitendienst, productie of energie-industrie werkt.

De formulieren van je app aanpassen

Formulieren zijn de ruggengraat van maatwerk in Resco-oplossingen. Ze stellen je in staat om dataknooppunten voor gebruikers te maken en de belangrijkste informatie eruit te laten springen. In combinatie met iFrames kun je een nog aantrekkelijkere app maken zonder dat je geavanceerde ontwikkelaarsvaardigheden nodig hebt.

”

Als je nog niet begonnen bent met het aanpassen van je oplossing, kijk dan eens naar Resco MxDP-platform en vraag een gratis demo aan om de volledige kracht van multi-experience ontwikkeling te zien.
En als je meer praktische tips wilt over Resco oplossingen en maatwerk, bezoek dan Resco Academy en schrijf je in voor een van de vele beschikbare cursussen.