Projekt bearbeiten 

Strukturaufbau

Sie haben nun eine Startseite erstellt. 

Jetzt kann die Struktur bearbeitet werden. 
Wenn Sie auf  "Struktur der Anwendung"   in der Toolbox klicken, öffnet sich nebenstehendes Fenster. "Startseite" beschreibt die erstellte Seite. "1." ist eine Überschrift für die folgenden Seiten. Markieren Sie diese Zeile. 

Wählen Sie dann 

Wählen Sie Hauptthema. Benennen Sie es im Feld "Name" mit "Thema Bad Wimpfen" 
 
 
 

Wählen Sie noch einmal "Thema einfügen" / "Hauptthema" und benennen Sie es "Ende des Themas". 
Die Struktur der Anwendung sollte jetzt so aussehen.
Die Bezeichnungen der Hauptthemen "Thema Bad Wimpfen" und "Ende des Themas" stellen keine Seiten dar, sie sind Bezeichnungen für die Gliederung des Projektes. Später werden dazwischen Seiten eingefügt. 
 

Beenden Sie mit Close, sonst wird der Name nicht übernommen.

Das Fenster Struktur der Anwendung bleibt geöffnet. 

Speichern Sie jetzt unbedingt das Projekt, indem Sie in der Toolbox auf den Button "Speichern"   klicken.

Seiten hinzufügen 

Klicken Sie mit der rechten Maustaste in den freien Bereich auf dem Bildschirm. Es öffnet sich das nebenstehende Fenster, 

Wählen Sie "Seite einfügen/leere Seite"

Die Seite wird eingefügt, es öffnet sich das Fenster "Hintergrundbild wählen"

Wechseln Sie in den Ordner "data" und wählen Sie "Hauptstr.bmp"

Bestätigen Sie mit OK.

Das folgende Fenster öffnet sich:

Im Feld "Name" ist <<neue Seite >> vorgegeben. Tragen Sie dafür "Menü" ein.

Schließen Sie Sie nicht mit "Close", betätigen Sie nicht die Enter-Taste, sondern

klicken Sie mit der rechten Maustaste in den freien Bereich...  -siehe oben.
 

Erstellen Sie so zwei  weitere neue Seiten mit dem Hintergrundbild "Türmchen.bmp" für die Frageseite und "BLTURM.bmp" für die Multimedia-Seite 

Benennen Sie sie mit "Frageseite" und mit "Multimediaseite".

Beenden Sie mit "Close".

Speichern Sie das Projekt.

 

Die Struktur Ihres Projektes sollte so aussehen:

 
 

Button erstellen und kopieren

Nachdem Sie nun alle Seiten erstellt haben, benötigen Sie Navigations-Knöpfe - buttons -, die den Benutzer von einer Seite auf eine vorgeschriebene oder gewünschte Seite springen lassen.

Dafür erstellen Sie eine Buttonliste, d.h., eine Liste aller Buttons, die im ganzen Projekt vorkommen können. Danach wählen Sie aus, auf welchen Seiten diese aktiv sein sollen.

Klicken Sie mit der rechten Maustaste in den freien Bereich, das nebenstehende Fenster öffnet sich.

Wählen Sie "Button einfügen"/"Kopie von Button"
 


Im nebenstehenden Fenster tragen Sie unter "Bezeichnung des neuen Buttons" den Namen  "weiter" ein.

Bestätigen Sie mit "OK"! (sonst war die Eingabe vergebens.)
 

Wiederholen Sie diese Prozedur.

d.h.:. klicken Sie ins Leere mit der rechten Maustaste.

Wählen Sie"Button einfügen" / "Kopie von Button" und benennen Sie die neuen Buttons mit 

"zurück"
"zur Frage"
"zum Film"

Klicken Sie nun wieder mit der rechten Maustaste ins Leere. Öffnen Sie, im sich öffnenden Fenster, die Buttonliste, dann sollten Sie das nebenstehende Bild sehen.
Sie sehen  fünf Buttons, die alle übereinander an derselben Stelle auf dem Bildschirm sitzen und alle die gleiche Eigenschaft haben, nämlich das Programm zu beenden, da alle eine Kopie des "Exit-Buttons" sind.

Der Name des Buttons ist weder die Beschriftung des Buttons auf dem Bildschirm noch die Aktion, die der Button auslösen soll. Das muss noch eingestellt werden.

 

Beschriftung des Buttons

Wählen Sie links im Fenster Button-Liste "weiter" und klicken Sie auf , dann öffnet sich das rechte Fenster. Lassen Sie beide Fenster geöffnet.
Das Feld "Inhalt" im Fenster Button-Stil ist für die Beschriftung des Buttons in der Anwendung zuständig. 

Markieren Sie in der Buttonliste den Namen "weiter". Im Feld "Inhalt des Fensters Button-Stil steht "EXIT". Ersetzen Sie die Aufschrift durch "weiter". 

Sie können sofort den nächsten Button auswählen, ohne Enter oder Close.

Beschriften Sie alle Buttons mit den Namen, die in der Buttonliste stehen.
Nennen Sie außerdem den Exit-Button "Ende"
 

Nachdem Sie den letzten Button bearbeitet haben, beenden Sie mit Close, sonst war alles vergeblich!

Speichern Sie das Projekt.
 

Position der Buttons

 

Die Buttons sollen in diesem Projekt nebeneinander in einer Zeile liegen. Da die Auflösung 640x480 gewählt ist, liegt die Stelle Spalte 640, Zeile 480 im Bild ganz rechts unten.

Öffnen Sie die Buttonliste
Aktivieren Sie den Button, den Sie bearbeiten wollen, indem Sie in das kleine Quadrat am Anfang der Zeile klicken, zunächst den Button "weiter".

Klicken Sie danach auf
Das nebenstehende Fenster öffnet sich.
Die Position, der jetzt noch übereinander liegenden Buttons wird hier angezeigt.


 Lassen Sie beide Fenster geöffnet.

Verwenden Sie Close erst, wenn Sie die Einstellungen für alle Buttons beendet haben. Verwenden Sie nicht die Enter-Taste.
 


Der zuerst vorhandene Exit-Button soll an dieser Position bleiben.

Der Button "weiter" soll rechts neben dem Exit-Button liegen. Deshalb wird der Wert in 520 in Spalte etwa um den Wert der 70 der Breite erhöht..Wählen Sie hier nur 580, das Wort weiter passt sonst nicht mehr ins Bild.
Die Werte in Zeile Breite und Höhe werden nicht geändert.

Markieren Sie den Button "zurück" und ersetzen Sie den Wert 520 in Spalte durch 520-70 = 450.

Die Buttons "zur Frage" und "zum Film" sollen weiter links liegen. Wählen Sie in Spalte die Werte 100, bzw 170.

Anmerkung: Wenn Sie eine Beschriftung für einen Button gewählt haben, der in der Anwendung unleserlich ist, dann sollten Sie die Breite des Buttons vergrößern. Berücksichtigen Sie die neue Breite dann in  Spalte des rechts benachbarten Buttons. 

Probieren Sie die Buttons noch nicht aus, da alle das Programm beenden.

Aktionen der Buttons

 
Öffnen Sie die Buttonliste (rechte Maustaste ins Leere). Klicken Sie auf . Es öffnet sich das Fenster Button-Aktion. 

Lassen Sie beide Fenster geöffnet.

Verwenden Sie Close erst, wenn Sie die Einstellungen für alle Buttons beendet haben. Verwenden Sie nicht die Enter-Taste.
 

Markieren Sie in der Buttonliste den Button "weiter". Im Fenster Button-Aktion steht unter "Aktion und Parameter" noch immer "Programm beenden". 
Klicken Sie das Klappfenster auf und wählen Sie "Gehe zu..". 
Die Zeile darunter wird aktiv. Klappen Sie das Fenster auf und wählen Sie "Relativ nächste Seite..".
Das Fenster Button-Aktion sieht dann so aus: 
Verfahren Sie mit dem Button "zurück" entsprechend. Wählen Sie aber "relativ vorherige Seite".
Markieren Sie den Button "zur Frage". Wählen Sie "Gehe zu.." /  "absolute Seite / Thema". 

Klicken Sie in derselben Zeile rechts daneben auf das Symbol (..). 

Es öffnet sich ein weiteres Fenster mit der Struktur der Anwendung. Wählen Sie "Frageseite".

Schließen Sie dieses Fenster mit Close.
 
 
 
 
 
 
 
 

Verfahren Sie entsprechend mit dem Button "zum Film".

Damit haben alle Buttons die gewünschten Aktionsbelegungen.

Speichern Sie das Projekt.

Aktivieren der Buttons auf allen Seiten

Wie die Button-Liste zeigt, sind alle Buttons nur auf einer Seite aktiv. Man erkennt das an der Zahl in den Klammern vor dem Namen, z.B. 
"(1)    Exit-Button".

Um die Buttons auch auf den anderen Seiten zu aktivieren, öffnen Sie "Struktur der Anwendung" und die Buttonliste,. (beides mit rechter Maustaste ins Leere. Wählen Sie  "Struktur bearbeiten" und "Buttonliste" )

"Startseite ist aktiviert" und in der Buttonliste alle Buttons. Das ist nicht richtig, da man auf  der Startseite nur "weiter" und "Exit-Button" braucht. Deaktivieren Sie die übrigen, indem Sie auf den Haken vor dem Button klicken.

Verwenden Sie Close erst, wenn Sie die Einstellungen für alle Seiten beendet haben. Verwenden Sie nicht die Enter-Taste.

Markieren Sie in "Struktur der Anwendung" die Seite "Menü". In der Buttonliste ist kein Button ausgewählt. Wählen Sie alle, außer "weiter", da diese Seite keinen unmittelbaren Nachfolger hat, sondern auf "zur Frage" oder "zum Film" verzweigt.

Markieren Sie "Frageseite". Wählen Sie dafür die Buttons "zurück" und "Exit-Button". 
Verfahren Sie entsprechend auf  der Multimediaseite.

Anmerkung: Wenn Sie einen Button ganz löschen wollen, deaktivieren Sie ihn auf allen Seiten. Wenn Sie das Projekt schließen, werden Sie gefragt, ob Sie den unbenutzten Button löschen wollen. Wenn Sie Ja bestätigen, wird er gelöscht. Beim nächsten Öffnen ist er nicht mehr vorhanden.

Speichern Sie das Projekt.

Testen Sie alle Buttons auf allen Seiten.

Speichern Sie das Projekt.
 

Seiten gestalten

Der äußere Rahmen für die Anwendung ist vorbereitet, jetzt muß noch der Inhalt den Seiten zugeordnet werden.

Startseite

Mit Hilfe der Buttons kommen Sie auf die Startseite. Hier sollte ein Begrüßungstext stehen.

Dafür muß ein Textfeld eingefügt werden.

Klicken  Sie in der Toolbox auf  "Elemente der Programmseite" (helles Feld in der Toolbox), im sich öffnenden Fenster auf "einfügen" 
und im nächsten, sich öffnenden Fenster auf  "Frage-/Textfenster". (Siehe Bild oben)
 

Danach in "Elemente der Programmseite"  den Menüpunkt "Layout". Es öffnet sich folgendes Fenster: Hier wähen Sie Schriftgröße und -art im Feld "Font". Im Feld "Textfarbe" die Farbe des Textes.
 
  

Da der gewählte Hintergrund bunt ist, kann man nur mit Mühe erkennen, dass auf dem Bild jetzt eine Schrift erschienen ist: Man kann erkennen: "<neue Frage> ". 

Um die Größe des Textfeldes zu erkunden, fahren Sie mit dem Mauszeiger von oben nach unten und von rechts nach links über den Bilschirm. 
Innerhalb des Textfeldes verwandelt sich der Mauszeiger, nomalerweise ein Pfeil,  in einen senkrechten Textstrich.

Anmerkungen: 

Auf einer Seite können Sie nur ein Textfeld öffenen. 

Wenn Sie ein Layout wählen, wie Schriftfarbe, -größe oder Schriftstil, gilt das immer für den gesamten Text in diesem Textfeld. 

Wenn Sie die Navigations-Buttons zu hoch gesetzt haben, können sie vom Textfeld verdeckt werden. Auch wenn Sie sie sehen können,
sind sie durch einen Mausklick nicht mehr erreichbar. 
Sie können sie wieder erreichbar machen, wenn Sie in "Layout des Textfensters,- siehe untenstehendes Bild - den Wert für "Höhe" und/oder den Wert in "Zeile" verkleinern.
 

Wählen Sie im Feld "Font" die Größe Arial 16.

Im Feld "Textfarbe" die Farbe "weiß" oder "gelb"

Lassen Sie die übrigen Einstellungen unverändert. 

Wenn Sie mit "Close" schließen, ändert sich in der Anwendung zunächst nichts. Sie müssen den Bildschirm auffrischen, indem Sie einmal auf "weiter" und dann wieder "zurück" klicken. 
Die gewählte Farbe und die Schriftgröße werden jetzt angezeigt.

Schreiben Sie den gewünschten Text. 
 

Auswahl-Seite

Wählen Sie in "Struktur der Anwendung" die Seite Menü.

Fügen Sie ein Textfeld ein (s.o:)

Schreiben und formatieren Sie den folgenden Text:

"Der mittelalterliche Herrscher reiste mit seinem Gefolge (mehrere, die Tausende überschreitende Hundert) von Ort zu Ort, da die vielen Menschen ernährt werden mussten. Länger als 14 Tage konnte er sich nirgends aufhalten, da dann die Vorräte erschöpft waren.
Friedrich I., Barbarossa hielt sich 1182 in Bad Wimpfen auf.
Wählen Sie: Frage oder Film."

Frage-Seite

Auf der Frage-Seite soll ein Lückentextfeld eingefügt werden. Um die Antwort zu beurteilen und um die richtige Antwort anzuzeigen, benötigen Sie noch zwei weitere Buttons: Wählt der Anwender "Antwort beurteilen", dann wird bei richtiger Antwort eine brennende Glühbirne erscheinen, bei falscher Antwort brennt sie nicht. "Richtige Antwort" lässt das Ergebnis im leeren Feld erscheinen.
Um die neuen Buttons einzufügen, Klicken Sie ins Leere mit der rechten Maustaste, wählen Sie "Button einfügen" /"Kopie von Button". Es öffnet sich das nebenstehende Fenster. Im Feld "Bezeichnung des neuen Buttons"  ersetzen Sie das Wort "Exit.Button01" durch "Antwort beurteilen".

Wiederholen Sie den Vorgang. Wählen Sie aber im Feld "Bezeichnung des neuen Button" diesmal "Richtige Atwort".

Diese beiden neuen Buttons müssen noch an die gewünschte Stelle gesetzt werden, denn als Kopie des Exit.Buttons stehen sie bis jetzt noch an dessen Platz und heißen auch immer noch "Ende".

Klicken Sie mit der rechten Maustaste ins Leere und wählen Sie "Buttonliste".
 

Im nebenstehenden Bild sehen Sie die, in der Anwendung auf dieser Seite angezeigten, Buttons mit einem Haken versehen.

Markieren Sie "Antwort beurteilen"
Klicken Sie auf .Im Feld "Inhalt" 
Geben Sie dem Button die Aufschrift  "Antwort beurteilen". 

Klicken Sie auf . Wählen Sie  im Feld "Spalte" den Wert 50. Da die Aufschrift so lang ist, muss im Feld Breite der Wert erhöht werden. Setzen Sie ihn auf 140.

Wiederholen Sie den Vorgang mit "Richtige Antwort". Setzen Sie den Wet in "Spalte" auf 250, Breite ebenfalls auf 140.

Beenden Sie mit "Close".

Die "Button-Aktion" muß noch eingestellt werden. Klicken Sie mit der rechten Maustaste auf "Antwort beurteilen". Im sich öffnenden Fenster wählen Sie "Lösungssymbole anzeigen". Für "Richtige Antwort" wählen Sie "Ergebnisse zeigen".

Beenden Sie mit "Close".
 

Fügen Sie ein Textfeld ein. Der eingegeben Text lautet hier:

"Wieviel Pfeffer benötigte der ganze Hofstaat täglich?
 Zur Auswahl stehen 0 g; 250 g; 3,5 kg

 Beantworten Sie hier:      3,5 kg"

Die richtige Antwort wird gleich eingefügt und markiert.

Klicken Sie mit der rechten Maustaste ins markierte Feld. Das folgende Fenster öffnet sich.


Unter Lückentextfeld wählen Sie "von Text umflossen".

Frischen Sie den Bildschirm auf, indem Sie auf "zurück" und dann wieder "zur Frage" anklicken. Nun müssten Sie das Lückentextfeld erkennen.

Testen Sie Ihre Buttons und speichern Sie das Projekt.
 

Multimedia-Seite

Auf dieser Seite soll nur ein Video eingefügt werden, Der Begriff Multimedia-Seite ist etwas hoch gegriffen, man könnte aber, und nicht nur auf dieser Seite, viel mehr Multimediales einbinden. Doch für den Anfang genügt ein Filmchen.
Kopieren Sie die vorgesehene *.avi-Datei in das Verzeichnis Ihres Projektes. Hier benötigen Sie "Feuerwrk.avi".
Wechseln Sie zur Seite "zum Film". Wählen Sie in der Toolbox "Elemente der Programmseite"  . Folgendes Fenster öffnet sich:

Wählen Sie hier "Einfügen" 
In dem sich öffnenden Fenster wählen Sie "Background-Video". Das folgende Fenster öffnet sich

Bestätigen Sie mit OK. Sie sollten jetzt das Feuerwerk über dem Blauen Turm sehen.

Überprüfen Sie noch einmal die Buttons auf allen Seiten. Sollten die Sprechblasen nicht in Übereinstimmung mit der Aktion sein, klicken Sie mit der rechten Maustaste auf diesen Button, wählen Sie, im sich öffnenden  Fenster "Aktion & Hilfe" und geben Sie im Feld "Text" die passende Aktion ein. 

Speichern Sie das Projekt.


 
 
 

 

Erzeugen einer Anwendung. (*.exe)

Um eine Anwendung zu erzeugen, die unabhängig vom Programm "Engine" ablaufen kann, klicken Sie ins Leere und ändern, im sich öffnenden Fenster "Projekt laden/sichern" den Namen im Feld "Name". 

"Name" bedeutet jedoch nicht der Name der Anwendung. Diese wird den Namen "<projektname>.exe" haben. 
Wählen Sie im Feld "Versionen" den Punkt" nur 32-Bit", wenn Sie Windows-95 , Windows-98 oder Windows NT haben. In Ihrem Projektverzeichnis wird die Anwendung erzeugt, die Sie beliebig kopieren und in einer Umgebung ohne Engine ablaufen lassen können. Änderungen sind dann allerdings nicht mehr möglich.
 

Klicken Sie rechts unten im Fenster auf das Disketten-Symbol, dann wird die Anwendung erzeugt und abgespeichert.

Wenn Sie jetzt noch ein neues Projekt beginnen wollen, Engine aber beim Starten immer das alte Projekt öffnet, dann klicken Sie auf das Engine-Symbol mit gedrückter Hochstell-(Shift)-Taste. 
 

Sie können ein neues Projekt beginnen.

 
Über Tips und Verbesserungsvorschläge würde ich mich freuen: Almut Wilhelm