Kieszonkowy tłumacz

Naszym celem jest zaprojektowanie programu, który umożliwi nam przetłumaczenie  z języka polskiego na angielski i odwrotnie. Dodatkowo do przetłumaczonego tekstu zostanie  dołączony komunikat głosowy.

Na naszym ekranie powinny być umieszczone 4 rodzaje elementów:

- pole w które wpisujemy słowa w języku polskim lub angielskim - TextBox

- 2 przyciski, którymi wskazujemy w jakim języku ma być tłumaczenie - Button

- pole w którym pojawi się przetłumaczony tekst - Label

- narzędzie umożliwiające tłumaczenie - TextToSpeech

- narzędzie umożliwiające komunikaty głosowe - Yandex Translate

po lewej stronie z Palette wybierz TaxtBox i przeciągnij go na obszar Viewer

po prawej stronie ekranu w Properties dokonaj zmian:

• kolor i kształt przycisku

• Hint - umieść napis Wpisz tekst
• Width - ustaw na Fill parent...

• Text - okno pozostaw puste
• TextAlignment  - ustaw center 

Aby móc rozmieścić dwa przyciski obok siebie wykorzystamy Layout / HorizontalArrangement

• odszukujemy po lewej stronie, przeciągamy na Viewer 

• w Properties zmieniamy Width na Fill parent

Dodajemy dwa przyciski 

• po lewej stronie z Palette wybierz Button i przeciągnij go na obszar Viewer

• po prawej stronie ekranu w Components zmień nazwę na tlumacz_na_angielski

• po prawej stronie ekranu w Properties dokonaj zmian:

• kolor i kształt przycisku

• zmieniamy Width na Fill parent (zmieniamy po dodaniu drugiego przycisku)

• Text - wpisz np. na angielski

Tą samą procedurę powtarzamy dla drugiego przycisku. Zmieniamy nazwę na tłumaczenie na język polski.

Wstawiamy pole w którym pojawi się tłumaczony tekst.

• po lewej stronie z Palette wybierz Label przeciągnij go na obszar Viewer pod oba przyciski 

• po prawej stronie ekranu w Components zmień nazwę na Tlumaczenie

• po prawej stronie ekranu w Properties dokonaj zmian:

• kolor i kształt przycisku

• Text - wykasuj tekst, który tam jest (w efekcie na ekranie pozostanie pionowy znak)

po lewej stronie z Media wybierz TextToSpeech przeciągnij go na obszar Viewer. Narzędzie zobaczysz pod ekranem

• po lewej stronie z Media wybierz YandexTranslate przeciągnij go na obszar Viewer.  Narzędzie zobaczysz pod ekranem

• tak samo dołącz kolejny YandexTranslate

Uporządkujemy wygląd naszego ekranu

• kliknij po prawej stronie ekranu w Screen1

• zmień AlignHorizontal na Center 

• w Backgroundlmage wstaw plik graficzny jako tło 

Przechodzimy  do trybu Blocks

• po lewej stronie wybierz  Blocks / Screen1 / tlumacz na angielski. W oknie pojawią się proponowane klocki, wybierz when tlumacz na angielski Click do i przeciągnij na pole robocze

• wybierz  Screen1 / TextToSpeech. Odszukaj set TextToSpeech. Language to i umieść go wewnątrz poprzedniego elementu

• wybierz Built-in/Text. Odszukaj puste pole tekstowe. Wpisz do niego en i potwierdź enterem. Dołącz do poprzedniego elementu

• wybierz  Screen1 / YandexTranslate1. Odszukaj call YandexTranslate.requestTranslation i umieść go pod poprzednim elementem
• wybierz Built-in/Text. Odszukaj puste pole tekstowe. Wpisz do niego pl-en i potwierdź enterem. Dołącz do poprzedniego elementu
• wybierz  Screen1/ TextBox1. Odszukaj TextBox1.Text i dołącz do ostatniego elementu

• wybierz  Screen1 / YandexTranslate1.  Odszukaj when YandexTranslate1.GotTranslation do i umieść go na Viewer

• wybierz  Screen1/ tlumaczenie. Odszukaj set tlumaczenie.Text i dołącz do ostatniego elementu
• powyżej zobaczysz translation, kliknij na niego prawym przyciskiem myszy i wybierz get.translation. Dołącz do poprzedniego polecenia

• wybierz  Screen1 / TextToSpeech1. Odszukaj call TextToSpeech1. Speak message i umieść go pod poprzednim elementem
• wybierz  Screen1/ tlumaczenie. Odszukaj tlumaczenie.Text i dołącz do poprzedniego elementu

• wybierz  Screen1/ TextBox1. Odszukaj set TextBox1.Text to i dołącz do ostatniego polecenia
• wybierz Built-in/Text. Odszukaj puste pole tekstowe. Dołącz do poprzedniego elementu

Wykonaj to samo działanie dla tłumaczenia na język polski wg poniższego przykładu .

Sprawdź działanie programu :)

Przywitanie głosowe - ćwiczenia uczniów

 Praca Marty i Arka

W okienku widoczny jest tekst informujący, by nic nie wpisywać. Gdy coś wpiszemy i potwierdzimy przyciskiem dostaniemy stosowny komunikat :)

Praca Olka i Piotra

W okienku jest prośba o wpisanie imienia i naciśnięcie zdjęcia lwa, wówczas usłyszymy ryk lwa oraz kilka miłych słów :)

Przywitanie głosowe

Zaprojektujemy program, który zapyta się nas jak mamy na imię. Po uzyskaniu naszej odpowiedzi przywita się z nami komunikatem głosowym.

• utwórz nowy projekt, wpisz nazwę projektu np. przywitanie

• uruchom program i pozostań w Designer

• na początku musimy zaprojektować wygląd naszego programu

Na naszym ekranie powinny być umieszczone 3 elementy:

- pole w które wpisujemy swoje imię - TextBox

- przycisk, którym potwierdzamy wpisanie imienia - Button

- pole w którym pojawi się komunikat do nas skierowany - Label

• po lewej stronie z Palette wybierz Button i przeciągnij go na obszar Viewer

• po prawej stronie ekranu w Components zmień nazwę na przycisk_imie
• po prawej stronie ekranu w Properties dokonaj zmian:
• kolor i kształt przycisku
• Text - wpisz np. Kliknij mnie

• po lewej stronie z Palette wybierz TextBox przeciągnij go na obszar Viewer nad przycisk Kliknij mnie
• po prawej stronie ekranu w Components zmień nazwę na okno_imie
• po prawej stronie ekranu w Properties dokonaj zmian:
• kolor i kształt przycisku
• Text - wpisz np. Podaj swoje imię?

• po lewej stronie z Palette wybierz Label przeciągnij go na obszar Viewer pod przycisk Kliknij mnie
• po prawej stronie ekranu w Components zmień nazwę na Twoje_imie
• po prawej stronie ekranu w Properties dokonaj zmian:
• kolor i kształt przycisku
• Text - wykasuj tekst, który tam jest (w efekcie na ekranie pozostanie mały znak)

Uporządkujemy wygląd naszego ekranu

• kliknij po prawej stronie ekranu w Screen1


• zmień AlignHorizontal na Center 
• w Backgroundlmage wstaw plik graficzny jako tło 

 Przechodzimy  do trybu Blocks

• po lewej stronie wybierz  Blocks / Screen1 / przycisk_imie. W oknie pojawią się proponowane klocki, wybierz when przycisk_imie Click do i przeciągnij na pole robocze

• wybierz  Screen1 / Twoje_imie. Odszukaj setTwoje_imie.Text to i umieść go wewnątrz poprzedniego elementu
• wybierz Built-in/Text. Odszukaj join dołącz do niego 2 puste pola tekstowe Wpisz do nich przywitanie, pamiętaj o spacjach na końcu 
• wybierz Screen1 /okno_imie. Odszukaj okno_imie.Text i dołącz do join jak w przykładzie

• wybierz  Screen1 / okno_imie . Odszukaj set okno_imie.Text to i umieść go wg przykładu
• wybierz Built-in/Text. Odszukaj puste pole i dołącz do poprzedniego elementu

SPRAWDŹ DZIAŁANIE SKRYPTU

Dołączymy przywitanie głosowe

• wróć do Designer 
• po lewej stronie z Media wybierz TextToSpeech i przeciągnij go na obszar Viewer. Pojawi się jako nowy element pod obszarem Screen1.

• przejdź do Block
• wybierz  Screen1 / TextToSprech . Odszukaj set TextToSprech to i umieść pośrodku skryptu
• dołącz pola odpowiedzialne za tekst (możesz zduplikować elementy z poprzedniego polecenia)

Sprawdź ponownie działanie skryptu.