รายวิชา กล่องสมองกล IPST MicroBox · %d...
Transcript of รายวิชา กล่องสมองกล IPST MicroBox · %d...
![Page 1: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/1.jpg)
รายวชา : กลองสมองกล IPST –MicroBoxรหสวชา : ง20249ครผสอน : ครยอดชาย ขนสงวาลย
![Page 2: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/2.jpg)
1. เรมตนการใชงาน IPST –MicroBox2. การเชอมตอ IPST-MicroBox และการตงคาโปรแกรม3. เรยนรการท างานของโปรแกรม Wiringและ ภาษาซ C 5. การเขยนโปรแกรมเพอแสดงผลเบองตน
![Page 3: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/3.jpg)
![Page 4: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/4.jpg)
![Page 5: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/5.jpg)
![Page 6: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/6.jpg)
![Page 7: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/7.jpg)
![Page 8: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/8.jpg)
เชอมตอกบคอมพวเตอร
![Page 9: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/9.jpg)
เปดโปรแกรม wiring
![Page 10: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/10.jpg)
เลอกบอรดทใชงาน
เลอกบอรดเปน IPST-SE
![Page 11: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/11.jpg)
เลอก Serial Port ใหตรงต าแหนง
เลอกพอรตอนกรม
![Page 12: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/12.jpg)
1. ปดสวตซ Power ทกครงทมการถอดหรอตอสายคอมแหลงจายไฟ เขากบบอรด IPST MicroBox SE2. ไมควรปลดหรอตอสายสญญาณใดๆ เขาทอปกรณ IPST-MicroBox SE ขณะทเปดสวตซ Power3. ศกษาคมอกอนใชงานอยางละเอยดกอนการท าการทดลองทกครง สอบถามครผสอนทกขอสงสย4. หลงจากเสรจสนการทดลอง ใหปลดสายเชอมตอคอมพวเตอรและสายของอะแดปเตอรหรอแหลงจายไฟออกจากวงจร IPST-MicroBox SE เสมอ
![Page 13: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/13.jpg)
![Page 14: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/14.jpg)
Wiring IDE ประกอบดวย 2 สวนท
ส าคญคอ เทกซเอดเตอร (text editor)
และตวแปลภาษา C (Compiler) ซงภายในโปรแกรมมเครองมอและชดค าสงทชวยใหการเขยนโปรแกรมมความหลากหลายและงายขน
![Page 15: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/15.jpg)
ภาษาท โปรแกรมใชในโปรแกรม
Wiring คอ ภาษา C หรอ C++ ทมมาการปรบปรง และดดแปลงเหมาะส าหรบใชในชดกลองสมองกล IPST-MicroBox เพอน าไปสรางโครงงานและหนยนตอตโนมต
จดเดนของ Wiring และการเขยน
![Page 16: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/16.jpg)
1 2 3
SourceFile
Compile Upload
![Page 17: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/17.jpg)
1. Source File คอ กระบวนการในการพมพ หรอแกไขชดค าสงโปรแกรม (Source Code) เพอสงให IPST-MicroBox ท างานตามทตองการ2.Complie คอ กระบวนในขนตอนนจะมการตรวจสอบความถกตองไวยากรณของภาษาโปรแกรม หากถกตองกจะคอมไพลผาน
(แปลภาษามนษยใหเปนภาษาเครอง)3.Upload คอ กระบวนการทน าชดค าสงทผานการคอมไพลสงไปยงอปกรณ IPST-MicroBox
![Page 18: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/18.jpg)
รปแบบโครงสรางโปรแกรม wiring
#include<ipst.h> // การเรยกใชไลบรารvoid setup() {
ส าหรบก าหนดคา เกดขนครงเดยว}
void loop() {
โปรแกรมหลกท างานตอเนอง}
![Page 19: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/19.jpg)
START
ท างานใน Setup
ท างานใน Loop
รปแบบการท างานโปรแกรม wiring
![Page 20: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/20.jpg)
![Page 21: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/21.jpg)
#include <ipst.h> void setup (){glcd(0,0,"Hello World");
}void loop (){}
Hello.pde
โปรแกรม Hello
![Page 22: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/22.jpg)
ตรวจสอบไวยากรณ (การแปลภาษา)
คอมไพล
แจงผลวาคอมไพลผาน
![Page 23: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/23.jpg)
อพโหลด
คอมไพลอกครง
โหลดโปรแกรมไปยง IPST-SE
คยลด Ctrl+U
![Page 24: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/24.jpg)
ผลลพธโปรแกรมท 1
![Page 25: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/25.jpg)
คณสมบตของจอภาพ
![Page 26: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/26.jpg)
ค าสง GLCD (การแสดงผลลพธทางจอภาพ)
glcd แสดงขอความทจอ GLCD ได 21 ตว 16 บรรทด (ในขนาด size 1)
รปแบบ
void glcd (x,y,*p,...)พารามเตอร
x คอ ต าแหนงบรรทดมคาตงแต 0 - 15y คอ ต าแหนงตวอกษรมคาตงแต 0 - 20*p คอ ขอความทตองการน ามาแสดง
![Page 27: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/27.jpg)
ค าสง GLCD (การแสดงผลลพธทางจอภาพ)
คาพเศษ%d แสดงตวเลขจ านวนเตมในชวง -32,768 ถง 32,767%h แสดงตวเลขฐานสบหก%b แสดงตวเลขฐานสอง%l แสดงตวเลขจ านวนเตมในชวง -2,147,483,648 ถง 2,147,483,647%f แสดงผลตวเลขจ านวนจรง (แสดงทศนยม 3 หลก)
![Page 28: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/28.jpg)
การแสดงผลตวเลข
glcd(0,0,"%d",100);
![Page 29: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/29.jpg)
byte
0-65535 (unsigned int)word
0-255 (unsigned char)
0-1boolean True False
-32768 ถง 32767int
-128 ถง 127char
-3.4 x 1038 ถง 3.4 x 1038 float
หาขอมลเพมเตมจาก reference
ตวแปรใน Wiring
![Page 30: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/30.jpg)
glcdsetTextColor (ค ำสงก ำหนดสใหกบตวอกษร)setTextBackgroundColor (ค ำสงใสกรอบสใหกบตวอกษร)glcdFillScreen (ค ำสงก ำหนดสพนหลงของจอภำพ)glcdMode (ค ำสงก ำหนดทศทำงกำรแสดงตวอกษร)setTextSize (ค ำสงก ำหนดขนำดตวอกษร)glcdClear (ค ำสงลำงจอภำพ)
glcdPixel
glcdRect
glcdFillRect
glcdLine
glcdCircle
glcdFillCircleglcdArc
ไลบราร ของ GLCD
![Page 31: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/31.jpg)
setTextColor(COLOR)
unsigned color[]={
GLCD_RED,
GLCD_GREEN,
GLCD_BLUE,
GLCD_YELLOW,
GLCD_BLACK,
GLCD_WHITE,
GLCD_SKY,
GLCD_MAGENTA
};
ตวอยาง#include <ipst.h>
void setup()
{
setTextColor(GLCD_WHITE);
glcd(0,0,"Hello");
setTextColor(GLCD_GREEN);
glcd(1,0,"World");
}void loop()
{
}
คาสตวอกษร
![Page 32: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/32.jpg)
setTextBackgroundColor(COLOR)
unsigned color[]={
GLCD_RED,
GLCD_GREEN,
GLCD_BLUE,
GLCD_YELLOW,
GLCD_BLACK,
GLCD_WHITE,
GLCD_SKY,
GLCD_MAGENTA
};
ตวอยาง#include <ipst.h>
void setup()
{
setTextBackgroundColor(GLCD_RED);
setTextColor(GLCD_YELLOW);
glcd(0,0,"Hello World");
}void loop()
{
}
คาสพนหลงตวอกษร
![Page 33: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/33.jpg)
glcdClear()
ตวอยาง#include <ipst.h>
void setup(){}
void loop()
{
glcdClear();
sleep(500);
glcdFillScreen(color[0]);
sleep(500);
glcdFillScreen(color[1]);
sleep(500);
glcdFillScreen(color[2]);
sleep(500);
}
เคลยรหนาจอ
glcdFillScreen(COLOR)
เทสลงบนหนาจอทงหนา
![Page 34: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/34.jpg)
glcdMode หมนหนาจอ ปกตเปน Mode 0ตวอยาง
#include <ipst.h>
void setup(){}
void loop(){
glcdMode(0);
glcd(0,0,"Mode 0");
sleep(1000);
glcdMode(1);
glcd(0,0,"Mode 1");
sleep(1000);
glcdMode(2);
glcd(0,0,"Mode 2");
sleep(1000);
glcdMode(3);
glcd(0,0,"Mode 3");
sleep(1000);
}
![Page 35: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/35.jpg)
setTextSize ปรบขนาดตวอกษร เปนเทาตวถาไมก าหนดขนาดเปน 1 เทา
ตวอยาง#include <ipst.h>
void setup(){}
void loop(){
setTextSize(1);
glcd(0,0,"1x");
setTextSize(2);
glcd(0,2,"2x");
setTextSize(3);
glcd(0,3,"3x");
setTextSize(4);
glcd(1,0,"4x");
setTextSize(5);
glcd(1,2,"5x");
}
![Page 36: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/36.jpg)
#include <ipst.h> void setup (){glcd(0,0,“Welcome To"); //แสดงขอควำมในบรรทดท 0 วรรคท 0glcd(1,0,“IPST-MicroBox”); //แสดงขอควำมในบรรทดท 1 วรรคท 0
}void loop (){}
Test1.pde
โปรแกรม 1
![Page 37: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/37.jpg)
โปรแกรม 2#include <ipst.h> // include file for IPST-SEvoid setup(){
setTextColor(GLCD_RED); //ก ำหนดสตวอกษรเปนสแดง setTextSize(3); //ก ำหนดขนำดตวอกษรคอ 3 glcd(0,0,"Welcome To");setTextSize(1); //ก ำหนดขนำดตวอกษรคอ 1
glcd(1,0,"IPST-MicroBox");}void loop(){} Test2.pde
![Page 38: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/38.jpg)
โปรแกรม 3#include <ipst.h> // include file for IPST-SEvoid setup(){
setTextBackgroundColor(GLCD_BLUE); //ก ำหนดสกรอบตวอกษรเปนสน ำเงนsetTextColor(GLCD_RED); //ก ำหนดสตวอกษรเปนสแดง
setTextSize(3); //ก ำหนดขนำดตวอกษรคอ 3 glcd(0,0,"Welcome To");setTextSize(1); //ก ำหนดขนำดตวอกษรคอ 1
glcd(1,0,"IPST-MicroBox");}void loop(){}
Test3.pde
![Page 39: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/39.jpg)
โปรแกรม 3#include <ipst.h> // include file for IPST-SEvoid setup(){glcdFillScreen(GLCD_BLUE); //ก ำหนดสพนหลงเปนสน ำเงนsetTextColor(GLCD_RED); //ก ำหนดสตวอกษรเปนสแดง
setTextSize(3); //ก ำหนดขนำดตวอกษรคอ 3 glcd(0,0,"Welcome To");setTextSize(1); //ก ำหนดขนำดตวอกษรคอ 1
glcd(1,0,"IPST-MicroBox");}void loop(){}
Test3.pde
![Page 40: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/40.jpg)
โปรแกรม 4#include <ipst.h> // include file for IPST-SEvoid setup(){glcdFillScreen (color[2]); //ก ำหนดสพนหลงแบบ Array 0-7setTextColor(GLCD_RED); //ก ำหนดสตวอกษรเปนสแดง
setTextSize(3); //ก ำหนดขนำดตวอกษรคอ 3 glcd(0,0,"Welcome To");setTextSize(1); //ก ำหนดขนำดตวอกษรคอ 1
glcd(1,0,"IPST-MicroBox");}void loop(){}
Test4.pde
![Page 41: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/41.jpg)
1. จงบอกความส าคญของโปรแกรม Wiring IDE
2.จงบอกหลกการท างานของ Wiring ในการเขยนโปรแกรมควบคมหนยนต3. ใหนกเรยนเขยนชดค าสงโปรแกรมในการแสดงผลลพธทางจอภาพโดยมรายละเอยดดงน
- มการแสดงหองเรยน
![Page 42: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/42.jpg)
ตวอยางการแสดงผลลพธ
Room No 1/1
Group 101. Jame2. Ann3. Bell4. Jo
![Page 43: รายวิชา กล่องสมองกล IPST MicroBox · %d แสดงตัวเลขจ านวนเต็มในช่วง -32,768 ถึง 32,767 %h](https://reader034.fdocument.pub/reader034/viewer/2022050507/5f9862cfadbccb4f8b24d4e9/html5/thumbnails/43.jpg)