Jak vytvořit jednoduchého Echo Chatbota – 1. díl

16. 4. 2021 Azure, Programming

Pojďte si s námi vytvořit propracovaného Echo Chatbota! Začneme zlehka a nejprve se naučíme, jak naučit bota opak zprávy, které mu pošleme. Náš postup vás provede procesem od začátku do konce. Až zvládneme tohle, naučíme ho, jak rozpoznat předměty na obrázcích, které mu nabídneme.

Problém

Pro nevidomého člověka je náročné si představit co se nachází okolo něj. Pokud má po ruce někoho jiného, určitě mu jeho okolí popíše. Co když s ním ale zrovna nikdo není?

Pro takovéto situace si v této sérii vytvoříme chatbota, který dokáže rozpoznat, co se nalézá na obrázku.

O projektu

Toto je první část tvoření chatbota. V této části si naistalujete Echo Chatbota a naučíte ho opakovat zprávy, které jste poslaly. V dalších částech projektu naučíte bota rozpoznávat, co je na obrázku nebo fotce.

Očekávané znalosti

Co budete potřebovat?

Doporučené odkazy

Instalace nezbytných aplikací

Instalace Visual Studio Code

Instalace Node.js

Instalace Azure Bot Service

Otevřeme si ve Windows Command Prompt (v české verzi příkazový řádek) nebo popřípadě Windows Terminál.

Snímek obrazovky při otevírání příkazového řádku ve windows 10.
Otevření CMD pomocí Windows vyhledávání

Jako první si vytvoříte složku pro vašeho bota. Pomocí příkazu „cd“ si můžete otevřít složku. V následujícím obrázku můžete vidět jak se nejprve pomocí „d:“ přepnu na svůj druhý harddisk a poté pomocí příkazu „cd @projects“ si otevřu existující složku, ve vašem případě to bude už vytvořená složka, do které si budete chtít ukládat svého bota. Pomocí příkazu „mkdir rozpoznavani_obrazku“ vytvoříte v existující složce „@projects“ novou složku s názvem „rozpoznavani_obrazku“.  Nakonec pomocí „cd rozpoznavani_obrazku“ otevřete složku „rozpoznavani_obrazku“.

[

Příkazy pro cmd:

]

Příkazy v příkazovém řádku na instalaci Azure Bot Service.
příkazy v cmd – vytvoření složky

Vložte příkaz „npm install -g npm“ a poté do konzole vložte příkaz “npm install -g yo generator-botbuilder”, který vám nainstaluje bota.

Příkazy v příkazovém řádku na instalaci Azure Bot Service.
příkazy v cmd – zpráva s potvrzením instalace

Poté, co se vše nainstalujete, si svého bota musíte vytvořit. Do konzole napište “yo botbuilder”.

Nejdříve zadejte jeho jméno. Já používám “rozpoznavani-obrazku”. Druhou možnost můžete ponechat prázdnou. U třetí vyberete JavaScript. Nakonec vyberete, že chcete “Echo Bot”, to vám vytvoří základní opakování zprávy.

Zadávání specifikací při instalaci Azure Bot Service.
příkazy v cmd – nastavení chatbota

Nakonec schválíte napsáním “y” a bot se vytvoří.

Schválení instalace Azure Bot Service klávesou "y".
příkazy v cmd – potvrzení vytvoření chatbota

Instalace Bot Framework Emulator

Bot Framework Emulator je program, který simuluje připojení k aktivnímu botovy a umožnuje s ním komunikovat.

Na tomto GitHub odkazu klikněte na tlačítko „BotFramework-Emulator-4.10.0-windows-setup.exe“.

Instalace Bot Framework Emulator z GitHub.
Stažení Bot Framework Emulátoru | github.com

Po stažení soubor otevřete a klikněte Next.

Snímek instalačního procesu Bot Framework Emulatoru.
Instalace Bot Framework Emulator – výběr instalace pro uživatele

Vyberete instalační destinaci, kliknete Install.

Snímek instalačního procesu Bot Framework Emulatoru.
Instalace Bot Framework Emulator – výběr umístění

Po instalaci klikněte na Finish.

Snímek dokončení instalačního procesu Bot Framework Emulatoru.
Instalace Bot Framework Emulator – finální okno

Komunikace s Echo Chatbotem

Pro komunikaci s botem ho musíte nejprve zapnout.

Otevřete si ve Windows Command Prompt (v české verzi příkazový řádek).

Jako první si otevřete složku pro vašeho bota. Pomocí příkazu „cd“ si můžete složku otevřít. V následujícím obrázku můžete vidět, jak se nejprve pomocí „d:“ přepnu na svůj druhý harddisk a poté pomocí příkazu „cd @projects“ si otevřu existující složku. Ve vašem případě to bude už vytvořená složka, do které si budete chtít ukládat svého bota.  Pomocí „cd rozpoznavani_obrazku“ si otevřu složku „rozpoznavani-obrazku“, kterou si bot vytvořil. Pro spuštění vašeho bota napište „node index.js“. Zkopírujte si číslo, které je za „restify listening to http://[::]:“, v mém případě „3978“ (restify listening – znamená na kterém portu bot poslouchá a je připraven komunikovat).

Příkazy v příkazovém řádku pro zapnutí echo chatbota.
příkazy v cmd – zapnutí bota

Otevřete si „Bot Framework Emulator“ a klikněte na Open Bot.

Snímek z prostředí Bot Framework Emulator, ve kterém otevíráme bota.
Aplikace Bot Framework Emulátor – úvodní obrazovka

Do „Bot URL“ napište „http://localhost:VASECISLO/api/message“, nahraďte „VASECISLO“ číslem, které jste si předtím zkopírovali, a klikněte na Connect.

Zadávání specifikací pro otevření bota.
Aplikace Bot Framework Emulátor – okno s připojením

Napište „ahoj“ a echo chatbot vám odepíše „Echo: Ahoj“.

Komunikace s echo chatbotem v prostředí Bot Framework Emulator.
Aplikace Bot Framework Emulátor – komunikace s botem

Shrnutí

Společně jsme si stáhli všechny nezbytné aplikace, nainstalovali Echo chatbota, připojili se na něj a naučili ho opakovat zprávy. Příště chatbota naučíme rozeznávat obrázky nebo fotky a posílat nám jejich popis.

Nastavení souborů Cookies

1. Co jsou soubory cookies

Soubory cookies jsou krátké textové soubory, které internetová stránka odešle do vašeho prohlížeče. Umožňují internetové stránce zaznamenat informace o vaší návštěvě, například zvolený jazyk a podobně. Následující návštěva stránek tak pro vás může být snazší a příjemnější. Soubory cookies jsou důležité, neboť bez nich by procházení sítě Internet bylo mnohem složitější. Soubory cookies umožňují lepší využití naší internetové stránky a přizpůsobení jejího obsahu vašim potřebám. Soubory cookies používá téměř každá internetová stránka na světě.

2. Druhy souborů cookies

Relační (tedy dočasné) soubory cookies nám umožňují propojovat vaše jednotlivé aktivity po dobu prohlížení těchto internetových stránek. V okamžiku otevření okna vašeho prohlížeče se tyto soubory vytvoří a po zavření okna vašeho prohlížeče se odstraní.

Trvalé soubory cookies nám pomáhají váš počítač identifikovat, jestliže opětovně navštívíte naši internetovou stránku.

3. Využívání souborů cookies

V souladu s ustanovením § 89 odst. 3 zák. č. 127/2005 Sb., o elektronických komunikacích, v účinném znění, si vás tímto dovolujeme informovat, že naše internetové stránky využívají pro svoji činnost soubory cookies, tedy vaše soubory cookies, včetně trvalých, zpracováváme.

Internetové prohlížeče obvykle obsahují správu souborů cookies. V rámci nastavení vašeho prohlížeče tak pravděpodobně můžete jednotlivé soubory cookies ručně mazat, blokovat či zcela zakázat jejich používání. Pro více informací použijte nápovědu vašeho internetového prohlížeče. Jsou-li cookies povoleny, lze toto nastavení internetového prohlížeče považovat za souhlas se zpracováním osobních údajů.

4. Účel použití souborů cookies

K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookies. Informace o tom, jak náš web používáte, sdílíme se svými partnery působícími v oblasti sociálních médií, inzerce a analýz. Používáním internetových stránek vyjadřujete souhlas propojením následujících služeb: Google Analytics, Google Tag Manager, Facebook Pixel, Microsoft Clarity.

Soubory cookies využíváme, kromě účelu uvedeného v předchozím odstavci, pouze pro měření návštěvnosti webové stránky.

5. Správce osobních údajů

Provozovatelem webové stránky studuj.digital a správcem osobních údajů je společnost: pg-sec s.r.o., sídlem Rybná 716/24, Staré Město, 110 00 Praha 1, identifikační číslo 09580905, zapsaná v obchodním rejstříku Městského soudu v Praze, oddíl C, vložka 338028.

​6. Zásady ochrany osobních údajů

Podrobnější informace o souborech cookies a zpracování tvých osobních údajů najdete v našich Zásadách ochrany osobních údajů.

Nezbytné

Tyto soubory cookie jsou nutné pro základní funkce stránky, a jsou proto vždy povolené. Mezi ně patří soubory cookie, které stránce umožňují si vás zapamatovat při procházení stránky v rámci jedné relace nebo, pokud o ně požádáte, mezi relacemi.

Volitelné

Výkon

Tyto soubory cookie nám pomáhají vylepšovat funkce stránek sledováním využití této webové stránky. V některých případech zrychlují zpracování vašeho požadavku a umožňují nám zapamatovat si vaše vybrané předvolby na stránce. Pokud soubory cookie zakážete, může se tím zhoršit přesnost našich doporučení a zpomalit funkčnost stránek.

Sociální média a relamy

Díky souborům cookies sociálních médií si můžete připojit ke svým sociálním sítím a prostřednictvím sociálních médií sdílet obsah z naší webové stránky. Reklamní soubory cookie (třetích stran) shromažďují informace pro lepší přizpůsobení reklamy tvým zájmům, a to na webových stránkách studuj.digital i mimo ně. V některých případech tyto soubory cookies zpracovávají vaše osobní údaje. Pokud chcete získat více informací o zpracování osobních údajů, přečtěte si naše Zásady ochrany osobních údajů. Pokud zakážete soubory cookies, mohou se zobrazovat reklamy, které méně souvisejí s vašimi zájmy, nebo nebudete moci účinně používat odkazy na Facebook, Instagram či jiné sociální sítě anebo nebudete moci sdílet obsah na sociálnch médiích.