ปัจจุบันดำรงตำแหน่ง : นักวิชาการคลังชำนาญการ
หน่วยงาน : สำนักบริหารการรับ-จ่ายเงินภาครัฐ ส่วนบริหารการจ่ายเงิน 3
หลักสูตรฝึกอบรม : การใช้ Dreamweaver สร้าง Mobile Application
หน่วยงานผู้จัด : กระทรวงการคลัง
วัตถุประสงค์ของหลักสูตร / โครงการฝึกอบรม
หลักสูตรนี้มุ่งเน้นให้ผู้เข้าอบรมมีความรู้ ความเข้าใจ ในการสร้าง Mobile Application โดยใช้ จากโปรแกรม Dreamweaver ซึ่งจะแนะนาเครื่องมือพื้นฐานต่างๆ รวมถึงแพ็คเกจและการติดตั้งเว็บ Mobile Application เพื่อนาไปใช้ในการปฏิบัติงานเกี่ยวกับการพัฒนาระบบของหน่วยงานในอนาคตต่อไป
Native Application and Hybrid Application
Native Application หรือเรียกกันสั้น ๆ ว่า Native App คือ Application ที่ถูกพัฒนาขึ้นมาด้วย Library หรือ SDK ของ OS นั้นๆ เช่น Android SDK หรือ Object C ของ iOS ซึ่งหากต้องการพัฒนา App ขึ้นมาซักตัวหนึ่งแบบ Native App นั่นหมายถึงเราต้องทำควบคู่กันไปทั้ง Android และ iOS หรือพัฒนาแค่ตัวใดตัวหนึ่ง ซึ่งจะเป็นการเสียเวลาและทรัพยากรมาก
Native App มีข้อดีคือ ใช้ความสามารถได้เต็มที่ เช่น กล้อง, เข็มทิศ
มีข้อเสีย คือ ต้องทำแยกแต่ละ OS Ex ต้องทำบน IOS หรือต้องทำบน Androi ต้องทำคนละครั้ง
Hybrid Application หรือที่เรียกสั้น ๆ ว่า Hybrid App คือ App ที่ถูกพัฒนาขึ้นมาเพื่อให้สามารถทำงานได้บน OS ทั้งหมดโดยพัฒนาแค่ App เดียว โดยจำเป็นต้องผ่าน Framework ต่างๆ เพื่อให้สามารถทำงานบน OS นั้น ๆ ได้เช่น PhoneGap ซึ่งเป็น Open source framework ฟรี ด้วยการพัฒนา App ด้วยเทคโนโลยีเว็บ HTML, CSS และ JavaScript เป็นต้น
Responsive web Design หมายถึง เว็บไซต์ที่ตอบสนองการดู web ไม่ว่าจะลด/ขยายหน้าจออย่างไร ก็แปรเปลี่ยนไปตามขนาดของ web ได้ และสามารถตอบสนองการดู web ในแต่ละ Device โดยต้องใช้ CSS ในการจัดเท่านั้น
Xampp เป็นโปรแกรมที่จำลองเครื่องให้เป็น Server
Local host เป็นการ test ว่าเครื่องเราได้รับการติดตั้ง Xampp ถูกต้องแล้ว
Dreamweaver Csb เป็นตัวสร้าง
โดยเข้าไปที่ site เลือก New site
การสร้างหน้า web 1 หน้า ต้องสร้าง 1 Site
View ในการดูมี 3 แบบ 1. Design 2. Code 3. Split
ใช้ภาษา html ในการเขียน web
<head>---เรียกว่า tag เปิด
</head>---เรียกว่า tag ปิด
โครงสร้าง tag ใน html 5 ประกอบด้วย
Tag html
Head
Meta charset= “utf-8”
Title
Body
File รูปภาพที่สามารถใช้ได้ ได้แก่
.jpg รูปถ่าย (สีเยอะ ขนาดใหญ่)
.gif สีน้อย ภาพการ์ตูน (ขนาดไฟล์เล็ก)
.png สีเยอะ โปร่งใสได้
CSS Stylesheet ใช้สำหรับการจัดรูปแบบ
Type มี 4 ลักษณะ
1. Class .
2. ID #
3. Tag
4. compound
tag a หมายถึง link ซึ่งสามารถสร้างให้ชี้ลิงค์ไปโดยกำหนดให้มีเส้นหรือไม่มีเส้นก็ได้
View port คือการแสดงผลของหน้า web ถ้าไม่กำหนดจะแสดงเต็มรูปแบบเสมอ เช่น แสดงใน iphone, ipad เครื่องจะเปลี่ยนรูปแบบการแสดงให้เอง
Framework เป็นเครื่องมือที่เข้ามาช่วยในการทำ Responsive web ให้ง่ายขึ้น
Adobe Phone Gap ช่วยนำไป Run บน Mobile App ได้
ไม่มีความคิดเห็น:
แสดงความคิดเห็น