คู่มือการใช้งาน - Thaieasyelec TFT Tou… · - Raspberry Pi รับข้อมูล Touch screen ขนาด 8 นิ้ว ผ่านบอร์ด

คมอการใชงาน 8-inch LCD with Touch for Raspberry Pi

v.1.1

Venus Supply Co., Ltd. Page 1

ประวตการเปลยนเวอรชน

เวอรชน วนท การเปลยนแปลง 1.0 15 ธนวาคม 2557 เวอรชนแรก

1.1 18 มนาคม 2558 Support Rpi V2


คมอการใชงาน 8-inch LCD with Touch for Raspberry Pi

ชด 8-inch LCD with Touch for Raspberry Pi คอ หนาจอแสดงผลขนาด 8 น ว พ รอม Touch Screen ส าหรบบอรด Raspberry Pi เชอมตอผานพอรต HDMI และ USB ในชดประกอบดวย จอแสดงผล LCD ขนาด 8 นว, บอรดแปลงสญญาณ HDMI ,Touch screen, บอรด USB Touch Screen และบอรดแปลงไฟ +5V ดงภาพไดอะแกรมดานลาง สามารถน าไปประยกตกบงานควบคมและแสดงผล HMI (Human–Machine Interface), Digital Signage, เครอง Kiosk ฯลฯ


ความสามารถของชด 8-inch LCD with Touch for Raspberry Pi

- บอรด Raspberry Pi แสดงผลผานบอรดแปลงสญญาณ HDMI ไปทจอ LCD - จอ LCD ขนาด 8 นว ความละเอยด 800 x 600 pixel - Raspberry Pi รบขอมล Touch screen ขนาด 8 นว ผานบอรด USB Touch Screen - บอรดทงหมดใชไฟจาก Switching Regulator Module +5V 3A (ETEE038A) - ใชระบบปฏบตการ Raspbian ทปรบแตงใหใชกบชด 8-inch LCD with Touch for Raspberry Pi - บอรดมขนาด 200 x 160 mm มจดยดจอ 8 ร (บน 4 ลาง 4 ) ขนาด 3.5 mm ดงภาพดานลาง

http://www.thaieasyelec.com/search/search.html?keyword=ETEE038A&option=com_virtuemart&page=shop.browse&search=true&view=category&limitstart=0


คณสมบต 8-inch LCD with Touch for Raspberry Pi

หมายเลข 1 บอรด Raspberry Pi หมายเลข 2 บอรด USB Touch Screen หมายเลข 3 บอรดแปลงสายสญญาณ Touch Screen หมายเลข 4 บอรดแปลงสญญาณ HDMI to LCD หมายเลข 5 Keyboard ส าหรบปรบแตงการแสดงผลบนหนาจอ หมายเลข 6 Switching Regulator Module +5V สายเชอมตอ - สาย Micro USB - สาย USB ส าหรบตอกบบอรด USB Touch Screen - สาย HDMI - Remote ส าหรบสงสญญาณไปทบอรด HDMI to LCD ปรบแตงการแสดงผลหนาจอ


เรมตนใชงาน 8-inch LCD with Touch for Raspberry Pi

1. ตดตง OS

- เตรยมอปกรณกอนตดตง OS

ในชดททาง ThaiEasyElec จ าหนายอยม 2 ชด คอ ETEE056A ซงมชดจอและสายเชอมตอและ ETEE056B

ทเพมบอรด Raspberry PI B+, SD Card 8 GB ท ตดตง OS มาเรยบรอยแลว และ Adapter 12V 2A (EACC011)

กอนเรมตดตง OS ตองเชอมตอสายตางๆ เขาดวยกนกอนดงภาพดานลาง

+ เพมใสในชด ETEE056B


- เตรยมไฟลบน SD Card

หลงจากทเราไดตดตงสายตางๆเขาดวยกนแลว จากนนเตรยมไฟลส าหรบตดตง OS ใหกบ Raspberry Pi โดย

ไฟลตดตง และโปรแกรมทงหมดอยใน DVD ทง 2 แผนทแถมมากบชด 8-inch LCD with Touch for Raspberry Pi

ประกอบดวย

- โฟลเดอร manual ภายในม คมอการใชงานชด 8-inch LCD with Touch for Raspberry Pi

- โฟลเดอร images ภายในม ไฟลอมเมจระบบปฏบตการ Raspbian

- โฟลเดอร tools ภายในประกอบดวย

o โปรแกรม SD Formatter V4.0 ส าหรบใช Format SD Card

o โปรแกรม Win32 Disk Imager ส าหรบเขยนไฟลอมเมจลง SD Card

o โปรแกรม VMware-player โปรแกรมจ าลองระบบปฏบตการ

o อมเมจไฟลระบบปฏบตการ Ubuntu ส าหรบใชพฒนาโปรแกรม Qt บน Raspberry Pi

- ตดตง OS

ขนตอนตดตงไฟลอมเมจลงบน SD Card มดงน

1. เสยบ SD Card เขากบเครองคอมพวเตอร จากนนเปดโปรแกรม SD Formatter V4.0 ส าหรบ Format SD Card

เลอก Drive ของ SD Card ทตองการตดตง จากนนกด Format ดงภาพ


2. เขยนไฟลอมเมจลงบน SD Card ดวยโปรแกรม Win32 Disk Imager

2.1 Extract ไฟล raspbian.7z ในโฟลเดอร images จากนนรนโปรแกรม Win32 Disk Imager

2.2 Browse ไฟล Image ระบบปฏบตการ Raspbain.img และเลอก Device ใหถกตอง แลวกดปม Write แสดงดง

ภาพดานลางน จากนนโปรแกรมจะแสดงหนาตางใหยนยนการเขยนไฟล ใหกดปม Yes

2.3 รอจนกวา Progress Bar จะสนสดครบ 100% และปรากฏหนาตางแสดงดงภาพดานลางน แลวกดปม OK

2.4 ถอด SD Card ออกจากเครองคอมพวเตอร แลวน าไปเสยบทบอรด Raspberry Pi


- Setting BIOS

หลงจากเสยบ SD Card เรยบรอยแลว ใหเสยบ Mouse, Keyboard USB และ Adapter เขากบบอรด เพอ

ตงคา BIOS จากนนบอรด Raspberry Pi จะเรมท างานและเรม Boot ระบบแสดงทหนาจอดงภาพ

เปดโปรแกรม LXTerminal ขนมา ดงภาพ


พมพค าสง sudo raspi-config

1. Expand Filesystem เพอขยายพนทความจของ SD Card ใหใชงานไดเตม จากนนกด Enter

จะปรากฏหนาตางแสดงแจง partition บน SD Card ถกขยายแลว แสดงผลหลงจากการ boot ครงตอไป

ใหกด Enter อกครง

2. หากตองการใชงานโมดลกลอง (Raspberry Pi Camera Module) จะตองเปดฟงกชนการใชงานนดวย โดย

การเลอกเมน 5 Enable Camera แลวกด Enter แตถาหากไมตองการใชใหขามขนตอนน


หลงจากนนใหเลอก Enable แลวกด Enter กจะเปดการใชงานโมดลกลอง

3. สดทายเลอก Finish แลวกด Enter เพอจบการตงคาระบบ ระบบจะถามวาตองการจะ Reboot ระบบใหมตอนนเลยหรอไม เลอก Yes แลวกด Enter ระบบจะ Reboot

- Calibration touch Screen

หลงจากท บอรด Reboot แลวตอไปท าการ Calibration หนาจอ touch Screen ให เป ดโปรแกรม

TEEcalibrate บนหนาจอ จากนนกดปม Calibrateจะปรากฏหนาจอให สมผสหนาจอตามพกดจดตางๆ เพอ

Calibrate


เมอ Calibrate เสรจแลวใหกด Save (หากไมกด Save เมอเปดเครองขนมาใหมจะใชคาเดม)

ออกจากโปรแกรม คลก Exit


- Cross compile และ สราง Application ดวย Qt

นอกจากไฟลอมเมจ Raspbian ททาง Thaieasyelec ไดปรบแตงใหกบชด 8-inch LCD with Touch for

Raspberry Pi แลว ยงไดเตรยมไฟล Virtual Machine ของระบบปฏบตการ Ubuntu ซงตดตง IDE Qt ทปรบใหใช

กบชดนแลวท าใหลดขนตอนในการพฒนาโปรแกรมลง

1. ตดตงโปรแกรม VMware Player

- ดาวนโหลด โปรแกรม VMware Player ทลงก หรอในโฟลเดอร tools แลวรนโปรแกรมขนมา กดปม Next

- ตอบยอมรบ License จากนนกดปม Next >

- กดปม Next > ไปจนตดตงเสรจ

https://my.vmware.com/web/vmware/free#desktop_end_user_computing/vmware_player/7_0


- กดปม Finish

2. เปด Virtual Machine

- คดลอกไฟล Ubuntu for Rpi.7z ลงในเครองคอมพวเตอร

- Extract ไฟล Ubuntu for Rpi.7z จะไดไฟลเดอร Ubuntu for Rpi ออกมา


- เปดโปรแกรม VMware Player ขนมา การเปดโปรแกรมในครงแรกจะมหนาตางใหเราใส Email เพอขอใช

โปรแกรมฟรเปนแบบ non-commercial

- เมอใส E-mail เรยบรอยแลว จะปรากฏหนาตางโปรแกรม VMware Player ดงน

- เลอก Open a Virtual Machine

- Browse ไปยงโฟลเดอร Ubuntu for Rpi เลอกไฟล Ubuntu for Rpi.vmx จากนนคลก Open


- คลก Play virtual machine

- รอสกคร VMware Player จะแสดง Ubuntu ดงภาพ


- ใส Password โดย พมพค าวา “password” ลงไป แลวกด Enter

- เขาสหนา Desktop ของ Ubuntu


3. Cross-Compile Application และ Deploy Program ดวย Qt

การ Cross-Compile คอ การพฒนาโปรแกรมบนคอมพวเตอรแลวคอมไพลบนสถาปตยกรรมหนงขาม ไป

ท างานบนสถาปตยกรรมอน ในทนเราไดเขยนโปรแกรมดวย Qt บนคอมพวเตอรซงเปน x86 แตตองการน าโปรแกรม

ทไดนนไปใชงานบนบอรด Raspberry Pi ซงเปน ARM โดยเขยนโปรแกรมและคอมไพลจากเครองคอมพวเตอร

จากนนจะสงโปรแกรมขนไปรนบนบอรด Raspberry Pi ผานทาง LAN

เรมตนการ Cross Compile

หลงจากตดตง OS และ Calibrate Touchscreen ใหกบบอรด Raspberry Pi เรยบรอยแลว ตอไปจะ

ทดลองเขยนโปรกรม Qt บน Raspberry Pi

- เชอมตอ Raspberry Pi กบ LAN ใหอยในวงเดยวกน

ภาพการเชอมตอ Raspberry Pi กบ LAN

- ตรวจสอบ IP ท Raspberry ไดรบจาก Access point โดยใชโปรแกรม Get My IP บนหนาจอ


โปรแกรมจะแสดง IP ของบอรด Raspberry Pi ดงภาพ

- บนเครองคอมพวเตอร เปดโปรแกรม VMware Player จากนน Open Ubuntu Virtual Machine ขน

มาแลว Mount image ไฟล raspbian.img โดยใชโปรแกรม Raspbian image mounter บนหนาจอ

- เมอเปดโปรแกรม ขนมาโปรแกรมจะถามหารหสผานใหใสรหสวา “password” ลงไปแลวกดปม OK


- จากนนคลกทปม Mount

- Status จะแสดงคาวา Mounted และเปดหนาตางของ Image ท Mount ขนมา


- เปดโปรแกรม Qt Creator

- ไปท Menu Tool > Options…


- เลอกทหวขอ Device และใส IP ของบอรด Raspberry Pi ลงในชอง Hostname

ตงแต image raspbian_18_3_58 เปนตนไป Username ใหเปลยนเปน root และ password เปน

raspberry

- ทดสอบการเชอมตอระหวางคอมพวเตอรกบบอรด Raspberry Pi โดยคลกปม Test

- โปรแกรมจะแสดงสถานะการเชอมตอ


- คลก Apply และ OK

- เรม Create Project ใหไปท File > New File or Project…


- เลอก Projects เปน Application และ Qt Widgets Application

- ตงชอ Project และก าหนด Path ส าหรบเกบ Project


- เลอก Kit ส าหรบใชกบ Project โดยจะมใหเลอกอย 2 ตว คอ

o Desktop Qt 5.3 GCC 32bit ใชส าหรบ Compile เพอใชบน x86

o Qt 5.0 Raspberry Pi ใชส าหรบ Compile เพอใชกบบอรด Raspberry Pi

ในทนใช Qt 5.0 Raspberry Pi เนองจากตองการน าเอาโปรแกรมไปรนบน Raspberry Pi (สามารถเลอกได

มากกวา 1 ตว ) จากนนใหกด Next

**หากไม ม Kit ของ Raspberry Pi ให ตงค าเพ ม เตมในห วข อ“ต งค า Qt บน Ubuntu เพ อ Cross-

Compile” ตามภาคผนวก

- ก าหนดชอ Class ไฟลโปรเจคจากนนกด Next


- จากนนใหกด Finish

- โปรแกรมจะแสดงหนาตางโปรแกรมดงภาพ

- เมอสราง Project เรยบรอยแลวใหไปท File .pro ของ Project


- เพม Code ตอไปน ลงใน File.pro เพอก าหนด ต าแหนงทอยของโปรแกรม เมอ Deploy Program ไปยง

บอรด

target.path = /home/pi/deploy_qt INSTALLS += target

- ไปท Forms > mainwindows.ui


- ลองออกแบบหนา UI โดยใช Widget LCD Number และ Dial ดงภาพ

- คลกขวาท Widget Dial เลอก Go to slot…

- เลอก signal เปน valueChanged(int)


- โปรแกรมจะสราง Function void MainWindow::on_dial_valueChanged(int value) ในไฟล

mainwindows.cpp ขนมาใหอตโนมต

- ลองเขยนโปรแกรมเพอน าคา Value จากการหมน Dial มาแสดงผลยง LCD Number โดยเพม Code ลงไป

ใน Function void MainWindow::on_dial_valueChanged(int value) ดงน

ui->lcdNumber->display(value);


- ตงคา Project โดยไปทเมน Project

- เลอกแทบ Run ท Kit Qt 5.0 Raspberry Pi

- เพม “-platform xcb” ลงในชอง Arguments


- ทดสอบ Compile และ Deploy Program ไปยงบอรด Raspberry Pi โดย กดปม Play

- รอสกคร โปรแกรม จะไปปรากฏบนหนาจอของ Raspberry Pi


- ปรบแตงหนาจอ

การปรบแตงหนาจอ ได 2 วธ คอ ผาน Keyboard หรอผาน Remote โดยประกอบดวยปม 5 ปมดงน

- ปม Power ก าหนดใหจอเปดหรอปดการท างาน

- ปม Menu เปดเมนของหนาจอขนมาหรอเลอกหวขอทเลอกอย

- ปม Right ใชเลอนหวขอไปดานขวาหรอเพมคาทเลอกอย

- ปม Left ใชเลอนหวขอไปดานซายหรอลดคาทเลอกอย

- ปม Video Select เลอกชองสญญาณ Input ในบอรดนเลอกไดเฉพาะ HDMI

หนาเมนปรบแตงจอ

กดปม Menu ขนมา หนาจอจะแสดงหนาตางเมนปรบแตงการแสดงผลขนมา โดยมรายละเอยดดงภาพ


จากภาพจะเหนไดวาใชปม Left Right และ Menu เพอเลอกรายการหลกและรายการยอย และใชปม Left

และ Right ส าหรบปรบคาในเมนยอย และเมอตองการออกจากเมนยอยทเลอกใหกดปม Menu อกครงหนง โดย

รายละเอยดของเมนหลกแตละหวขอมดงน

- รายการหลก Color ส าหรบปรบคาสตางๆทแสดงบนหนาจอ มรายละเอยดดงน

o Brightness ปรบคาความสวางของสบนหนาจอ o Contrast ปรบคาความแตกตางของสบนหนาจอ o Hue ปรบคาความแตกตางของสบรสทธหรอเนอส o Saturation ปรบคาความแตกตางความสดของส o Color Temp เลอกชดส o Exit ออกจากเมนยอย Color


- รายการหลก OSD (On Screen Display) ส าหรบก าหนดลกษณะของหนาตางเมน มรายละเอยดดงน

o Language เลอกภาษาทตองการแสดงบนหนาเมน

o H position ปรบต าแหนงแนวนอนของหนาเมน

o V position ปรบต าแหนงแนวตงของหนาเมน

o OSD Timeout เลอกเวลาปดหนาเมนเมอไมมการสงงานจากผใช

o Transparent ก าหนดระดบความโปรงใสของหนาเมน

o Exit ออกจากเมนยอย OSD

- รายการหลก Function มรายละเอยดดงน

o Reset ก าหนดใหรเซตการท างาน o Sleep ก าหนดใหอยในโหมดหลบ o Blue Screen ก าหนดแสดงหนา Blue Screen หรอไมเมอไมมสญญาณเขามา o Sharpness ก าหนดคาความคมชดของหนาจอ o Mode เลอกโหลดทก าหนดคาไวแลว


- รายการหลก Exit ส าหรบปดหนาเมน


ภาคผนวก


การตงคา Qt บน Ubuntu เพอ Cross Compile

ในหวขอนจะกลาวถงการตงคา Kit, Qt version, Compiler ตางๆ ของ Qt Creator เพอใหสามารถใชงาน

กบ Raspberry Pi ไดซงภายใน VMware Ubuntu ทอยภายในแผน DVD นนไดตงคาตางๆ เหลานไวแลว จงไม

จ าเปนตองตงคาอก แตถาหากเกดปญหาในการ Create Project หรอการ Compile โดยตว Qt Creator หา

เครองมอบางตวไมเจอจงตองแกไขตามเนอหาในหวขอน

- เปดโปรแกรม Qt Creator

- ไปท Menu Tool > Options…

- เลอกหวขอ Device ทเมนดานซาย


- คลก Add เลอก Generic Linux Device แลว คลก Start Wizard

o ตงชอ Device เปน “Raspberry Pi”

o ตง IP Address ไปทบอรด Rpi

o ใส Username ส าหรบลอกอนเขาบอรด โดยปกตจะเปน “pi”

o ใส Password ส าหรบลอกอนเขาบอรด โดยปกตจะเปน “raspberry”

o กด Next และ Finish


- ปรากฏหนาตาง Device Test “Device test finished successfully.”

- เลอกหวขอ Build & Run ทเมนดานซาย

- เลอก tab Compilers

- คลก Add เลอก GCC


o ตงชอ compiler เปน “Raspberry Pi Toolchain”

o เลอก Path Toolchain ไปท

/home/tee/opt/gcc-4.7-linaro-rpi-gnueabihf/bin/arm-linux-gnueabihf-g++

o คลก Apply

o เลอกแทบ Qt Versions

- คลก Add

- ตง Path ไปท “/usr/local/qt5pi/bin/qmake”


- คลก Apply จากนนเลอกแทบ Kits

- คลก Add

o ตงชอเปน “Qt 5.0 Raspberry Pi”

o เลอก Device Type เปน Generic Linux Device

o และ Device จะเปน Raspberry Pi

o ตง sysroot ไปท /mnt/rasp-pi-rootfs

o ตง Compiler เปน Raspberry Pi Toolchain


- หวขอ Debug ให Add ใหม

o ตงชอวา “debugger”

o เลอก Path ไปท

/home/tee/opt/gcc-4.7-linaro-rpi-gnueabihf/bin/arm-linux-gnueabihf-gdb

- คลก Apply

o กลบไปทแทบ Kits ตงหวขอ Debugger เปน debugger (พง Add เขามา)

o เลอก Qt version เปน Qt 5.3.2 (qt5pi)

- จากนนคลก OK


Documents

คู่มือการใช้งาน - Thaieasyelec TFT Tou… · - Raspberry Pi รับข้อมูล Touch screen ขนาด 8 นิ้ว ผ่านบอร์ด