JPvdGiessen IT Consultancy

Alles draait om de uitvoering; alleen een visie hebben is geen oplossing.

  • Increase font size
  • Default font size
  • Decrease font size
Home Tersus Tutorials Start in 30 Seconden

Start in 30 Seconden

Maak een "hello, world"-toepassing en start deze direct in uw browser.

Deze zelfstudie vereist functies die beschikbaar zijn in versie 1.1.14 en nieuwer. Als u een oudere versie heeft, kunt u deze bijwerken door de instructies in de 'Verkrijg de nieuwste versie" van de Getting Updates pagina te volgen.

Click here to go to the Tersus web site
Start in 30 Seconden
1) Maak je nieuwe project

  • Selecteer File (1)->New (2)->Tersus Project (3) om de wizard van het New Tersus Project (4) te openen.
  • Voer de naam van je keuze in (bv. My Project) (5) voor je nieuwe project en druk op Finish (6).
Zodra u op Finish heeft geklikt, moet u dit document verplaatsen naar het onderste gedeelte van het Studio venster, welke de Studio zelf zal laten zien, en de mogelijkheid geeft om de volgende instructies uit te voeren.
Om dit te doen, dubbel-klik op het tabblad , of klik op de (Restore) button welke te vinden is aan de bovenkant van het Welcome venster.

De studio opent het nieuwe project model voor het bewerken van de Model Editor (rechts), terwijl een lijst van projecten, waaronder de default geïnstalleerde voorbeeldprojecten, worden weergegeven in de Repository Explorer (aan de linkerzijde van het scherm).


2) Start je nieuwe Applicatie
Druk op de Launch the application (1) button in de Studio's hoofd toolbar om je applicatie in de embedded Tersus Server te starten te openen in een web-browser (2).

De toepassing toont nog niets, dus laten we wat wijzigingen doorvoeren in het model om iets te zien.

3) Voeg je eigen modellering toe- Met Directe Resultaten
Wij gaan nu onze eigen modellering toevoegen aan de applicatie, zodat het bericht hello, world zichtbaar wordt wanneer op een knop wordt gedrukt.
  • Ga terug naar de Tersus Studio.
  • In de Model Editor (de tekening op het scherm), dubbel-klik op de View-model (de grote blauwe rechthoek) om in te zoomen (en het model uit te klappen).
  • Selecteer de Button (1) template in de Display categorie van het Palette, om deze te selecteren. Nb. de verandering in de muis-aanwijzer (2).
  • Klik binnen het View model in de editor, om de Button element in de view te positioneren (3). Er zal worden gevraag om een naam voor de button. Voorlopig houden we de default naam Button.
  • Dubbel-klik de Button model, om in te zoomen
  • Selecteer de Text (1) template in de Constants categorie van het Palette.
  • Klik binnen de Button model van de editor, om het Text element in de button (2) te positioneren. Er zal worden gevraag om een default waarde in te voeren voor de constante (met de default waarde Text). Voer in hello,world.
  • Selecteer de Alert (3) template in de Display Actions categorie van het Palette.
  • Klik binnen de Button model van de editor, om het Alert model in de button (4) te positioneren.
  • Selecteer de Flow (5) tool in de toolbox bovenin het Palette. Nb. de verandering in de muis-aanwijzer (6).
  • Druk op de hello, world (2) constante, om de bron van de flow te specificeren.
  • Druk op de <Message> trigger (7) van het Alert model, om de bestemming van de flow te specificeren.
  • Sla je wijzigingen op (via File->Save menu optie, CTRL+S shortcut of de Save toolbar button).
  • Ga terug naar je web-browser window, welke automatisch zal verversen.
  • Druk op de Button (1) om de boodschap hello, world (2) te zien.

5) Wat is de volgende stap?
We raden je aan om verder te gaan met het tweede deel van dit document.