Joy-it RB-LCD10 User manual

3
10.1“ HDMI LCD

Published: 13.06.2018 Copyright by Joy-IT 2
310.1“ HDMI LCD
Index
1. Introducon
2. Bracket Mounng
3. Usage with a PC
3.1 Device Connecon
4. Usage with a Raspberry Pi
4.1 Installaon
4.1.1 Basic installaon
4.1.2 Rotang the display with touch funcon
4.2 Device Connecon
5. Usage with a BeagleBone Black
5.1 Device Connecon
5.2 Installaon
6. Usage with a Banana Pi
6.1 Raspbian OS
6.2 Device Connecon
6.3 Loading the WiFi-Drivers
7. Support
8. EU-Declaraon-of-Conformity

Published: 13.06.2018 Copyright by Joy-IT 3
310.1“ HDMI LCD
1. Introduction
Dear customer,
thank you for choosing our product.
If you encounter any unexpected problems during use, please do not hesitate to contact us.

Published: 13.06.2018 Copyright by Joy-IT 4
310.1“ HDMI LCD
2. Bracket Mounting
Simply follow the illustrated step-by-step instrucons below for quick and easy mounng of the bracket.
http://anleitung.joy-it.net/wp-content/uploads/2016/12/10.1inch-LCD-Aufbau.jpg

Published: 13.06.2018 Copyright by Joy-IT 5
310.1“ HDMI LCD
3. Usage with a PC
This product supports Windows 7/8/8.1/10 operang systems.
Mul-touch gestures with up to 10 points are supported for Windows operang systems 8 and above.
Some Windows 7 operang systems only support single-touch gestures.
3.1 Device Connection
Please make sure that the connecons are made in the correct order, or the LCD may not work properly.
1. Connect the 5V 2.5A Power Only Port of the LCD to a Type A to Micro USB adapter.
2. Connect the touch port of the LCD to one of the USB ports of your computer. Connect the HDMI port of
the LCD to the HDMI port of your computer using an HDMI cable. When mulple screens are registered
from your PC, the LCD can only control the cursor of the main screen. It is recommended to use the LCD
as main screen. Generally, the screen will show the interface from the image below. In this interface, tap
to perform the le mouse acon and hold to perform the right mouse acon. (You can also adjust the
backlighng of the screen with the "backlight adjustment buon", please note the 1 in the following
picture.)

Published: 13.06.2018 Copyright by Joy-IT 6
310.1“ HDMI LCD
4. Usage with a Raspberry Pi
4.1 Installation
4.1.1 Basic installation
For the Windows operang systems on the PC, the resoluon of the LCD is automacally idened. Therefore,
no further sengs of this type need to be made. When working with the Raspberry Pi you should set the
resoluon manually or the LCD screen will not work. For more detailed informaon, please read the following
secon.
First you should download the latest image le, RASPBIAN or UBUNTU MATE, from the website hp://
www.raspberrypi.org/downloads/
1. Download the image le (.zip format) to your PC, aer unpacking the le you will receive a le with the
extension .img.
2. Connect a micro SD card to your PC and format it with the SD Formaer program.
3. Start the Win32DiskImager program and select the downloaded image le in the rst step, then click the
"Write" buon to write the le to the card.
4. When the process is nished, open the cong.txt le in the root directory of the micro SD card and add the
following lines to the end of the le. Then save the modicaons and remove the micro SD card.
Note: The memory size of your micro SD card should be more than 4GB. In this operaon you will also need
a micro SD card reader which must be purchased separately.
max_usb_current=1
hdmi_group=2
hdmi_mode=1
hdmi_mode=87
hdmi_cvt 1280 800 60 6 0 0 0

Published: 13.06.2018 Copyright by Joy-IT 7
310.1“ HDMI LCD
4.1.2 Rotierung des Displays mit Touchfunktion
Display rotaon:
To rotate the image you have to edit the "cong.txt".
At the end of the le the following command has to be entered:
Note:
Depending on how you want to rotate the display, you must enter the following value:
display_rotate=1 for 90 °
display_rotate=2 for 180 °
display_rotate=3 for 270 °
If you want to have the inial state, you simply have to remove this command from the
"cong.txt".
Touch rotaon:
When rotang the display, the touch funcon is not automacally rotated, it must be specially adapted.
First you have to install a new package, if it does not already exist:
Then we have to create a new folder:
Now you have to copy a le in this folder:
When the le has been copied, you must now edit the le for the touch funcon:
sudo nano /boot/config.txt
display_rotate=1
sudo apt-get install xserver-xorg-input-libinput
sudo mkdir /etc/X11/xorg.conf.d
sudo cp /usr/share/X11/xorg.conf.d/40-libinput.conf /etc/X11/xorg.conf.d
sudo nano /etc/X11/xorg.conf.d/40-libinput.conf

Published: 13.06.2018 Copyright by Joy-IT 8
310.1“ HDMI LCD
You will now have a precongured le open. You have to enter a new command under the item Idener
"libinput touchscreen catchall", which is marked in red in the picture.
Note:
Depending on how you rotated the display, you must enter the following value:
At 90 °: Opon "CalibraonMatrix" "0 1 0 -1 0 1 0 0 1"
At 180 °: Opon "CalibraonMatrix" "-1 0 1 0 -1 1 0 0 1"
At 270 °: Opon "CalibraonMatrix" "0 -1 1 1 0 0 0 0 1"
If you want to have the inial state, you must remove this command again.
If you nshed that conguraon, the Raspberry Pi needs to be restarted, then the Raspberry Pi should be
started with the sengs you have set.
sudo reboot

Published: 13.06.2018 Copyright by Joy-IT 9
310.1“ HDMI LCD
4.1 Device Connection
1. Connect the "Power Only interface" of the LCD with a 5V 2.4A adapter. This should be equipped with a
Type A to micro USB cable. (Normally the LCD will reset the output on the screen and perform a self-
test.)
2. Connect the HDMI interface of the LCD to the HDMI interface of your Raspberry Pi with an HDMI
cable.
3. Connect the touch interface of the LCD to one of the USB ports of your pi.
4. Insert a micro SD card into the card socket of the Raspberry Pi and then turn on the Pi. Aer a waing
me you should see the following interface. (Now you can adjust the backlight of the LCD with the
"backlight adjustment buon". See marker 1 in the following gure.

Published: 13.06.2018 Copyright by Joy-IT 10
310.1“ HDMI LCD
5. Usage with a BeagleBone Black
5.1 Device Connection
1. Connect the LCD to the HDMI interface of the BeagleBone using an HDMI-microHDMI cable (sold
separately).
2. Connect the touch interface of the LCD to the "Host" USB interface of the BeagleBone with a type A-
microUSB cable. (The BeagleBone has a "Host" and a "Slave" USB interface. This LCD should be
connected to the "host" interface.
3. Connect the "Power Only interface" of the LCD with a 5V 2.5A adapter. This should be equipped with a
type A-microUSB cable.
5.2 Installation
If the LCD is used as a normal screen, you only need to load the last Angstrom image le onto the
BeagleBone Black without making any further sengs.
The BeagleBone will then read in the parameters of the 10.1 inch HDMI LCD and automacally set the
resoluon to 1280x800.
If the LCD is used as a touch monitor, you must install this Image-File:
1. Download the compressed image le to your PC, aer extracon you will receive a le with the
extension .img.
2. Connect a micro SD card to your PC and format it with the SD Formaer program.
3. Start the Win32DiskImager program and select the downloaded image le in the rst step, then click
the "Write" buon to write le to the card.
4. When the image le is wrien to the micro SD card, you can insert the card into the BeagleBone Black.
It will automacally use the operang system on the card. Aer a short me you will see the graphical
interface.
Note: If the eMMC of the BeagleBone Black has an operang system installed, you should start the
BeagleBone Black from the micro SD card. Do not release the start buon unl the "User LEDs" start
ashing.