1. Manuals
  2. Brands
  3. SunFounder Manuals
  4. Touch Panel
  5. TS-10
  6. Manual

SunFounder TS-10 Manual

10.1-inch touch screen
Hide thumbs
Table of Contents

Advertisement

Quick Links

Download this manual
SunFounder TS-10 10.1-inch Touch
Screen
www.sunfounder.com
Nov 19, 2021

Advertisement

Table of Contents
loading
Need help?

Need help?

Do you have a question about the TS-10 and is the answer not in the manual?

Questions and answers

Related Manuals for SunFounder TS-10

Summary of Contents for SunFounder TS-10

  • Page 1 SunFounder TS-10 10.1-inch Touch Screen www.sunfounder.com Nov 19, 2021...

  • Page 3: Table Of Contents

    CONTENTS 1 HARDWARE DESCRIPTION 2 INSTALL THE RASPBERRY PI OS 3 ASSEMBLY INSTRUCTIONS 4 QUICK USER GUIDE Adjust the Resolution ......... . Install Virtual Keyboard .
  • Page 4 5.6.1 Electronic Kit for Raspberry Pi and Arduino ......101 5.6.2 Da Vinci Kit for Raspberry Pi .
  • Page 5 • Capactive Touch • 10-point Touch Screen SunFounder TS-10 10.1-inch Touch Screen is a 10-point capacitive touch screen with a resolution of 1280x800, bringing you perfect visual experience. It works with various operating systems including Raspbian, Ubuntu, Ubuntu Mate, Windows, Android, and Chrome OS (you may need an USB extension cable).
  • Page 6 SunFounder TS-10 10.1-inch Touch Screen CONTENTS...

  • Page 7: Hardware Description

    CHAPTER HARDWARE DESCRIPTION LED Indicators There are 2 LED indicators on the main board of the screen to show different signals: • Power on the screen, after the green LED flashes one time, it lights on continuously; and the red LED lights on immediately.
  • Page 8 SunFounder TS-10 10.1-inch Touch Screen Power: Short press to switch ON/OFF(go into the sleep mode) the screen. Long press to power ON/OFF the de- vice(Raspberry Pi). • B+: Increase screen brightness. • B-: Reduce screen brightness. • V+: Volume up.
  • Page 9 SunFounder TS-10 10.1-inch Touch Screen...
  • Page 10 SunFounder TS-10 10.1-inch Touch Screen Chapter 1. HARDWARE DESCRIPTION...

  • Page 11: Install The Raspberry Pi Os

    CHAPTER INSTALL THE RASPBERRY PI OS An operating system needs to be installed onto the Micro SD card before inserting it into the Raspberry Pi. Note: Skip this chapter if the Raspberry Pi already has an operating system installed. Raspberry Pi Imager is a quick and easy way to install the Raspberry Pi operating system to a Micro SD card from a computer or laptop.
  • Page 12 SunFounder TS-10 10.1-inch Touch Screen Download the raspios_armhf-2020-05-28 image and select it in Raspberry Pi Imager. Warning: Raspberry Pi OS has major changes after the 2021-05-28 version, which may cause some functions to be unavailable. Please do not use the latest version for now.
  • Page 13 SunFounder TS-10 10.1-inch Touch Screen Scroll down to configure the WiFi settings, and then click SAVE. Note: The entry for the WiFi country should be set to a designated two-letter ISO/IEC alpha2 code designated to the country. Please reference the following link: https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Officially_assigned_...
  • Page 14 SunFounder TS-10 10.1-inch Touch Screen Click the WRITE button. The Imager will overwrite any files already on the SD card. If the SD card has any files, back up these files before clicking Yes. After the Imager completes installing the Operating System on the SD card, click Continue to complete the installation.
  • Page 15 SunFounder TS-10 10.1-inch Touch Screen Now insert the Micro SD card with the system installed into the Raspberry Pi.
  • Page 16 SunFounder TS-10 10.1-inch Touch Screen Chapter 2. INSTALL THE RASPBERRY PI OS...

  • Page 17: Assembly Instructions

    CHAPTER THREE ASSEMBLY INSTRUCTIONS Step1 Fix the Raspberry Pi (or other boards) on the screen back case. There are a vertical slot and a horizontal one on the back of the screen, so you can fix boards with different sizes by moving the nuts and 2.5*6 standoffs with the small wrench.
  • Page 18 SunFounder TS-10 10.1-inch Touch Screen Of course you also adjust the position of the standoffs to mount other boards. Chapter 3. ASSEMBLY INSTRUCTIONS...
  • Page 19 SunFounder TS-10 10.1-inch Touch Screen Step3 Insert the two 2.5*22 standoffs into the holes on the back to keep the screen balanced.
  • Page 20 SunFounder TS-10 10.1-inch Touch Screen Step4 Connect the HDMI port of the Raspberry Pi and the screen via an HDMI cable. Note: In this kit, 2 types of HDMI cables and 2 types of power cords of Raspberry Pi are provided for Raspberry Pi 3 and Raspberry Pi 4.
  • Page 21 SunFounder TS-10 10.1-inch Touch Screen pi 3 Step 5...
  • Page 22 SunFounder TS-10 10.1-inch Touch Screen Connect the power port of the Raspberry Pi to the USB port of the main board via a USB cable. Pi 4 Pi 3 Chapter 3. ASSEMBLY INSTRUCTIONS...
  • Page 23 SunFounder TS-10 10.1-inch Touch Screen Step 6 Connect the USB port of the Raspberry Pi and the screen with a 4-pin USB cable. To prevent the cable from falling off, use tape to fix it. Note: In the following assembly steps, the method of Raspberry Pi 3 is the same as that of Raspberry Pi 4, so we take Raspberry Pi 4 as an example to introduce.
  • Page 24 SunFounder TS-10 10.1-inch Touch Screen Step 8 Then power it on and the boot screen will appear. Chapter 3. ASSEMBLY INSTRUCTIONS...

  • Page 25: Quick User Guide

    CHAPTER FOUR QUICK USER GUIDE This chapter includes flashing the Raspberry Pi image, installing the virtual keyboard, setting the right-click function and calibrating the rotating screen function. 4.1 Adjust the Resolution For the Raspberry Pi 3 and the lower versions, you need reset the resolution ratio as follows. As for Raspberry Pi 4, when you start up it, the resolution is optimum.
  • Page 26 SunFounder TS-10 10.1-inch Touch Screen After the modification is done, save and exit. For more details about configuring config.txt, refer to Raspberry Pi official website: https://www.raspberrypi.org/documentation/configuration/config-txt.md. Step 3: Reboot Raspberry Pi. Reboot the Raspberry pi with the command sudo reboot.
  • Page 27 SunFounder TS-10 10.1-inch Touch Screen 3) After that you need to click the tick icon to save your configure. 4.1. Adjust the Resolution...

  • Page 28: Install Virtual Keyboard

    SunFounder TS-10 10.1-inch Touch Screen 4.2 Install Virtual Keyboard When you use a touch panel, you can connect an external keyboard to help you do a text input operation, but it is best to install a virtual keyboard. Install the required software with the following command.
  • Page 29 SunFounder TS-10 10.1-inch Touch Screen In the Window option, check Dock to screen edge. And in Auto-show option, check Auto-show when editing text again. 4.2. Install Virtual Keyboard...
  • Page 30 SunFounder TS-10 10.1-inch Touch Screen The next 2 items are optional, the ones checked in the picture are recommended by us, you can also check other ones. In Layout option, Small is recommanded. In Theme option, DarkRoom is recommanded. Chapter 4. QUICK USER GUIDE...
  • Page 31 SunFounder TS-10 10.1-inch Touch Screen After the setting is complete, restart the Raspberry Pi. Every time you restart this screen, you need to click General Access -> Onboard to enable the virtual keyboard. 4.2. Install Virtual Keyboard...
  • Page 32 SunFounder TS-10 10.1-inch Touch Screen Now you can use this keyboard to edit your files or codes. Chapter 4. QUICK USER GUIDE...

  • Page 33: Right Click Function

    SunFounder TS-10 10.1-inch Touch Screen 4.3 Right Click Function Touchscreen tablets and displays make it easy for you to perform simple navigation tasks with your fingers or stylus, but at some point, you may want to use right-click commands to quickly access context-specific shortcuts.
  • Page 34 SunFounder TS-10 10.1-inch Touch Screen After entering rc.local, add the following command before exit 0. sudo /usr/local/bin/evdev-rce & Press Ctrl+C -> Y to exit and save the rc.local file, and then run sudo reboot to restart. sudo reboot After restarting, you can long press on the Raspberry Pi desktop and see if the right click function appears.

  • Page 35: Projects And Activities

    CHAPTER FIVE PROJECTS AND ACTIVITIES To get started using this screen, this chapter includes some interesting and challenging projects to choose from. 5.1 Multimedia Options Watch videos, read e-books, or play games on this screen. 5.1.1 Watch Video The Raspberry Pi has a built-in video player: VLC Video Player. Watch a local video directly by double-clicking on the VLC Video Player icon, or log in to the YouTube website from Google Chrome browser to watch videos.

  • Page 36: Read E-Book

    SunFounder TS-10 10.1-inch Touch Screen 5.1.2 Read E-book Read online from the Google Chrome browser. Chapter 5. PROJECTS AND ACTIVITIES...

  • Page 37: Play Game

    SunFounder TS-10 10.1-inch Touch Screen 5.1.3 Play Game Click Preferences -> Recommended Software -> Games to install games on this screen. For example, install Minecraft, and plug in a keyboard and mouse to play. 5.1. Multimedia Options...

  • Page 38: Retro Games Console

    SunFounder TS-10 10.1-inch Touch Screen 5.2 Retro Games Console 5.2.1 Description You can turn this screen Raspberry Pi into a retro games console playing with your friends, let’s see how we can do it! Chapter 5. PROJECTS AND ACTIVITIES...

  • Page 39: Required Components

    SunFounder TS-10 10.1-inch Touch Screen 5.2.2 Required Components • A Screen • 8G+ MicroSD Card • Micro-SD Card Reader • Keyboard • Gamepad It is recommended to use a Raspberry Pi 4 as the main control board, with Retro Pie as the Operating System.
  • Page 40 SunFounder TS-10 10.1-inch Touch Screen This screen is a 1280x800 LCD touch screen, allowing for high resolution and sound quality to provide an excellent gaming experience. Chapter 5. PROJECTS AND ACTIVITIES...

  • Page 41: Game System Installation

    SunFounder TS-10 10.1-inch Touch Screen 5.2.3 Game System Installation RetroPie allows you to turn your Raspberry Pi, ODroid C1/C2, or PC into a retro-gaming machine. It builds upon Raspbian OS, Emulation Station, RetroArch and many other projects to enable you to play your favorite Arcade, home-console, and classic PC games with the minimum set-up.
  • Page 42 SunFounder TS-10 10.1-inch Touch Screen Installing RetroPie: Step 1: Download the SD image compatible with the Raspberry Pi 4 on the RetroPie official website. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 43 SunFounder TS-10 10.1-inch Touch Screen Step 2: After the download is complete, unzip the downloaded package containing the image file. Step 3: Then flash the RetroPie image into the micro-SD card. • For Windows, use: Raspberry Pi Imager, Etcher, or Win32DiskImager.

  • Page 44: Retropie Configuration

    SunFounder TS-10 10.1-inch Touch Screen Step 4: Insert the micro-SD card into the Raspberry Pi, and press the power button to boot up the system. 5.2.4 RetroPie Configuration After the Raspberry Pi boots up, the Controller and WiFi settings should be configured, as well as transferring game ROMs.

  • Page 45: Printer Monitor

    SunFounder TS-10 10.1-inch Touch Screen 5.3 3D Printer Monitor When using a 3D printer, we will need to use OctoPrint. It is an open source 3D printer controller application, which provides a web interface for the connected printers. It displays printers’ status and key parameters and allows user to schedule prints and remotely control the printer.

  • Page 46: Touch Ui

    SunFounder TS-10 10.1-inch Touch Screen Please refer to INSTALL THE RASPBERRY PI • Webcam Option: A camera will need to be installed on this screen for webcam use. Please refer to the tutorial: Assemble the Camera Module. • Touch UI Option: A new Raspberry Pi image might not have an auto start function for Touch UI. Please refer...
  • Page 47 SunFounder TS-10 10.1-inch Touch Screen Select the version you need. When installing Ultimaker Cura, please note that in the choose components step, Open STL files with Cura has been checked by default, so that .stl files can be sliced. If you want to slice other types of model files, check the corresponding option, otherwise you can install it directly.
  • Page 48 SunFounder TS-10 10.1-inch Touch Screen When opening Ultimaker Cura for the first time, there will be a series of configuration prompts. At the Add a Printer step, select the model of printer used and click Next. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 49 SunFounder TS-10 10.1-inch Touch Screen After selecting the correct printer model, verify that the parameters provided by Ultimaker Cura in the Machine Settings page are correct, or change the parameters directly. Follow the onscreen prompts to complete the configuration of Ultimaker Cura.
  • Page 50 SunFounder TS-10 10.1-inch Touch Screen Once Ultimaker Cura has successfully launched, click the Folder icon in the upper left-hand corner and browse to the folder with the .stl 3D model file that needs to be sliced, and click Open to add the .stl file to Ultimaker Cura’s library.
  • Page 51 SunFounder TS-10 10.1-inch Touch Screen After the file has been added, click the Slice option in the lower right-hand corner, and Ultimaker Cura will automati- cally perform the slicing operation. After slicing is complete, click the Save to Disk option in the lower right corner to save the sliced file locally.

  • Page 52: Print 3D Model

    SunFounder TS-10 10.1-inch Touch Screen 5.3.3 Print 3D Model After the .stl file has been sliced, the 3D model file can be sent to the 3D printer through OctoPrint to be printed. Open the Raspberry Pi’s browser, and enter http://192.168.18.179/?#temp to log in to OctoPrint.
  • Page 53 SunFounder TS-10 10.1-inch Touch Screen Now you have entered OctoPrint. 5.3. 3D Printer Monitor...
  • Page 54 SunFounder TS-10 10.1-inch Touch Screen Click the Upload option to select the sliced 3D model file. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 55 SunFounder TS-10 10.1-inch Touch Screen Click the print icon. The 3D printer will start to print the 3D model file after the slicing process is complete. If you have transferred the sliced file to the Raspberry Pi, you can also open the OctoPrint UI in Raspberry Pi to print.

  • Page 56: Video

    SunFounder TS-10 10.1-inch Touch Screen 5.3.4 Video The following video shows that after installing OctoPrint, connect your 3D printer and this screen through a USB cableupload the designed 3D file, and then use the camera to monitor the printing process.
  • Page 57 SunFounder TS-10 10.1-inch Touch Screen Here will introduce how to use the container environment to install and run Home Assistant. We recommend using Docker as the container environment. The way to install Docker is very simple, just run the following commands.

  • Page 58: Install And Configure Esphome

    SunFounder TS-10 10.1-inch Touch Screen 1. If you need to configure boot-up, please refer to: Start the Home Assistant Service at Boot 2. If you need to configure a full screen boot, please refer to: Enter the Home Assisant Page at Boot 5.4.2 Install and configure ESPHome...
  • Page 59 SunFounder TS-10 10.1-inch Touch Screen 1. Open a browser and enter ESPHome Dashboard through http://localhost:6052 http://X.X.X.X:6052 (replace X.X.X.X with your Raspberry Pi’s IP address). 2. Create configuration. Click on the “+” to start adding configurations. Enter a name and the WiFi and password that you need to have your device connect to and then click NEXT.
  • Page 60 SunFounder TS-10 10.1-inch Touch Screen Select the device type (ESP32 for example). Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 61 SunFounder TS-10 10.1-inch Touch Screen Enter Once added, you will see them in the Dashboard of ESPHome. Note: When it is not the first time to add a device, click “+” on the main page, follow the prompts to enter the device name, WIFI and password, select the device type.
  • Page 62 SunFounder TS-10 10.1-inch Touch Screen 3. Edit the .yaml file. Click EDIT in the bottom right corner to go inside the .yaml file, you will see the following default components. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 63 SunFounder TS-10 10.1-inch Touch Screen • esphome: Contains the name, platform, and board type that you set up. • logger: The logger component automatically logs all log messages through the serial port and through MQTT topics. • api: The ESPHome native API is used to communicate with clients directly, with a highly-optimized network protocol.
  • Page 64 SunFounder TS-10 10.1-inch Touch Screen the configured WiFi fails. After 1 minute of unsuccessful WiFi connection attempts, the ESP will start a WiFi hotspot (with the credentials from your configuration). Now start to add other components. There are a lot of components in the ESPHome official...
  • Page 65 SunFounder TS-10 10.1-inch Touch Screen 4. Install the .yaml file to ESP32 board. After editing, click INSTALL in the lower right corner to compile and install. There are 2 methods for you to choose: Wirelessly and USB Port. But for the first installation you need to connect the ESP32 board to the Raspberry Pi using USB and then choose the second installation method.

  • Page 66: Log In

    SunFounder TS-10 10.1-inch Touch Screen After successful installation, if you connect an LED to GPIO16 in ESP32 board, you will see the LED is lit. Also please record this IP, you will need to fill in this IP when you add ESPHome to Home Assistant.
  • Page 67 SunFounder TS-10 10.1-inch Touch Screen 2. Create a name for your home and select your region. 5.4. Home Assistant...
  • Page 68 SunFounder TS-10 10.1-inch Touch Screen 3. Select the content you want to share to Home Assistant. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 69 SunFounder TS-10 10.1-inch Touch Screen 4. You can choose to configure the device now, or later. It is recommended that beginners configure the device later, as the configuration is described in detail later in the tutorial. 5.4. Home Assistant...
  • Page 70 SunFounder TS-10 10.1-inch Touch Screen 5. After setting up, enter your login username and password in the login screen. Note: If the login screen does not jump automatically, please open Home Assistant again via http://localhost:8123. After logging in successfully, you will enter your Home.

  • Page 71: Add Smart Devices

    SunFounder TS-10 10.1-inch Touch Screen 5.4.4 Add Smart Devices You can add your purchased smart devices to Home Assistant, such as smart sound, smart desk lamp, etc. You can also make your DIY device with ESP32 and add it in.
  • Page 72 SunFounder TS-10 10.1-inch Touch Screen Now back to home assistant(refer to In), click Configuration in the left column, select Intergrations. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 73 SunFounder TS-10 10.1-inch Touch Screen If Home Assistant finds a device on your network, it will display the corresponding integration, which can be eas- ily added with just a few clicks. If your smart device has not been discovered yet, don’t worry, click the + ADD INTEGRATION button at the bottom right and search for your integration in the list.
  • Page 74 SunFounder TS-10 10.1-inch Touch Screen Each integration may be different in use, you can visit Home Assistant Integration for details. Return to the Overview page. If the device you just added does not appear, you need to Edit Dashboard. Chapter 5. PROJECTS AND ACTIVITIES...

  • Page 75: Add Diy Device With Esp32

    SunFounder TS-10 10.1-inch Touch Screen 5.4.5 Add DIY Device with ESP32 You can add your purchased smart devices to Home Assistant, such as smart sound, smart desk lamp, etc. You can also make your DIY device with ESP32 and add it in.
  • Page 76 SunFounder TS-10 10.1-inch Touch Screen 2. If Home Assistant finds a device on your network, it will display the corresponding integration, which can be easily added with just a few clicks. If your smart device is not yet discovered, don’t worry, you can add it via the + ADD INTERGATION button at the bottom right.
  • Page 77 SunFounder TS-10 10.1-inch Touch Screen 3. Search for ESPHome in the pop-up window and fill in the Host (the IP recorded after the INSTALL step in chapter:ref:Install and configure ESPHome), with the option to place your esp-light in the bedroom, kitchen or other area of your choice.
  • Page 78 SunFounder TS-10 10.1-inch Touch Screen After clicking SAVE, you will be able to use this Button to control the esp-light (if you connect an LED to GPIO16 in ESP32 board, click on the Button to make the LED light up or turn off).

  • Page 79: Start The Home Assistant Service At Boot

    SunFounder TS-10 10.1-inch Touch Screen For more styles, you can refer to Official Demo. 5.4.6 Start the Home Assistant Service at Boot Normally, Docker is self-starting after booting by default, which also means that after you install Home Assistant, you can use it as long as you start the Raspberry Pi.

  • Page 80: Home Assistant File Structure

    SunFounder TS-10 10.1-inch Touch Screen 4. Exit full screen. computer: Method 1: Press F11. Method 2: Move the mouse to the upper column of the screen and click the exit button that appears. Method 3: Right-click the pop-up menu, select “Exit full screen”.

  • Page 81: Cloud4Rpi

    SunFounder TS-10 10.1-inch Touch Screen • .storage directory contains a lot of user-related information, including user login information (user- name/password, encrypted in auth_provider.homeassistant file). • configuration.yaml: User-edited configuration files. • home-assistant.log: Run log (cleared with each reboot). • home-assistant_v2.db: Database..
  • Page 82 SunFounder TS-10 10.1-inch Touch Screen Install Cloud4RPi in Your Raspberry Pi It is advisable to update your system before installing. sudo apt update && sudo apt upgrade -y Install/update the required packages. sudo apt install git python3 python3-pip -y Install Cloud4RPi with the following command: sudo pip3 install cloud4rpi Note: This tutorial provides the installation method for Python 3.0 and above.
  • Page 83 SunFounder TS-10 10.1-inch Touch Screen Once logged in, you should see two buttons at the top of Cloud4RPi, Devices to display the device connections and Control Panels to display the information received or sent from the Raspberry Pi on the webpage.
  • Page 84 SunFounder TS-10 10.1-inch Touch Screen DEVICE_TOKEN '__YOUR_DEVICE_TOKEN__' Replace __YOUR_DEVICE_TOKEN__ with the Device token copied from the Cloud4RPi. Press Ctrl + X to complete the modification. DEVICE_TOKEN '556UfPaRw6r6rDKYfzx5Nd1jd' Run the sample file control.py. sudo python3 control.py Browse back to the Cloud4RPi server page. If your Raspberry Pi is connected to Cloud4RPi, the device information will turn green.
  • Page 85 SunFounder TS-10 10.1-inch Touch Screen Before clicking the Add Widget button again, you need to select the appropriate widget and the variable to be dis- played. 5.5. Cloud4RPi...
  • Page 86 SunFounder TS-10 10.1-inch Touch Screen For example, we select the Text widget and then select Hot Water °C, so that we can see it on the newly created control panel. Chapter 5. PROJECTS AND ACTIVITIES...

  • Page 87: Learn More About Control.py

    SunFounder TS-10 10.1-inch Touch Screen Note: We will introduce these displayed data in detail in the chapter Learn More about control.py. 5.5.2 Learn More about control.py In order to better understand the projects that follow, let’s take a look at the official sample code provided by Cloud4RPi.

  • Page 88: Projects

    SunFounder TS-10 10.1-inch Touch Screen the data type of the transferred content ('numeric' is a numeric type, 'string' is a string type, 'bool' is a boolean type, and 'location' is a list containing two dictionaries). Through the analysis of the variables dictionary, we can know that Cloud4RPi will read the keys of the variables dictionary and display the value corresponding to the key in the Control Panel.
  • Page 89 SunFounder TS-10 10.1-inch Touch Screen cp -r /home/pi/10.1-touch-screen/iot/ * /home/pi/cloud4rpi-raspberrypi-python Temperature and Humidity Acquisition In this project, we use DHT11 to read the surrounding temperature and humidity, and then display them on Cloud4RPi. Experimental Procedures Build the circuit. Open the code.
  • Page 90 SunFounder TS-10 10.1-inch Touch Screen Select a Chart widget with both Room Temp and CPU Temp as the variables to be displayed. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 91 SunFounder TS-10 10.1-inch Touch Screen Once added, you will see the temperature (Room Temp) and humidity (CPU Temp) curves over time, and you can adjust the display window by clicking on the options at the bottom right. 5.5. Cloud4RPi...
  • Page 92 SunFounder TS-10 10.1-inch Touch Screen Code Explanation dht11 DHT11.DHT11(17) Instantiate a dht11 object. getTem(): result dht11.get_result() while True: result: break else: result dht11.get_result() return result[1] The temperature (result[1]) is obtained by this function, and the function will not be interrupted until the reading is successful.
  • Page 93 SunFounder TS-10 10.1-inch Touch Screen (continued from previous page) 'type': 'numeric', 'bind': getTem 'CPU Temp': { 'type': 'numeric', 'bind': getHum The temperature is stored in the 'bind' of the 'Room Temp' key, and the humidity is stored in the 'bind' of the 'CPU Temp' key.
  • Page 94 SunFounder TS-10 10.1-inch Touch Screen Go to Cloud4RPi, add a new Control Panel named project2, and click Add Widget to add a Switch widget. Once added, you can use the Switch widget to control the relay. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 95 SunFounder TS-10 10.1-inch Touch Screen Code Explanation RELAY_PIN Relay connected to GPIO18 of the T-expansion board. GPIO.setmode(GPIO.BCM) GPIO.setup(RELAY_PIN, GPIO.OUT) Set to BCM nomenclature and set RELAY_PIN to output. relay_control(value=None): GPIO.output(RELAY_PIN, value) return GPIO.input(RELAY_PIN) This function controls the relay according to the value and returns the current level of the relay.
  • Page 96 SunFounder TS-10 10.1-inch Touch Screen Open the code. /home/pi/cloud4rpi-raspberrypi-python sudo nano smart_light.py Find the line below and fill in the correct device token. DEVICE_TOKEN '__YOUR_DEVICE_TOKEN__' Run the code. sudo python3 smart_light.py Go to Cloud4RPi, add a new Control Panel named project3, and click Add Widget to add a Slider widget.
  • Page 97 SunFounder TS-10 10.1-inch Touch Screen Once added, you can use the Slider widget to control the brightness of the LED. 5.5. Cloud4RPi...
  • Page 98 SunFounder TS-10 10.1-inch Touch Screen Code Explanation led_val GPIO.PWM(LED_PIN, 2000) led_val.start(0) Call the GPIO.PWM() function to define LED_PIN as PWM pin and set the frequency of PWM pin to 2000Hz, then use the start() function to set the initial duty cycle to 0.
  • Page 99 SunFounder TS-10 10.1-inch Touch Screen Experimental Procedures Build the circuit. Open the code. /home/pi/cloud4rpi-raspberrypi-python sudo nano smart_curtain.py Find the line below and fill in the correct device token. DEVICE_TOKEN '__YOUR_DEVICE_TOKEN__' Run the code. sudo python3 smart_curtain.py Go to Cloud4RPi, add a new control panel named project4 and add 3 widgets (Switch, Text and Chart widgets) via the Add Widget button.
  • Page 100 SunFounder TS-10 10.1-inch Touch Screen Once added, you can use the Switch widget to control the LED; the value of the photoresistor on the Text widget will be updated every 1 minute, when the value > 100, the motor rotates clockwise for 5 seconds; if the value is less than 20, the motor rotates counterclockwise for 5 seconds.
  • Page 101 SunFounder TS-10 10.1-inch Touch Screen (continued from previous page) 'bind': getValue Pass getValue() into the 'bind' key as a callback function, so that the brightness value (the return value of the getValue() function) can be sent to the Text widget.
  • Page 102 SunFounder TS-10 10.1-inch Touch Screen Open the code. /home/pi/cloud4rpi-raspberrypi-python sudo nano attendance_system.py Find the line below and fill in the correct device token. DEVICE_TOKEN '__YOUR_DEVICE_TOKEN__' Run the code. sudo python3 attendance_system.py Go to Cloud4RPi, add a new control panel named project5 and add 2 widgets (text and chart widgets) via the Add widget button.
  • Page 103 SunFounder TS-10 10.1-inch Touch Screen Open it with the following command. sudo nano attendance_sheet.2021.06.28.csv In this way, you can read the punch-in records of different time periods. On the left is the ID of different MFRC522 RFID modules, and on the right is the time of punching in.
  • Page 104 SunFounder TS-10 10.1-inch Touch Screen Code Explanation RedPin GreenPin GPIO.setmode(GPIO.BOARD) GPIO.setup(RedPin, GPIO.OUT, initial=GPIO.HIGH) GPIO.setup(GreenPin, GPIO.OUT, initial=GPIO.HIGH) Set 2 LEDs as output and set the initial value to high. get_time(): time.time() year str(time.strftime('%Y',time.localtime(time.time()))) month str(time.strftime('%m',time.localtime(time.time()))) str(time.strftime('%d',time.localtime(time.time()))) hour str(time.strftime('%H',time.localtime(time.time()))) minute str(time.strftime('%M',time.localtime(time.time()))) second str(time.strftime('%S',time.localtime(time.time())))

  • Page 105: Gpio Programming

    Note: Refer to GPIO Extension Board instructions for extending the 40 pins of the Raspberry Pi to a breadboard. SunFounder has a very complete course system about Raspberry Pi GPIO learning kits, such as the following two learning kits. •...

  • Page 106: Scratch Projects

    SunFounder TS-10 10.1-inch Touch Screen Product Link Global: https://www.sunfounder.com/products/sunfounder-davinci-kit United States: https://www.amazon.com/dp/product/B07WV2HYC6 Japan: https://www.amazon.co.jp/dp/product/B083SJQXCL Canada: https://www.amazon.de/dp/B07WYX8M76 Germany: https://www.amazon.ca/dp/product/B07KH2C215 5.7 Scratch Projects In this chapter, you will learn to use Scratch on this screen, which includes 10 examples. If you are a user who has just used Scratch, we recommend that you try the teaching examples in order so that you can quickly get started with Scratch.

  • Page 107: Animate A Name

    SunFounder TS-10 10.1-inch Touch Screen git clone https://github.com/sunfounder/10.1-touch-screen Projects 5.7.1 Animate A Name Description Today we will learn to write our name on Scratch. When we click on the letters in the name, they will become active. Click the green flag to start.
  • Page 108 SunFounder TS-10 10.1-inch Touch Screen First delete the original sprite, we don’t need it. Then choose a sprite. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 109 SunFounder TS-10 10.1-inch Touch Screen Find the Letter sprite. Repeat several times to spell out your name, like me, “Abby”. 5.7. Scratch Projects...
  • Page 110 SunFounder TS-10 10.1-inch Touch Screen A can change its color. Click on the Glow-A sprite and let’s write a bit of code for it. When A is clicked, it changes its color. Click on the sprite, find when this sprite cliked in Events, and drag it to the right coding area.
  • Page 111 SunFounder TS-10 10.1-inch Touch Screen Drag change color effect by. . . from Looks to the bottom of when this sprite cliked. 5.7. Scratch Projects...
  • Page 112 SunFounder TS-10 10.1-inch Touch Screen At this time, we click on the letter A on the stage and it will change its color. B can rotate 360°. Click on the Glow-B sprite, let’s write a code for the Glow-B wizard. When the letter B on the stage is clicked, it will rotate in a circle.
  • Page 113 SunFounder TS-10 10.1-inch Touch Screen Y can show and disappear. Click on the Glow-Y sprite and let us write a piece of code for the Glow-Y sprite. When the Y on the stage is clicked, it will repeatedly disappear and appear.

  • Page 114: Create A Story

    SunFounder TS-10 10.1-inch Touch Screen Challenge I believe that you will be smart enough to program and implement this game soon. Next, we will add some challenges to enrich our game content. • Add two new sprites, one of which will blink and change color when clicked; the other will zoom and rotate when clicked.
  • Page 115 SunFounder TS-10 10.1-inch Touch Screen • Scratch 3 (either online or offline) You Will Learn • Choose the sprite you want. • Let the sprites move around. • Let the sprites talk to each other. • Switch scenes. Lesson Guide This is a happy Monkey named Harley.
  • Page 116 SunFounder TS-10 10.1-inch Touch Screen Harley is hungry. He asked his friend Perry where is the banana? Click on your Harley sprite, and then click on the Event category. Drag when clicked to the coding area on the right. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 117 SunFounder TS-10 10.1-inch Touch Screen Click on the Looks category and drag say “Hello!” for 2 second to the bottom of “when clicked”. 5.7. Scratch Projects...
  • Page 118 SunFounder TS-10 10.1-inch Touch Screen Change what it says and how long it says in the input box. Perry had seen bananas in the park, so he told Harley. Perry is a Frog, add Frog sprite and Forest backdrop. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 119 SunFounder TS-10 10.1-inch Touch Screen Click on the Frog sprite, add a 3 second delay block (wait for Harley to finish speaking), and then it speaks. 5.7. Scratch Projects...
  • Page 120 SunFounder TS-10 10.1-inch Touch Screen Now, click on the green flag, we can see Harley and Perry chat. Harley went to the park and found bananas on the table. Now, click on the Backdrop and let it switch after 6 seconds (after the conversation ends).
  • Page 121 SunFounder TS-10 10.1-inch Touch Screen But Harley should come to the park alone, and there should be bananas on the table. So, we have to make Perry “disappear”. Click on the Frog sprite, add an event, when backdrop switches to. . . , and find “hide” and “show” in Looks. Let the Perry appear at the right time! 5.7.
  • Page 122 SunFounder TS-10 10.1-inch Touch Screen Add the Banana sprite and adjust the angle. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 123 SunFounder TS-10 10.1-inch Touch Screen Also let it appear at the right time. 5.7. Scratch Projects...

  • Page 124: Make Music

    SunFounder TS-10 10.1-inch Touch Screen Now, click on the green flag and you can see a complete story. Challenge Believe that you who are smart will be able to program and implement this game soon, then we will add some challenges to enrich our story content.
  • Page 125 SunFounder TS-10 10.1-inch Touch Screen You Will Learn • Use the Scratch Add Extension function to add music extension. • Modify the initial size of the sprite. • Let the sprites do some actions. Lesson Guide We Need the Drums.
  • Page 126 SunFounder TS-10 10.1-inch Touch Screen Play Drum-highhat. Click on the Drum-highhat sprite and drag out the play drum. . . block in the Music expansion module. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 127 SunFounder TS-10 10.1-inch Touch Screen Change the option to (5) Open Hi-Hat, then use the “next costume” block to switch the appearance of Drum-highhat. Now, you can play the Drum-highhat. Play Drum-snare. Click on the Drum-snare sprite and drag out the play drum. . . block in the Music expansion module.
  • Page 128 SunFounder TS-10 10.1-inch Touch Screen Change the option to (1) Snare Drum, then use the “next costume” block to switch the appearance of Drum-snare. Now, you can play theDrum-snare. Challenge I believe that you will be smart enough to program and implement this game soon. Next, we will add some challenges to enrich our game content.

  • Page 129: Clicker Game

    SunFounder TS-10 10.1-inch Touch Screen 5.7.4 Clicker Game Description Today we will play a game of poking balloons. Click the green flag to start. Or click Clicker Game, and then learn online tutorial on the Scratch official website. Required Components •...
  • Page 130 SunFounder TS-10 10.1-inch Touch Screen Set the balloon to a random position. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 131 SunFounder TS-10 10.1-inch Touch Screen Let it change the color and size randomly. 5.7. Scratch Projects...
  • Page 132 SunFounder TS-10 10.1-inch Touch Screen Now, run the green flag and you can see the balloons randomly change in the stage area. Click on the balloon to add score. Now, we need to establish a scoring mechanism. Whenever the balloon is clicked, the score will increase by one.
  • Page 133 SunFounder TS-10 10.1-inch Touch Screen We will see it in the upper left corner of the stage. When the balloon is clicked, the score is increased by one. When you click the green flag (the game starts), the score will be reset to zero.

  • Page 134: Shooting Game

    SunFounder TS-10 10.1-inch Touch Screen Now, click the green flag above the stage area to start the game, and click the balloon to increase your score! Challenge I believe that you will be smart enough to program and implement this game soon. Next, we will add some challenges to enrich our game content.
  • Page 135 SunFounder TS-10 10.1-inch Touch Screen • Use of Scratch color picker. Lesson Guide Arrange the Crosshair and targets. First, delete the previous sprite, upload the Crosshair sprite and the target background, you can find them under the path 10.1-touch-screen/scratch/materials (You have downloaded from github - 10.1-touch-screen...
  • Page 136 SunFounder TS-10 10.1-inch Touch Screen Let’s take aim. When aiming, the Crosshair will slightly shake, we are now going to use the glide. . . block to achieve this effect. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 137 SunFounder TS-10 10.1-inch Touch Screen Set the random position and size of the Crosshair sprite. 5.7. Scratch Projects...
  • Page 138 SunFounder TS-10 10.1-inch Touch Screen Now, click on the green flag to see the effect of this aiming. . . very good. Let’s guess, change the time in the glide. . . block, will the front sight become more stable? Or is it more swaying? Let’s shoot!
  • Page 139 SunFounder TS-10 10.1-inch Touch Screen Click the green flag to try the effect! Calculate the score! Then we need to establish a scoring mechanism. Shooting different color circles will get different scores. The closer to the bullseye, the higher the score.
  • Page 140 SunFounder TS-10 10.1-inch Touch Screen Use the same method to set corresponding scores for different color circles. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 141 SunFounder TS-10 10.1-inch Touch Screen 5.7. Scratch Projects...

  • Page 142: Hit The Magic Fish

    SunFounder TS-10 10.1-inch Touch Screen Challenge I believe that you will be smart enough to program and implement this game soon. Next, we will add some challenges to enrich our game content. • In a game, you can shoot three rounds and then calculate the total score.
  • Page 143 SunFounder TS-10 10.1-inch Touch Screen Let the Fish appear at the coordinates (-240,120), and then let it swim left and right. Use the if on edge, bounce block to make the Fish sprite fold back from the edge. When it hits the wall, it will fold back in the opposite direction to the original.
  • Page 144 SunFounder TS-10 10.1-inch Touch Screen This Star is rising. Let the Star appear at (0,-120). If we press the ← or key on the keyboard, it will go left and right. We use the key . . . pressedblock to determine the keyboard, and use change x by . . . to move the sprite.
  • Page 145 SunFounder TS-10 10.1-inch Touch Screen Next, launch the Star. If the space bar is pressed, the y coordinate value of the Star sprite will increase, and the Star sprite will rise. 5.7. Scratch Projects...
  • Page 146 SunFounder TS-10 10.1-inch Touch Screen Something is wrong. The Star sprite should continue to rise until it reaches the height of the Fish sprite (remember? Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 147 SunFounder TS-10 10.1-inch Touch Screen The y coordinate we set for Fish is 120) and then return. NowIt looks better. Fish hit by a Star. After the Star rises, before returning to the bottom, you need to use a touch. . . block to determine whether it hits the Fish.
  • Page 148 SunFounder TS-10 10.1-inch Touch Screen Back to the programming interface of the Fish sprite, use a when I receive. . . block to receive the “Hit” broadcast, and then use Next costumeto change your form. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 149 SunFounder TS-10 10.1-inch Touch Screen Calculate the score! To make the game more interesting! Add a scoring mechanism. When you click the green flag, the score will be reset to zero. When a “hit” event occurs, the score will increase by 1.

  • Page 150: Binary Game

    SunFounder TS-10 10.1-inch Touch Screen Challenge I believe that you will be smart enough to program and implement this game soon. Next, we will add some challenges to enrich our game content. • Added several different magic fish. • One will get double points •...
  • Page 151 SunFounder TS-10 10.1-inch Touch Screen Or click Binary Game, and then learn online tutorial on the Scratch official website. Required Components • A Screen • Scratch 3 (either online or offline) You Will Learn • Understand binary numbers. • Convert binary numbers to decimal numbers.
  • Page 152 SunFounder TS-10 10.1-inch Touch Screen Set the default costume of the four sprites to Zero, record with the variables “num1”, “num2”, “num3”, and “num4” respectively, and initialize the positions of the four sprites. The program in the figure below is the program of the Zero sprite. The other three Zero sprites modify the variable names and increase the X coordinate by 80 to make the effect arranged in order from left to right.
  • Page 153 SunFounder TS-10 10.1-inch Touch Screen When we click the sign in front of the variable, the variable will disappear from the stage. 5.7. Scratch Projects...
  • Page 154 SunFounder TS-10 10.1-inch Touch Screen Change the shape by clicking and record the binary value. If you click the Zero sprite, it will switch its costume to the next costume, and switch the value of the variable num1, if num1 = 0, change num1 to 1.
  • Page 155 SunFounder TS-10 10.1-inch Touch Screen Conversion of binary numbers and decimal numbers. Before programming the Enter sprite, let’s first understand the Binary number. A binary number is a number expressed in the base-2 numeral system or binary numeral system, which uses only two symbols: typically “0”...
  • Page 156 SunFounder TS-10 10.1-inch Touch Screen Programming the Backdrop When the game starts, a random integer between 1-16 appears in the middle of our screen as a decimal number that needs to be converted by binary, and it is stored in the variable random.
  • Page 157 SunFounder TS-10 10.1-inch Touch Screen Programming the Enter Sprite After you understand the conversion of binary numbers and decimal numbers, let’s program the Enter sprite. First, we create a result variable, when the Enter sprite is clicked, We convert the binary number composed of the num1 variable, num2 variable, num3 variable and num4 variable into a decimal number, and save the result in the result variable.

  • Page 158: Flappy Parrot

    SunFounder TS-10 10.1-inch Touch Screen Now, click on the green flag above the stage area to start the game and explore the magical binary! Challenge I believe that you will be smart enough to program and implement this game soon. Next, we will add some challenges to enrich our game content.
  • Page 159 SunFounder TS-10 10.1-inch Touch Screen Lesson Guide Arrange the parrot and background image First, we delete the default sprites and add Parrot sprites and Blue Sky backdrop. Change the size of the Parrot sprite to 20. Upload the Trees sprite, select the Upload Sprite option, find the “Trees.png” file, and upload it.
  • Page 160 SunFounder TS-10 10.1-inch Touch Screen Copy out the second Trees. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 161 SunFounder TS-10 10.1-inch Touch Screen Let the Parrot sprite fly on the stage Parrot stayed still, and the Trees and Trees2 sprites kept moving to the left, so it looked like the Parrot sprites were flying on the stage! Set the initial position and movement of the Trees sprite so that it can reach the far left from the far right of the stage.
  • Page 162 SunFounder TS-10 10.1-inch Touch Screen The code of the Trees2 sprite is almost the same as the Trees sprite, the only difference is that it hides for 1.5 seconds at the beginning. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 163 SunFounder TS-10 10.1-inch Touch Screen Now, click on the green flag to see the effect of this flight. . . Very good, the Parrot sprite seems to be flying to the right side of the stage. 5.7. Scratch Projects...
  • Page 164 SunFounder TS-10 10.1-inch Touch Screen Let the space button control Parrot to fly When the game starts, Parrot will continue to drop down, that is, the y coordinate will continue to decrease. When we press the space button, the y coordinate of Parrot will increase.
  • Page 165 SunFounder TS-10 10.1-inch Touch Screen 5.7. Scratch Projects...
  • Page 166 SunFounder TS-10 10.1-inch Touch Screen Change the costume so that Parrot has flight animation When we press the Space button, Parrot’s clothing switches to Parrot-b. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 167 SunFounder TS-10 10.1-inch Touch Screen 5.7. Scratch Projects...
  • Page 168 SunFounder TS-10 10.1-inch Touch Screen Calculate the score! Create a new score variable. When the Trees and Trees2 sprites move to the right side of the Parrot sprite, it means that Parrot has crossed the Trees and Trees2. At this time, we will add score+1. In order to avoid always adding points, we need to add it after score+1 Wait 1 second for the code.

  • Page 169: Paint Box

    SunFounder TS-10 10.1-inch Touch Screen Challenge I believe that you will be smart enough to program and implement this game soon. Next, we will add some challenges to enrich our game content. • When the game fails, it switches to a cursing background screen.
  • Page 170 SunFounder TS-10 10.1-inch Touch Screen • Scratch 3 (either online or offline) You Will Learn • Use the Pen extension function to draw on scratch. • Let the sprite move with the mouse. • Modify the size of the costume and the location of the cursor.
  • Page 171 SunFounder TS-10 10.1-inch Touch Screen Then, we add the Pen extension function. 5.7. Scratch Projects...
  • Page 172 SunFounder TS-10 10.1-inch Touch Screen Add drawing function to Pencil sprite Click on the Pencil sprite. First, we need to make the Pencil sprite move with the mouse. If the mouse button is pressed, we call the pen down block in the Pen extension function, which can draw along the track of the cursor.
  • Page 173 SunFounder TS-10 10.1-inch Touch Screen Click on the green flag and try to control the Pencil sprite with the mouse to draw a smiley face. You will find that the image is not drawn from the tip of the Pencil.
  • Page 174 SunFounder TS-10 10.1-inch Touch Screen Note: Since the cursor is not on the Pencil tip, the line drawn is drawn from the middle of the Pencil sprite. We click on the Costumes, select the entire Pencil sprite and move it until the Pencil tip is aligned with the cross cursor.
  • Page 175 SunFounder TS-10 10.1-inch Touch Screen Then we return the code of the Pencil sprite, and when it receives the “red” message, we change the color of the Pencil to red. In the same way, we also write code for the Blue sprite, and when it is clicked, we broadcast a new “blue” message.
  • Page 176 SunFounder TS-10 10.1-inch Touch Screen Return the code of the Pencil sprite. When it receives the “blue” message, we change the color of the Pencil to blue. Before painting, we clear the scene on the stage and set the Pencil color to red. Zoom in on the stage area and try your brush again.
  • Page 177 SunFounder TS-10 10.1-inch Touch Screen We started programming the Eraser sprite, and when it was clicked, we broadcast a new “eraser” message. Then continue to add code for the Pencil sprite. When it receives the “eraser” message, it will change to the Eraser costume, so that when we click on the Eraser sprite, we can change the Pencil sprite’s costume to look like an Eraser sprite.
  • Page 178 SunFounder TS-10 10.1-inch Touch Screen Toggle clothing and brush width tools. When the costume of the Pencil sprite is switched to Eraser, we need to switch the costume of the Pencil sprite to the Pencil-a costume by clicking the red and blue on the drawing board, so when we receive the “red” message and the “blue”...
  • Page 179 SunFounder TS-10 10.1-inch Touch Screen In order to make our painting function more fun, we need to be able to change the width of the Pencil at any time. Create a new variable named “width”, then right-click the “width” variable on the stage, select slider, and then you will see a slider on the stage that can change the value of the “width”...
  • Page 180 SunFounder TS-10 10.1-inch Touch Screen Use the value of the variable “width” as the size of the Pencil. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 181 SunFounder TS-10 10.1-inch Touch Screen 5.7. Scratch Projects...
  • Page 182 SunFounder TS-10 10.1-inch Touch Screen Limit the painting range of the Pencil. Only when the Pencil enters the drawing area, can painting be allowed. When the pen enters the toolbar, that is, when the y coordinate is less than or equal to -120, we need to call the pen up function to stop painting.
  • Page 183 SunFounder TS-10 10.1-inch Touch Screen Challenge I believe that you will be smart enough to program and implement this game soon. Next, we will add some challenges to enrich our game content. • Add more color brushes to make a Paint Box that belongs to you.

  • Page 184: Eating Banana Game

    SunFounder TS-10 10.1-inch Touch Screen 5.7.10 Eating Banana Game Description Scratch has a Video Sensing expansion module, which can turn on the camera in Scratch and detect the movement of objects on the camera screen. Today, we will use the camera to make a eating banana game. In the stipulated time, help the Monkey eat more bananas.
  • Page 185 SunFounder TS-10 10.1-inch Touch Screen Arrange monkeys and bananas First, we delete the original sprite, then add Monkey sprite and Bananas sprite, and change their sizes to 50. Let Bananas appear randomly. Bananas disappears after encountering the Monkey, which means it was eaten by the Monkey and reappears randomly.
  • Page 186 SunFounder TS-10 10.1-inch Touch Screen If the camera detects an object moving, let the Monkey move towards the object. Now, click on the green flag at the top of the stage area to start the game. Let the Monkey eat bananas, it is very hungry! Try to play this game on a white background to prevent interference from other objects.

  • Page 187: Create Musical Instrument

    SunFounder TS-10 10.1-inch Touch Screen Challenge I believe that you will be smart enough to program and implement this game soon. Next, we will add some challenges to enrich our game content. • When Monkey eats banana, we add 1 to the score. Within 30s, see who has the highest score! •...
  • Page 188 SunFounder TS-10 10.1-inch Touch Screen Required Components • A Screen • 8G+ SD Card • Scratch 3 (either online or offline) • Micro SD Card Reader • 40 Pin Ribbon Cable • T-Type GPIO Extension Board • Breadboard • Button...
  • Page 189 SunFounder TS-10 10.1-inch Touch Screen • 10k Ohm Resistor • Several Jumper Wires You Will Learn • Use note functions on Scratch. • Input the button value from the GPIO pins. Lesson Guide Build the Circuit First connect the GPIO Extension Board, please read GPIO Extension Board for specific steps.
  • Page 190 SunFounder TS-10 10.1-inch Touch Screen Tap Add icon at lower left corner and choose Music and Raspberry Pi GPIO to add two functions on the left of the main page of the Scratch 3. Finished the program. Chapter 5. PROJECTS AND ACTIVITIES...
  • Page 191 SunFounder TS-10 10.1-inch Touch Screen Press these three buttons on the breadboard and there emits the tones “Do, Re, Mi”. 5.7. Scratch Projects...

  • Page 192: Diy Monitor Device

    SunFounder TS-10 10.1-inch Touch Screen 5.7.12 DIY Monitor Device Description You can turn this screen into a game screen playing with your friends, a smart alarm showing the weather and time, a display monitoring your robot’s action and many other things.
  • Page 193 SunFounder TS-10 10.1-inch Touch Screen Required Components • A Screen • 8G+ SD Card • Scratch 3 (either online or offline) • Micro SD Card Reader • 40P Ribbon Cable • T-Type GPIO Extension Board • Breadboard • PIR Module •...
  • Page 194 SunFounder TS-10 10.1-inch Touch Screen Build the Circuit First connect the GPIO Extension Board, please read for specific steps. GPIO Extension Board Plug the T-type GPIO extension board into the breadboard and build the circuit. For the camera installation tutorial, please refer to Assemble the Camera Module.
  • Page 195 SunFounder TS-10 10.1-inch Touch Screen Tap Add icon at lower left corner and choose“Video Sensing”and“Raspberry Pi GPIO”to add two functions. Back to the main page, drag a“when gpio 0 is high”from Raspberry Pi GPIO function and a “play sound (hello) until done”to the coding area.

  • Page 196: Install Other Systems On Raspberry Pi

    SunFounder TS-10 10.1-inch Touch Screen Stick the pir module and camera to the wall outside the door, and stick the screen to the wall inside the door or anywhere. When the door is opened, you will hear music and then see who is there.

  • Page 197: Appendix

    CHAPTER APPENDIX For new Raspberry Pi users, the following sections are essential operations that will need to be used for doing certain projects. Please read these sections carefully. 6.1 Assemble the Camera Module On the camera module or Raspberry Pi, you will find a flat plastic connector. Carefully pull out the black fixing switch until the fixing switch is partially pulled out.
  • Page 198 SunFounder TS-10 10.1-inch Touch Screen Warning: Do not install the camera with the power on, it may damage your camera. Open Raspberry Pi Configuration. In the Interfaces option, Enable the Camera, and then click OK. Chapter 6. APPENDIX...

  • Page 199: Gpio Extension Board

    SunFounder TS-10 10.1-inch Touch Screen In the pop-up prompt box, choose to restart now. After the restart is complete, use the following command line to check whether the camera is available. If the camera screen appears it means that the camera is installed successfully. Otherwise the FFC cable needs to be unplugged and plugged in again.
  • Page 200 SunFounder TS-10 10.1-inch Touch Screen The pins of Raspberry Pi have three ways to name them. They are wiringPi, BCM and Board. Among these naming conventions, the 40-pin GPIO Extension board uses the naming convention BCM. The following table shows the naming convention for WiringPi, Board and the intrinsic Name of each pin on GPIO Extension board.

  • Page 201: Obtain The Ip Address Of The Raspberry Pi

    SunFounder TS-10 10.1-inch Touch Screen Connect the 40 pins of the Raspberry Pi to a breadboard according to the diagram below. 6.3 Obtain the IP Address of the Raspberry Pi With a Screen If you have a screen, it will be easy for you to get the IP address of Raspberry Pi.

  • Page 202: Use The Ssh Remote Control

    SunFounder TS-10 10.1-inch Touch Screen Without a Screen After the Raspberry Pi is connected to WIFI, we need to get the IP address of it. There are many ways to know the IP address, and two of them are listed as follows.
  • Page 203 SunFounder TS-10 10.1-inch Touch Screen Type in ssh pi@ip_address where pi is the username and ip_address is the IP address of the Raspberry Pi. For example: pi@192.168.18.197 At the prompt, type yes in lowercase. The default password is raspberry. Note: The characters do not display when typing in the password. Make sure to input the correct password.
  • Page 204 SunFounder TS-10 10.1-inch Touch Screen We now get the Raspberry Pi connected and are ready to go to the next step. For Windows Users Windows users can use SSH with the PuTTY application. Download PuTTY, open the application, and click Session on the left of the tree-like structure. Enter the IP address of the Raspberry Pi in the text box under Host Name, and enter 22 under Port.
  • Page 205 SunFounder TS-10 10.1-inch Touch Screen Click Open. Note: When first logging in to the Raspberry Pi with the IP address, there will be a security prompt. Click Yes to continue. When the PuTTY window prompts login as:, type in pi for the user name of the Raspberry Pi. The default password is raspberry.
  • Page 206 SunFounder TS-10 10.1-inch Touch Screen Here, we get the Raspberry Pi connected and it is time to conduct the next steps. Chapter 6. APPENDIX...

  • Page 207: Printed Support

    CHAPTER SEVEN 3D-PRINTED SUPPORT If you need to place the touch screen more conveniently, you can use a 3D printer to print a support. The 3D printer file: Stand Installation process are shown as follow. Step 1 Get ready for 3D printing. Step 2 Remove the touch screen main board and let the standoff thread the holes of holders.
  • Page 208 SunFounder TS-10 10.1-inch Touch Screen Step 3 Assemble the extension board again, now you can get a stand-up touch screen. Chapter 7. 3D-PRINTED SUPPORT...
  • Page 209 SunFounder TS-10 10.1-inch Touch Screen...
  • Page 210 SunFounder TS-10 10.1-inch Touch Screen Chapter 7. 3D-PRINTED SUPPORT...

  • Page 211: Faq

    CHAPTER EIGHT 1. The colored picture appears in black and white. A: Please check whether the saturation, brightness and contrast under the Color menu are adjusted properly. 2. No picture is displayed on the screen after the device powers on. A: Please check whether the HDMI output port is plugged properly.
  • Page 212 SunFounder TS-10 10.1-inch Touch Screen Chapter 8. FAQ...

  • Page 213: Copyright Notice

    NINE COPYRIGHT NOTICE All contents including but not limited to texts, images, and code in this manual are owned by the SunFounder Company. You should only use it for personal study,investigation, enjoyment, or other non-commercial or nonprofit purposes, under therelated regulations and copyrights laws, without infringing the legal rights of the author and relevant right holders.

Table of Contents