Aby utworzyć interfejs, najpierw załaduj do projektu pobrane zdjęcia. Kliknij przycisk Prześlij plik (Upload File...) w obszarze Media i wybierz jeden z pobranych wcześniej plików (np. Larsenberra.jpg). Następnie zrób to samo z pozostałymi trzema zdjęciami.
Utwórz następujące komponenty, przeciągając je z Palety (Palette) do Przeglądarki (Viewer) i ustaw właściwości komponentów zgodnie z poniższym opisem:
{| class="wikitable" border="0"|-
! Typ komponentu
! Kategoria
! Działanie komponentu
|-
Image|Image|User interface||Image1||Ustaw właściwość zdjęcia (Picture) na Larsenberra.jpg. Jest to pierwsze wyświetlane zdjęcie.||Obrazkowa część pytania|-|Label|User interface|QuestionLabel|Zmień właściwość tekstu (Text) na Pytanie:|Wyświetla bieżące pytanie|-|HorizontalArrangement|Layout|HorizontalArrangement1| |Organizuje komponenty AnswerPrompt i Text (podaj odpowiedź i tekst)|-|Label|User interface|AnswerPromptLabel|Zmień właściwość tekstu (Text) na Podaj odpowiedź:. Na ekranie przeglądarki przesuń tę etykietę do HorizontalArrangement1.|Wyświetla tekst prośby o odpowiedź.
|-
Label|TextBox|User interface||QuestionLabel|AnswerText|Zmień właściwość tekstu wskazówkę (TextHint) na Pytanie:|Podaj odpowiedź. Na ekranie przeglądarki przenieś AnswerText do komponentu HorizontalArrangement1.|Wyświetla bieżące pytanieTutaj użytkownik podaje odpowiedź.
|-
HorizontalArrangement|Label|LayoutUser interface |RightWrongLabel|HorizontalArrangement1|| ||Organizuje komponenty AnswerPrompt i Zmień właściwość tekstu (Text (podaj odpowiedź i tekst)na Dobrze/Źle.|Tutaj wyświetlana jest ocena Dobrze/Źle.
|-
Label|HorizontalArrangement|User interfaceLayout|HorizontalArrangement2|AnswerPromptLabel||Zmień właściwość tekstu Organizuje przyciski AnswerButton i NextButton (Textprzycisk odpowiedzi i przycisk dalej) na Podaj odpowiedź:. Na ekranie przeglądarki przesuń tę etykietę do HorizontalArrangement1.||Wyświetla tekst prośby o odpowiedź.
|-
TextBox|Przycisk|User interface||AnswerText|AnswerButton|Zmień wskazówkę właściwość tekstu (HintText) na Podaj odpowiedźWyślij. Na ekranie przeglądarki przenieś AnswerText przesuń ten przycisk do komponentu HorizontalArrangement1HorizontalArrangment2.||Tutaj użytkownik podaje Użytkownik klika, aby przesłać odpowiedź.
|-
Label|PrzyciskHorizontalArrangement|User interfacePrzycisk|NextButtonPrzycisk|Zmień właściwość tekstu (Text) na Dalej. Przenieś ten przycisk do HorizontalArrangement2.|Użytkownik klika, aby przejść do następnego pytania.
|}
User interface RightWrongLabel Zmień właściwość tekstu (Text) na Dobrze/Źle. Tutaj wyświetlana jest ocena Dobrze/Źle.
Layout HorizontalArrangement2 Organizuje przyciski AnswerButton i NextButton (przycisk odpowiedzi i przycisk dalej).
User interface AnswerButton Zmień właściwość tekstu (Text) na Wyślij. Na ekranie przeglądarki przesuń ten przycisk do HorizontalArrangment2. Użytkownik klika, aby przesłać odpowiedź.
User interface NextButton Zmień właściwość tekstu (Text) na Dalej. Przenieś ten przycisk do HorizontalArrangement2. Użytkownik klika, aby przejść do następnego pytania.
Po zakończeniu powinien on wyglądać jak poniższa ilustracja (pod nią znajdują się również bardziej szczegółowe informacje).
