Projekt bearbeiten |
||
Strukturaufbau |
||
![]() |
Sie haben nun eine Startseite erstellt.
Jetzt kann die Struktur bearbeitet werden.
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 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" |
||
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"
|
|
| 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 |
||
![]() |
![]() |
|
| 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.
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
Klicken Sie danach auf |
![]() |
|
|
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.
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 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".
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"
|
||||
| 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.
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,
|
||||
![]() |
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.
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.
|
|||
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 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?
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.
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" |
||||
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 | ||||