Talk To Me (part 1), MIT App Inventor Tutorial #1


hi welcome to app inventors hour of code we’re here at the MIT Center for mobile learning I’m Shea and I’m Emily today we’re going to show you how to build your first Android app today’s app is called talk to me because well it talks to you it’s quite simple you press a button and the phone speaks a phrase out loud welcome to app inventor can you make it say anything pretty much I could have fun with this one okay let’s get started to get started building an app click the Create button from the App Inventor home page App Inventor mit.edu you’ll need a Google account to log in this can be a gmail account or a school account if your school uses Google Apps for Education you can dismiss this splash screen for now when you go into App Inventor for the first time you won’t have any projects so click new project in the upper left our first app is called talk to me App Inventor project names can’t have spaces so type in talk to me with no spaces now you’re in the design window where you can set up the components and the layout of your app our app needs a button component so click on button and then drag it over to the viewer and then drop it one of the neatest things about App Inventor is that you can see your app on your phone while you’re building it lets get your phone connected so that you can see the app take shape and test it out as you go now if you don’t have an Android phone or tablet you can still do this tutorial but you’ll need to pause this video and go read the instructions for starting an Android emulator on your computer you can find out how to do that and also get lots of other helpful information by clicking on guide now to get your Android phone connected to App Inventor go up to the connect menu and choose AI companion you’ll need to have the App Inventor companion app on your phone or tablet it’s very easy to do this just click on need help finding the companion app this takes you to the Google Play Store to download the app the easiest thing to do is to open a QR code reader on your phone and scan the QR code you could also go to the Play Store and search for MIT ai2 companion ok so once you’ve gotten the MIT ai2 companion app installed you’ll need to start it up on your phone if you’ve closed the connection window in App Inventor click once again on the connect menu and choose AI companion the connection window that pops up shows you a six character code and a QR code on the companion app on your phone click the button scan QR code if you don’t have a camera on your phone you can just type in the six character code and then click connect with code great now your phone is connected in real time to App Inventor you should see the button that we’ve already added to the app from now on all of the changes you make to your app will show up on the phone right away seems like magic right well if you disconnected from App Inventor you would no longer see the app on the phone to get the app to stay on your phone or to pass it along to a friend’s phone you’ll have to package it up but we’ll talk about how to do that later notice that the button we’ve added says text for button 1 on it let’s change that over here on the right is the properties pane this is where you can set the properties for all of the components in your app to change the text that shows up on the button click on text and type in talk to me notice on your connected phone that the buttons text changes they’re cool right great so we only need one more component for this app before we go into the blocks to start programming go to media and drag out a text-to-speech component click on it drag it over to the view and drop it you’ll notice that it drops down to the bottom under non-visible components that’s all four components now that we’ve set the components for our app we need to specify what the components should do for that we click on blocks and now you’re in the blocks editor the blocks editor is where you click blocks together to set the behavior of your app we want our app to respond to a button click so go to button 1 and see all of the blocks that go with a button choose button 1 dot click and drop it in the work area now we have to put in the blocks to tell the app what to do when the button is clicked go to the text-to-speech component click on it and see all of the blocks that go with text-to-speech choose call text to speech dot speak and drag it over to the when button 1 click block it will fit right inside and you will hear a click when the blocks connect I love that sound now we have one more thing to add before testing the app out notice that we have a blank socket here we have to tell the speak block what to say to do that go to the text drawer under built-in blocks take a blank text block and bring that over click it right into the text to speech speak block another satisfying click now click on that empty text block and type congratulations you’ve made your first app ok you can test the app now go to your phone and click the button congratulations you’ve made your first step if you had any trouble with this tutorial you can view the written version on our website that’s it uh yeah ok see you later wait get back here well I thought the app would be a little cooler I can talk to myself patience young one now that we know how to use App Inventor possibilities are endless can we make it respond to shaking y’all let the user input their own text absolutely in fact in our next video that’s just what we’re going to do we’ll make it so that when someone shakes the phone it talks and also so that the user can put in their own text awesome I can’t wait you

100 thoughts on “Talk To Me (part 1), MIT App Inventor Tutorial #1

  1. but when i download apk file and sent to my friends its not getting open???

  2. I have a question:suppose i have created a button using the user interface and i want that button to take me to another screen on clicking it, how do I do that.

  3. my phone is not getting conected to my pc what shoud i do?
    (it reads qr code but after that it doesnot grt connected)

  4. I am getting a error message in my phone.
    error 1103
    Can you please help me with that?

  5. i couldn't connect my mobile with labtop it stops after scanning code ,i have android Nogat,

  6. Well… these videos are pretty good.. Helped me a lot….

    And this is what I made using MIT App Inventor…

    Youtube link : https://www.youtube.com/watch?v=Oz0ML5s3Jgk&t=53s

    Blog : https://thelegendaryprogramming.blogspot.com

  7. @MIT App Inventor / Fellow learners, @4m 55s of the video, I tried to follow the step in the MIT App Inventor, but there is no "…Button_1.click" block.

    Hopefully someone could kindly help advise the solution to make the "… click" block appear.
    Thank you

  8. When u have 4 weeks to create an app but ur in the last week n u still havent even started on the tutorials

  9. If you are a youtuber then watch this video to learn how to make an app
    for your youtube channel like technical guruji without coding and also
    with a more powerful version of app inventor called Thunkable. Video
    link : https://www.youtube.com/edit?o=U&video_id=FWOIRj4n2U0

  10. I am trying to get a motion detector that is connected to the arduino to send a notification to my android phone with the use of the app inventor. I can only find ways to send info from the phone to the arduino but can't find information about how to get notifications from the arduino. If anyone could help that would be great. Thanks.

  11. Text-to-Speech is not working on my phone (or tablet): it only works when I put my phone from Dutch language to USA English. Should be added in the http://appinventor.mit.edu/explore/ai2/support/troubleshooting.html#Sounds

  12. Came for the tutorial… stayed to check out Emily, the obtainable nerd look

  13. Mario Koşma Oyunu – Arka Planın Hareket Etmesi
    https://www.youtube.com/watch?v=ToSBd0cCI-c&list=PL8Jrl8Mqa14uDe31n1jgEtZk-XQYgT5pp&index=92

  14. Have a look my MIt app with Hc 05Bluetooth speaking app with automobiles security and 5 output
    https://youtu.be/JKtlOud3Mq8

  15. It is necessary to input a country and a language to get the app to function. Click on Text to speech in the Design mode and in properties input your country and language. Necessary for it to work.

  16. Wow these are great. You have made this super simple and yet super powerfull which is an unusual combination.

  17. this is a This is the first in a series of introductory tutorials that show you how to build apps with MIT App Inventor. This first video shows you how to make the phone talk using Text To Speech.
    SHOW MORE
    This is the first in a series of introductory tutorials that show you how to build apps with MIT App Inventor. This first video shows you how to make the phone talk using Text To Speech.
    SHOW MORE
    This is the first in a series of introductory tutorials that show you how to build apps with MIT App Inventor. This first video shows you how to make the phone talk using Text To Speech.
    SHOW MORE

  18. In my Samsung 7 Galaxy Edge I had to change Text-to-Speach settings, Speed and Volume in my phone to get it work.

  19. Как настроить рекламму в приложении mit app inventor Плиз

  20. how will u create an app that vibration to another phone remote Pls do a tutorial

  21. I'm trying to build a app to veiw the weather for my weather station, i want to put the % and the numbers into the square boxes, how would i do that? and how would i connect the app to the internet, go to the url of the ESP32, go to the url, update the imformation of the weather senors and display the information to the app?

  22. very nice presentation, I wonder how it would be possible to enter text with a short speech pause in between.
    Are there any special characters or instructions to create a short pause in between reading words ?

  23. this is a great tutorial , concise , simple , easy to follow and funny. Great job !

  24. Why i cant connect with phone🤦🏼‍♀️🤦🏼‍♀️😡😡😡😡

  25. Learn how to DUPLICATE Screens !!! On MIT APP INVENTOR 2 !!!
    https://www.youtube.com/edit?o=U&video_id=t2HWQzfaxps

  26. A question – would this Talk to me help people with hearing loss to hear others speech in a group conversation ? pls reply. thks.

  27. It was not working when you click on create button it directs you to a blank page???

  28. I have a problem the people speak too fast, is there a solution to make the voice slowly ?

  29. How to make the two images in the canvas appear in turn, but the two images still interact with the user. Can you help me? thank you very much!

  30. In part two, the lady mention that they would speak about packaging up the app, anyone know how to do it or what other tutorial I should be looking at? Please help, TY in advance.

  31. Thanks for video. I tried, but my phone does not say a word. What's wrong? I did exactly as in tutorial video..

    Thank you for help (although it is quite old video and I am not sure you will read my message and reply).

    BR,
    Valters.

  32. Before I even watch this video. Why are the captions only in Spanish? Where are the English captions?? 🙁 🙁

  33. Johnmichael, for faith scroll1 the scroll of a book, i need some help to build my app using the picture of my logo. My email address is , [email protected] thank you.

  34. 50% discount in UDEMY – use coupon code CHAMP100
    Give your kids an excellent opportunity to create Andriod Apps
    https://www.udemy.com/create-android-application-for-kids-using-block-programming/

  35. hey what does it means OPERATION + CAN'T ACCEPT THE ARGUMENTS .[X],[1]. pls help

  36. Are there any alternative login methods available other than Google sign-in? What kind of cookies gets installed on my device when I visit your page? Do you collect and sell any of my personal data? If so, do I get a chance to opt-out BEFORE it gets set and starts collecting? Do you have a direct link to your cookie-settings page and are third-part trackers avoidable?

    I know it sounds weird and silly, but I have seriously developed a massive phobia to using the internet… 😶 It's really scary how easy it is to unknowingly just hand over every detail of your life to a stranger, who then can use it however he/she wants! Even though I assume that MIT would probably be safe to trust, I can't escape the fact that they're all computer geniuses and basically hackers xD

    And yes, I see the irony in using a Google-product to post this comment… 😛

  37. 素晴らしいアプリ紹介動画ですね!!!!!!!!!!!!

  38. Is there a way to see the source code for your components/blocks? I just discovered MIT's APP INVENTOR – Excellent !!!!! 🙂

  39. I want some help for this A ball moving according to some equations and changing colour as it moves.eg. rotating and slowly moving upwards and the radius of its orbit is increasing

Leave a Reply

Your email address will not be published. Required fields are marked *