[Week 99] Mini Project



Raspberry Pi Kiosk Screen Tutorial












จัดทำขึ้นเพื่อ ให้ผู้ที่สนใจเกี่ยวกับการทำ Kiosk Screen ได้ทราบวิธีการทำ โดย จะใช้ Raspberry Pi 3 Model B ในการทำให้เข้าถึง webpage แบบ full screen ที่เชื่อมต่อออก monitor ได้ แล้วยังสามารถใช้คู่มือฉบับนี้ประกอบการเรียนรู้ซึ่งสอดคล้องกับรายวิชา Embedded System และยังสามารถนำไปประยุกต์ Raspberry Pi ใช้งานด้านต่างๆ ให้เหมาะกับงานและสามารถนำไปต่อยอดการศึกษาและการเรียนรู้ด้านเทคโนโลยีสมัยใหม่ๆได้อีกด้วย



อุปกรณ์ที่ใช้

 

·         Raspberry Pi 3 Model B V 1.2



·         Micro SDHC I Card 8GB Class 10 + Raspbian Jessie

·         Micro USB Cable + USB Power Adapter (1A)

·         HDMI



ขั้นตอนการทำ

       1.      Setting up the Pi
  Ø load Raspbian onto an SD card.
  Ø Boot raspberry Pi และ เปิด terminal ขึ้นมา
พิมพ์คำสั่ง
sudo apt-get update และ sudo apt-get upgrade –y

                          เมื่อ update และ upgrade package เสร็จแล้ว ต่อไปให้ ติดตั้ง chromium
                       
พิมพ์คำสั่ง




         2.      Setting up SSH
อันดับแรกเราต้องตั้งค่า IP address ของ Pi บน Network ก่อน เมื่อเราทำให้ pi เชื่อมต่อ       กับ network ของเราได้แล้ว ให้พิมพ์คำสั่งบน terminal
ifConfig



                           แล้วทำการแก้ไข/ตั้งค่า Network โดยพิมพ์
                                    sudo nano /etc/network/interfaces

                            และกำหนดให้เป็น static address
                                    iface eth0 inet static

                             เพิ่ม Network ของเรา
                                    address xxx.xxx.xxx.xxx
netmask 255.255.255.0
gateway xxx.xxx.xxx.xxx


เมื่อกำหนดค่าเสร็จแล้ว กด ctrl-O แล้วกด Enter เพื่อเขียนไฟล์ลงไป แล้วกด  ctrl+X เพื่อกลับหน้า terminal screen.

ตอนนี้เราได้กำหนดให้เป็น static address แล้วจะสามารถเปิดใช้งาน SSH บน Raspberry Pi ของเราได้แล้ว  จากนั้นเราจะทำการกำหนด Options ให้กับตัว pi ของเรา โดยพิมพ์
            sudo raspi-config
 Step1: เปลี่ยน password โดยเลือก Option 2 Change User Password



Step2: เปิดใช้งาน SSH ให้กับ Pi โดยเลือก Option 9 Advanced Options


                             แล้วเลือก A4 SSH ให้เป็น Enable




                               แล้วก็กด OK




                         Step3: จากนั้นกดปุ่ม Tab เพื่อเลือก Finish แล้วก็ทำการ Restart.

ถ้าเราใช้ putty ขั้นแรกต้องทำการ log in
·         Login : pi
·         password : ที่เราเปลี่ยนแล้ว
จากนั้นพิมพ์คำสั่ง
            ssh pi@xxx.xxx.xxx.xxx




                           แล้วกรอก password ที่เราตั้งไป
                           ตอนนี้เราก็จะสามารถ contro pi ของเราได้แล้ว แล้วก็สามารถตั้งค่า kiosk mode ได้แล้ว

3.      Setting up Kiosk mode
ต่อไปเราจะตั้งค่า kiosk mode โดยเริ่มจากสร้าง/แก้ไข ไฟล์ใน kiosk mode ก่อน โดยพิมพ์คำสั่ง
            sudo nano /etc/xdg/lxsession/LXDE/autostart
แต่ถ้าใช้ NOOBs ควรที่จะใช้  LXDE-pi แทน โดยพิมพ์คำสั่งดังนี้(ในที่นี่เราใช้ Raspbian)
            sudo nano /etc/xdg/lxsession/LXDE-pi/autostart
ให้ปิด comments หน้าบรรทัดคำสั่ง โดยเพิ่ม # ไปข้างหน้าคำสั่งนี้
            @xscreensaver -no-splash


ต่อไปให้เพิ่ม 3 บรรทัดดังต่อไปนี้
@xset s off
@xset -dpms
@xset s noblank
      นี่เป็นการปิดใช้งานการตั้งค่าการจัดการพลังงานและหยุด blanking หน้าจอหลังจากช่วงเวลาที่              ไม่มีการใช้งาน
ตอนนี้เราควรป้องกันไม่ให้เกิดข้อผิดพลาดใด ๆ ที่แสดงบนหน้าจอในกรณีบางอย่าง
            @sed -i 's/"exited_cleanly": false/"exited_cleanly": true/'                              ~/.config/chromium/Default/Preferences
สุดท้ายเราต้องทำให้โครเมียม start และ โหลดหน้าเมื่อบูทโดยไม่ต้องทำอะไรในโหมด Kiosk
@chromium --noerrdialogs --kiosk http://www.page-to.display
(กำหนดURLตามที่ต้องการ ในที่นี่เราใช้ http://www.youtube.com)




**ถ้าใช้ Jessie ให้เปลี่ยนจาก @chromium เป็น @chromium-browser i.e.
@chromium-browser --noerrdialogs –kiosk



            เมื่อกำหนดค่าเสร็จแล้ว กด ctrl-O แล้วกด Enter เพื่อเขียนไฟล์ลงไป แล้วกด  ctrl+X เพื่อกลับหน้า             terminal screen.
                          ขั้นตอนสุดท้ายคือการต่อกับ monitor แล้ว รีบูท โดยพิมพ์คำสั่ง
                          sudo reboot



เราก็จะได้หน้าเว็บที่เรากำหนดไปแบบ Full Screen แบบนี้


วีดีโอแสดงผล





บรรณานุกรม

Dan Purdy. (2014). Raspberry Pi Kiosk Screen Tutorial. Retrieved 
            May 3, 2016, from F3-208: Suranaree University of Technology
            Web site:
https://www.danpurdy.co.uk/web-development/raspberry-pi-kiosk-screen-tutorial/
 kusti8. (2015). Guide: Chromium 50 on Raspbian Jessie. Retrieved 
            June 3, 2016, from: Suranaree University of Technology
            Web site:
https://www.raspberrypi.org/forums/viewtopic.php?t=121195