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

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

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

จัดทำโดย นายไชยวัฒน์ รอดมา  รหัสนักศึกษา 5931280059 เลขที่7 ปวส.2 กลุ่ม 3

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

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

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

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

4.ค้นหา MIT App Inventor 2 ในGoogle หรือ คลิกที่ลิงก์นี้ได้เลย 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 และ พิมพ์ที่ HomeUrl ว่า file:///android_asset/ และตามชื่อที่ทำ .html

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

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