1"use strict";(self.webpackChunkqtrobot_documentation=self.webpackChunkqtrobot_documentation||[]).push([[1809],{32139:(o,t,e)=>{e.r(t),e.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>u,frontMatter:()=>n,metadata:()=>c,toc:()=>d});var s=e(74848),i=e(28453),r=e(77072);const n={id:"intro_studio",title:"Introduction to QTrobot Studio",hide_table_of_contents:!0,pagination_label:"Introduction to QTrobot Studio"},a=void 0,c={id:"tutorials/intro_studio",title:"Introduction to QTrobot Studio",description:"signalcellularalt Level: Basic",source:"@site/docs/tutorials/studio_basics.mdx",sourceDirName:"tutorials",slug:"/tutorials/intro_studio",permalink:"/docs/tutorials/intro_studio",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{id:"intro_studio",title:"Introduction to QTrobot Studio",hide_table_of_contents:!0,pagination_label:"Introduction to QTrobot Studio"},sidebar:"graphical_tutorial_sidebar",next:{title:"Create your first application using QTrobot Studio",permalink:"/docs/tutorials/graphical/studio_story"}},l={},d=[{value:"How to access QTrobot Studio?",id:"how-to-access-qtrobot-studio",level:2},{value:"What is in QTrobot Studio?",id:"what-is-in-qtrobot-studio",level:2},{value:"Getting started",id:"getting-started",level:2},{value:"1. Make QTrobot speak",id:"1-make-qtrobot-speak",level:3},{value:"2. QTrobot faces, gestures",id:"2-qtrobot-faces-gestures",level:3}];function h(o){const t={a:"a",admonition:"admonition",code:"code",em:"em",h2:"h2",h3:"h3",p:"p",strong:"strong",...(0,i.R)(),...o.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.admonition,{title:"Overview",type:"info",children:(0,s.jsxs)(t.p,{children:[(0,s.jsx)(r.A,{children:"signal_cellular_alt"})," \xa0",(0,s.jsx)(t.strong,{children:"Level:"}),"\xa0 ",(0,s.jsx)(t.em,{children:"Basic"}),"\r\n",(0,s.jsx)(r.A,{children:" track_changes "})," \xa0",(0,s.jsx)(t.strong,{children:"Goal:"}),"\xa0 ",(0,s.jsx)(t.em,{children:"Understanding how to work with the QTrobot Studio"})]})}),"\n",(0,s.jsx)(t.h2,{id:"how-to-access-qtrobot-studio",children:"How to access QTrobot Studio?"}),"\n",(0,s.jsxs)(t.p,{children:["To access QTrobot studio you need to login on the ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"https://qtrobot.luxai.com",children:(0,s.jsx)(t.code,{children:"https://qtrobot.luxai.com"})})})," with your username and password.\r\nAfter successful login you will see ",(0,s.jsx)(t.code,{children:"QTrobot Studio"})," option in the main menu and in the navigation menu."]}),"\n",(0,s.jsxs)("center",{children:[(0,s.jsx)("img",{width:"400",src:"/img/qtrobot_cloud.PNG",alt:"qtrobot cloud"}),(0,s.jsx)("img",{src:"/img/qtrobot_studio2.png",alt:"qtrobot studio"})]}),"\n",(0,s.jsx)(t.h2,{id:"what-is-in-qtrobot-studio",children:"What is in QTrobot Studio?"}),"\n",(0,s.jsxs)(t.p,{children:["QTrobot Studio contains rich set of generic and QTrobot-specific blocks. It provides simple yet very powerful programming interface. Thanks to its visual and intuitive programing paradigm, users without any programming background can quickly start developing applications using Blockly. It supports all standard programming blocks such as loops, conditions, lists, variables, and functions. There are variates of ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"/docs/blocks_api",children:"QTrobot specific blocks"})})," to access the QTrobot functionalities such as speaking in different languages, playing gestures, and showing plenty of emotions in synchronized manner. Moreover, its dedicated control-flow blocks allow user to implement an interactive application where one (aka. a learner) can interact via tablet (i.e. Learner tablet), for example to answer some questions by clicking on image choices. Another user (aka. an educator) can fully control the flow of the program in run time from another tablet (i.e. Educator tablet). Using QTrobot online studio, you can also upload custom images, animations and audios and use them to develop your application."]}),"\n",(0,s.jsx)("center",{children:(0,s.jsx)("img",{src:"/img/qtrobot_studio_vosk.png",alt:"studio"})}),"\n",(0,s.jsx)(t.h2,{id:"getting-started",children:"Getting started"}),"\n",(0,s.jsxs)(t.p,{children:["We have plenty of ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"/docs/tutorials/graphical/studio_story",children:(0,s.jsx)(t.code,{children:"tutorials"})})})," which show you how to program your first game, how to upload audios and images, how to record gestures, etc. Before doing that here are some simple examples when starting out:"]}),"\n",(0,s.jsx)(t.h3,{id:"1-make-qtrobot-speak",children:"1. Make QTrobot speak"}),"\n",(0,s.jsxs)(t.p,{children:["If you want to make QTrobot say something, show some gesture or show some facial expression, you need to use ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"/docs/blocks_api#show-says-and-act-block",children:(0,s.jsx)(t.code,{children:"Show Says Act Block"})})}),". To find this block in QTrobot Studio you need to click on ",(0,s.jsx)(t.strong,{children:"Blocks"})," and attach it to the ",(0,s.jsx)(t.strong,{children:"Start Block"}),". To make QTrobot speak you just need to write a text in ",(0,s.jsx)(t.code,{children:"QTrobot says"})," field."]}),"\n",(0,s.jsx)("center",{children:(0,s.jsx)("img",{src:"/img/qtrobot_studio_basic.png",alt:"studio_basic"})}),"\n",(0,s.jsx)(t.h3,{id:"2-qtrobot-faces-gestures",children:"2. QTrobot faces, gestures"}),"\n",(0,s.jsxs)(t.p,{children:["To show a face or play a gesture you can use ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"/docs/blocks_api#show-says-and-act-block",children:(0,s.jsx)(t.code,{children:"Show Says Act Block"})})})," or ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.a,{href:"/docs/blocks_api#show-plays-and-act-block",children:(0,s.jsx)(t.code,{children:"Show Plays Act Block"})})}),"\r\nIf you want to show one of the facial expressions with QTrobot, open the ",(0,s.jsx)(t.code,{children:"Faces"})," tab, choose the emotion and drag and drop into the ",(0,s.jsx)(t.code,{children:"QTrobot shows"})," part of the block like shown in the example:"]}),"\n",(0,s.jsx)("center",{children:(0,s.jsx)("img",{src:"/img/blocks/faces_blocks.PNG",alt:"faces_block"})}),"\n",(0,s.jsxs)(t.p,{children:["The same goes for QTrobot gestures. You can find the full list of pre-recorded gestures for QTrobot under the tab ",(0,s.jsx)(t.strong,{children:(0,s.jsx)(t.code,{children:"Gestures"})}
1),".\r\nOpen the ",(0,s.jsx)(t.code,{children:"Gestures"})," tab, choose the gesture and drag and drop into the ",(0,s.jsx)(t.code,{children:"QTrobot acts"})," part of the block like shown in the example:"]}),"\n",(0,s.jsx)("center",{children:(0,s.jsx)("img",{src:"/img/blocks/gestures_blocks.PNG",alt:"gestures_block"})})]})}function u(o={}){const{wrapper:t}={...(0,i.R)(),...o.components};return t?(0,s.jsx)(t,{...o,children:(0,s.jsx)(h,{...o})}):h(o)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.