การประยุกต์ใช้ Web viewer และ เว็บไซต์

ใบงานที่ 4 การประยุกต์ใช้

Web viewer และ  เว็บไซต์

จัดทำโดย นาย สมประสงค์ นาคพิมพ์  รหัสนักศึกษา 5931280069 เลขที่12 ปวส.2 กลุ่ม 3

ขั้นตอนการทำ Web viewer และ เว็บไซต์ มีขั้นตอนดังนี้

1.เปิดไฟล์ Notepad ขึ้นมา

2.เขียนโค้ด ว่า <img src=" (นำชื่อไฟล์รูปของคุณมาใส่ในที่ว่างนี้)   .jpg" width="500" height="500">

3.กด File  และกด Save As   การ Save จะต้อง Save เป็น .html

 และรูปที่โหลดมาจะต้องอยู่ในไฟล์เดียวกัน

4.พิมพ์ค้นหา MIT App Inventor 2  หรือ คัดลอกที่ลิงก์นี้ได้เลย http://ai2.appinventor.mit.edu

5.เมื่อเราเข้าเว็บไซต์  MIT App Inventor 2 แล้วให้ทำการ  New Project ขึ้นมาใหม่เพื่อเริ่มงานใหม่

6.คลิกที Start New Project   แล้วให้ตั้งชื่อตามที่ต้องการ แต่ควรจะสื่อความหมายในสิ่งที่เรากำลังจะทำ เช่นในครั้งนี้เราจะทำแอปพิเคชั่นเกี่ยวกับการสแกนบาร์โค้ด

7..เลือกแล้วจากนั้นให้เราลาก Web Viewer  เข้าที Screen 1

8.กดที่ Upload File.. และ เลือกไฟล์ รูปที่คุณเตรียมไว้

 9.คลิกที่ Web Viewer 1     และ   พิมพ์ว่า file:///android_asset/ และตามชื่อที่คุณทำ  จะต้องลงท้ายด้วย  .html

10.จากนั้นทำการ Build  ตามขั้นตอนดังนี้

11..จากนั้นให้เราทำการสแกนโค้ดเพื่อดาวน์โหลดแอปพิเคชั่นที่เราสร้างขึ้นมา แล้วทดลองใช้

 หน้าตา APP

 เปิดใช้งาน