#AndroidStudio ตอนที่ 2 ทำ App เรียกโฮมเพจมาแสดงใน Smart Phone

ตอนที่ 2 ทำ App เรียกโฮมเพจมาแสดงใน Smart Phone

<introduction>
เคยเห็นแอพใน Smartphone ที่เปิดขึ้นมา แล้วก็ไปเรียกเว็บจาก URL มาแสดง
คำสั่งสำคัญที่มักใช้กัน คือ webview
แต่มีการปรับรุ่น SDK + Security + Device
ทำให้การใช้คำสั่งต้องมีรายละเอียดเพิ่มขึ้น
และนึกถึงการทำเว็บแบบ Progressive Web Apps
แต่ PWA กับ APK เชื่อมกันได้ไม่สนิท หรืออาจไม่เชื่อมกันเลย
ผมก็พยายามปรับ code ฝั่ง web server และ android ได้คุยกันรู้เรื่อง
โดยให้ส่ง user agent ไปให้กับ php ทั้งที่มี

HTTP_X_REQUESTED_WITH = [The package name from the app]

เพื่อกำหนดการทำงานให้ถูกต้องว่า
1) ถ้าถูกเรียกจาก app ใน android ต้องส่งอะไรไปให้
2) ถ้าเปิดแบบปกติก็ปล่อยให้เป็นการทำงานของ PWA
สำหรับ URL ที่ใช้เป็นกรณีศึกษาครั้งนี้เลือกใช้ Miss Grand 2017
http://www.thaiall.com/actress/missgrand2017/
และทดสอบกับ Smartphone จริง ผ่านแอพ WiFi ADB
https://play.google.com/store/apps/details?id=com.ttxapps.wifiadb
แล้ว code ที่แสดงไว้นี้ ฝากไว้กับ github.com เพราะมี plugin ใน blog

ทำให้แสดงผลได้สวยงาม
</introduction>

<process>
กระบวนการในการพัฒนา APP
เพื่อใช้งาน webview เรียกโฮมเพจผ่าน URL มาแสดงผล
มีขั้นตอน ดังนี้

1. เปิด Android Studio แล้วสร้าง New Project
เลือก Activity แบบ Empty Activity

2. ใน IDE ของ Android Studio มองหา Tab ด้านซ้าย
จะพบ 1: Project หรือกดปุ่ม ALT-1 ก็ได้
จะพบ 2 หัวข้อใหญ่ คือ app กับ gradle scripts
ให้ดูใน app จะพบหัวข้อ manifests, Java และ Res

3. ถ้าจะทำให้ App เรียกโฮมเพจผ่าน URL มาแสดงผล
สิ่งแรกที่ต้องทำ คือ คลิ๊กเปิดแฟ้ม AndroidManifest.xml ใน manifests
แล้วใส่ tag user-permission 2 บรรทัดตามตัวอย่าง code
เข้าไปด้านท้าย แทรกกลางระหว่าง TAG : /application กับ /manifest

</application>
แทรก code ไว้ที่นี่
</manifest>

AndroidManifest.xml

https://gist.github.com/thaiall/6d91cabec8a2d6adc59b74e646654edc

4. เปิดแฟ้ม MainActivity.java ที่อยู่ใต้ Package Name
ใน code ก็จะเริ่มด้วย package บรรทัดต่อมาก็ import อีกเพียบ
ตามด้วย public class MainActivity ..
สรุปว่า
copy code ด้านล่างนี้ไปวางทับของเดิม
แล้วแก้ชื่อ package name หรือแก้ไขข้อมูลอื่น ๆ ตามความเหมาะสม
อาทิ url ที่ต้องการ load
หรือ package name ให้ตรงกับที่ท่านตั้งไว้
หรือ user agent ถ้าไม่ใช้ ก็ลบบรรทัดนี้ไปได้
หรือ เปลี่ยนชื่อ host ที่ไม่ต้องการให้ทำ Intent ไปนอก App

 

MainActivity.java

https://gist.github.com/thaiall/32ac305eb17452490b74833a06dbbc35

5. ความตั้งใจคือ เรียกโฮมเพจตาม URL มาแสดงใน APP
เมื่อเปิดแฟ้ม activity_main.xml ที่อยู่ในใน app,res,layout
ก็ใส่ Tag : WebView ที่สำคัญเพียง Tag เดียว

activity_main.xml

https://gist.github.com/thaiall/3368a93b542548f2b9e9e175a50f4fe6

6. ในบทเรียนนี้ สรุปว่าต้องแก้ไข 3 ส่วน เมื่อมองจาก project explorer
เปิดผ่าน Menu bar ที่ View, Tool Windows, Project
– app, manifests, AndroidManifest.xml
– app, java, [package name], MainActivity.java
– app, res, layout, activity_main.xml

7. เมื่อแก้ไข code เสร็จแล้ว และไม่มี error มาให้กวนใจ
ก็สั่ง Menu bar, Make Project หรือ Ctrl+F9 หรือ Build APK 
แล้วส่ง Menu bar, Run, Run ‘app’ หรือ Shift+F10
เพื่อดูผลการทำงานของ App ใน Device Emulator หรือ Device
</process>

<website_guide>
+ http://www.thaiall.com/android
</website_guide>

หมายเหตุ 
ถ้าสนใจติดตามเนื้อหาในบล็อกนี้ สามารถ subscribe ด้วย email ที่อยู่ข้างขวา หรือ click here

#AndroidStudio ตอนที่ 1 การพัฒนา app สำหรับใช้งานบน Smart Phone ที่ลง Android

ตอนที่ 1 การพัฒนา app สำหรับใช้งานบน Smart Phone ที่ลง Android

<introduction>
หลังจากผมได้คอมพิวเตอร์โน๊ตบุ๊ค แล้ว IT Clinic ลง Windows 10 Home 64Bit (OEM=Original Equipment Manufacture)
ก็นำมาลองสร้างแอพ (App = Application) สำหรับ Moveable Device ด้วย Android Studio
ซึ่งมีผู้พัฒนา คือ บริษัทกูเกิ้ล (Google.com) เริ่มต้นก็คิดว่าจะลงโปรแกรมแล้วเขียนโปรแกรม Hello World ไป Run บน Smart Phone ที่ใช้อยู่
</introduction>

<process>
กระบวนการในการพัฒนา APP
เพื่อให้ได้ .apk ไปใช้งาน
ซึ่ง Google พัฒนา Android Studio เป็น IDE ที่มี everything และใช้งานง่ายกว่าเดิม
มีขั้นตอน ดังนี้

1. Download : Java (jdk-8u144-windows-i586.exe หรือรุ่นใหม่กว่า)
จาก https://java.com/en/download/
เพราะเครื่องมือสำหรับพัฒนาโปรแกรม ต้องใช้ Java Runtime Environment (JRE)
แต่ใน Android Studio รุ่นที่ผมใช้เป็นแบบ Portable
มี JRE Embeded ติดมาให้ด้วย ไม่ต้องติดตั้ง เพราะเรียกใช้งานจากในแฟ้มที่คัดลอกมาได้เลย
ดังนั้นในเครื่องที่ผมใช้พัฒนา Android App จึงไม่ติดตั้ง JAVA ด้วยตนเอง
เพราะมีมาพร้อม Android Studio แล้ว

project structure in android studio
project structure in android studio

2. Download : Android Studio (android-studio-ide-162.4069837-windows32.zip)
จาก https://developer.android.com/studio/
ของผมได้รุ่น Android Studio v2.3.3 (June 2017) ซึ่งใหม่สุด ณ ตอนนี้
ซึ่ง Include Everything มาแล้ว
ทั้ง IDE (Integrated Development Environment) + SDK (Android Software Development Kit) + Emulator
ผมเลือกรุ่น .zip ไม่เลือกแบบ install
เพราะคลาย zip แล้ว เรียกให้โปรแกรม Folder> android-studio\bin\studio.exe ทำงานได้เลย
ทำงานแบบ Portable ที่ไม่ต้องติดตั้งก่อน
และผมไม่เลือกใช้ Eclipse เพราะ sdk-tools-r2602_windows-3859397.zip
จะไม่มี SDK Manager มาให้ ต้องใช้ SDK Manager ใน Android Studio
และ Google ประกาศเลิกสนับสนุน SDK ให้ Software ภายนอกแล้ว

Android Studio can be the portable software
Android Studio can be the portable software

3. เมื่อสั่งให้ studio.exe ทำงาน
ก็สั่ง Menu Bar, File, New, New Project
Application name : My Application
Company domain : www.thaiall.com
Minimum SDK : API 19: Android 4.4 (KitKat)
อาจเลือก API 25: Android 7.1.1 (Nougat)
หรือ API 26: Android 8 (O) ก็แล้วแต่ชอบนะครับ แต่ผมชอบของเก่า
Add an Activity to Mobile
เป็น Template ให้เลือก 12 แบบ แบบแรกที่เลือก คือ Basic Activity
แล้วก็ Finish อะไรไม่แจ้งไว้ แสดงว่าไม่ได้เปลี่ยน

Default Activity on Android Studio
Default Activity on Android
Studio
Default Activity on Android Studio
Default Activity on Android
Studio
Default Activity on Android Studio
Default Activity on Android
Studio

4. เข้าสู่ส่วนของ IDE มีหน้าต่างย่อยเพียบ
เห็นคำว่า Hello World! ใน content_main.xml
พบช่อง Text ด้านขวา สามารถเปลี่ยนเป็น Hello My World! ที่นั่นได้

We can change from hello world to hello my world
We can change from hello world to hello my world

5. ทดสอบประมวลผล
Menu bar, Run, Run ‘app’ หรือ Shift F10

6. เลือก Device
จาก Connected Devices หรือ Available Virtual Devices
หรือกด Create New Virtual Device
ผมสร้าง Device ชื่อ Nexus 5X API 19 ไว้ทดสอบตัวหนึ่ง
สร้างเสร็จก็เลือก Device ที่สร้างขึ้น
จะมีการ Popup อุปกรณ์ Emulator ขึ้นมา เพื่อแสดงผลการ Run

android emulator
android emulator

7. หลังพอใจในผลลัพธ์ ที่เห็นบน Emulator แล้ว
สั่งสร้าง .APK ด้วย Menu bar, Build, Build APK
แฟ้ม .apk ที่ได้ชื่อ app-debug.apk
อยู่ใน C:\Users\[Your Name]\AndroidStudioProjects\basicactivity\app\build\outputs\apk
นำแฟ้มนี้ไปใช้ใน Smart Phone ได้ตามต้องการ
หากผลบน Emulator ไม่น่าพอใจ ก็สั่ง Uninstall
ได้เหมือนกับที่ทำบน Smart Phone คือ ลากลงถังขยะ

we can use apk file on smart phone
we can use apk file on smart phone

 

https://www.4shared.com/folder/AgIkeXaS/android.html

</process>

<website_guide>
+ http://www.thaiall.com/android
</website_guide>

หมายเหตุ 
ถ้าสนใจติดตามเนื้อหาในบล็อกนี้ สามารถ subscribe ด้วย email ที่อยู่ข้างขวา หรือ click here

สุดยอดโปรแกรมสำนักงานฟรี (The Best Free Office Software)

buy notebook from SiamTV
buy notebook from SiamTV

การเขียนรายงานสักฉบับหนึ่ง หรือนำเสนองานหน้าชั้นสักเรื่อง
สมัยนี้ต้องใช้โปรแกรมสำนักงาน (Office Suite)
หลังจากมีผู้คนใช้งานกไปแล้วระยะหนึ่ง
ก็พบว่า Mark Wycislik-Wilson ได้ Review
แล้วเขียนเรื่อง “สุดยอดโปรแกรมสำนักงานฟรี
http://www.techradar.com/news/the-best-free-office-software
โดยมีทั้งหมด 5 โปรแกรม เรียงจาก Best ที่สุด ดังนี้
1) WPS Office Free
2) LibreOffice
3) Apache OpenOffice
4) SoftMaker FreeOffice
5) SSuite Office Premium HD+
ผมไม่ได้ทำลิงค์ดาวน์โหลดไว้ แต่เข้า techradar.com ตามลิงค์ด้านบน เค้าก็ลิงค์ไปให้แล้ว
ส่วน Best ในใจผม ยกให้ LibreOffice เพราะเคยซื้อ Notebook มา
แล้ว “ไอทีคลินิก (IT Clinic)” ของสยามทีวี เค้าลงตัวนี้ให้ฟรี ซึ่งมั่นใจว่าเค้าเลือกมาอย่างดีแล้ว

หากถามว่าโปรแกรม Office Suite ในโลกเรา มีอะไรบ้าง
ไปพบใน Wikipedia.org
ที่ https://en.m.wikipedia.org/wiki/Comparison_of_office_suites
เค้าเปรียบเทียบแต่ละโปรแกรม 12 หัวข้อ แบ่งได้ดังนี้
1) Software Name
2) Developer
3) First public release
4) Predecessor (แหล่งที่มา)
5) Latest Stable version / (Date)
6) Operating system
7) Price in USD
8) License
9) Microsoft Office (.doc, .xls) support
10) Microsoft Office Open XML support
11) OpenDocument support
12) Portable Document Format support
แล้วแต่ละโปรแกรมสำนักงาน ทำงานบนระบบปฏิบัติการใดได้บ้าง
ก็มีแบ่งไว้ 5 ระบบปฏิบัติการ
1) Windows 2) macOS 3) GNU/Linux 4) BSD 5) Unix
องค์ประกอบของโปรแกรมที่โปรแกรมสำนักงานแต่ละค่ายมี ก็เทียบไว้ว่าใครมีชื่ออะไรกันบ้าง
ดังนี้
1) Word processor
2) Spreadsheet
3) Presentation program
4) Notetaking software
5) Diagramming software
6) Raster graphics editor (Bitmap)
7) Vector graphics editor
8) Image viewer
9) Formula editor
10) Database management system
11) Project management software
12) Desktop publishing software
โปรแกรมสำนักงาน (Office suite) ในปัจจุบันได้นำมาเปรียบเทียบไว้มี 27 โปรแกรม
หากโปรแกรมใด Free จะมีเครื่องหมาย * (12 โปรแกรม) ต่อท้ายชื่อโปรแกรมไว้ และทั้งหมดมีดังนี้
1) Ability Office
2) Apache OpenOffice*
3) Breadbox Office
4) Calligra Suite*
5) Feng Office Community Edition*
6) Gobe Productive
7) Google Apps (GoogleDocs)*
8) IBM Lotus Symphony*
9) iWork
10) LibreOffice*
11) Lotus SmartSuite
12) MarinerPak
13) Microsoft Office
14) Microsoft Works (Discontinued in 2009)
15) MobiSystems OfficeSuite
16) NeoOffice
17) OnlyOffice*
18) SoftMaker Office*
19) SSuite Office Premium HD+*
20) StarOffice
21) TeXmacs*
22) TeamLab
23) ThinkFree Office
24) Tiki Wiki CMS Groupware*
25) WordPerfect Office
26) WPS Office (Kingsoft Office)*
27) Zoho Office Suite

office suite comparison
office suite comparison

การที่ VirtualBox จะได้ IP จริง และ start httpd พร้อม Host

การที่ VirtualBox จะได้ IP จริง และ start httpd พร้อม Host
มีขั้นตอนดังนี้
1. เปิด VBox แล้วเลือกตั้งค่าให้ Guest ของผมใช้ Win8
2. เลือก เครือข่าย (Network)
เดิมกำหนดเป็น Nat เปลี่ยนเป็น แผงวงจรแบบบริดจ์ (Bridge Adapter)
ใช้ Net บ้าน มี Router แจก IP แบบ Wireless ภายในบ้าน
3. สั่ง Start : Guest
ขณะอยู่ใน Guest ใช้ DOS>ipconfig
พบ IP คือ 192.168.1.4 เป็นของ Guest
4. อยู่ใน Host ใช้ DOS> ipconfig
พบ IP คือ 192.168.1.5 เป็นของ Host
5. ทดสอบติดตั้ง xampp
[xampp-win32-7.1.7-0-VC14-installer.exe]
ทำให้ Guest เปิดบริการ Port 80
ติดตั้งเสร็จก็ Start : Apache
แล้วตรวจสอบว่าบริการที่เปิดไว้ เข้าถึงจากภายนอกได้หรือไม่
6. ตรวจใน Service ไม่พบว่า Apache
ตรวจโดยเข้า DOS>Services.msc ก็ไม่พบว่า Apache อยู่ใน Services
ใช้ DOS เข้า c:\xampp\apache\bin แล้วติดตั้งเป็น Service เอง
เข้า Windows, Command Prompt (Admin) จึงจะติดตั้ง Service ได้
DOS>httpd -k install
ใน Config มุมบนขวาของ XAMPP Control Panel มีบริการ Start Automatic
หากเลือกให้ MySQL เปิดอัตโนมัติ ก็จะ Start Automatic ได้
7. ขณะอยู่ใน Guest หรือ Host
ทดสอบการเปิดบริการ Apache ใน XAMPP
เปิด http://192.168.1.4 พบ Web Server ทั้งคู่
8. การสั่ง Start VBox ผ่าน Shell:startup
DOS>”C:\Program Files\Oracle\VirtualBox\VirtualBox.exe” –startvm mywin8
สร้างแฟ้ม .bat ในห้อง Startup
ต่อไปเวลาเปิดเครื่องก็จะสั่งให้ mywin8 ถูก Start ขึ้นมาอัตโนมัติ
และ Service Apache ก็จะถูกเรียกขึ้นมาโดยอัตโนมัติเช่นกัน

http://www.thaiall.com/handbill/openphotodir.php?folder=../os/virtualbox_win8/

http://www.thaiall.com/os/virtualbox.htm

ชอบ Continuum บน Windows 10

click on windows button
click on windows button

Continuum คือ ความสามารถใหม่ของ Windows 10
ในการปรับรูปแบบการทำงานให้เหมาะสมกับอุปกรณ์ที่แตกต่างกัน
ทำงานกับ Notebook ก็จะมีความสามารถเน้นอย่างหนึ่ง
เมื่อไม่มีแป้นพิมพ์บน Surface หรือ Tablet หรือ Phone ก็เป็นอีกอย่างหนึ่ง

 

right click on windows button
right click on windows button

http://www.anandtech.com/show/9413/windows-10-editions-compared
https://www.beartai.com/news/itnews/39985

เปรียบเทียบ windows edition
เปรียบเทียบ windows edition

ผมใช้ Windows 10 Home เห็นตารางแล้ว
รู้สึกอยากได้ Edition อื่น ๆ อย่างเช่น Remote Desktop ก็ไม่มีให้
แต่มีนักพัฒนาทำ RDPWrap
https://github.com/stascorp/rdpwrap
ทำให้เครื่องของผมสามารถรับการเชื่อมต่อแบบ Remote Desktop ได้

ซื้อคอมพิวเตอร์มา แล้วได้อะไร

new program from siamtv it clinic
new program from siamtv it clinic

วันนี้ไปซื้อคอมพิวเตอร์มาเครื่องหนึ่ง จาก siamtv ลำปาง
เห็นป้ายลดจาก 16990 เหลือ 14990 บาท
นั่นเป็นอีกปัจจัยที่ทำให้เลือกซื้อ
แล้วก็ยังติดตั้ง Windows 10 มาพร้อมกับตัวเครื่อง มีการ์ดจอในตัว
ขั้นตอนการสำรวจเครื่องเบื้องต้น
1.  เมื่อเข้าไปดูใน Control Panel, System and security, System
พบ
Windows edition
Windows 10 Home Single Language
ซึ่งได้ทำ Windows Activation มาเรียบร้อยแล้ว
System
Model : Acer – Aspire E5-475G
Processor : Intel(R) Core(TM) i3-6006U CPU @2.00GHz 1.99 GHz
Installed memory (RAM): 4.00GB (3.88 GB usable)
System type: 64-bit Operation System, x64-based processor
2. Device Manager
ไม่พบปัญหาเรื่อง Driver และใน Display adapters
พบ NVIDIA Geforce 940MX และ Intel(R) HD Graphics 520

3. This PC, Manage, Disk Management
พบ Disk 0 แบ่งเป็น
C: พื้นที่ 232.87 GB NTFS
D: พื้นที่ 231.77 GB NTFS
รวมกันก็น่าจะใกล้ 500 GB เพราะที่เหลือถูกใช้ทำอย่างอื่น
แล้วใน D: ก็วางเปล่า เหมาะกับการไว้เก็บอะไรอะไรได้

4. network กับ speaker ใช้ได้ เชิงประจักษ์
เปิดเว็บ speedtest.net จากลำปาง ไปเชียงใหม่ ตอน 2 ทุ่ม ผ่าน wifi
Download 36.24 Mbps
Upload 14.50 Mbps
ก็น่าจะ ok แล้วครับ
เพราะใช้ TOT Fiber 2 U
FTTx 20Mb/5Mb 590 บาท

5. โปรแกรมที่ไอทีคลินิกลงให้
– CCleaner (Free)
โปรแกรมทำความสะอาดเครื่องด้ายการลบแฟ้มที่ไม่จำเป็น
– WinRAR 5.20 (Evaluation copy)
โปรแกรมบีบอัด และคลายแฟ้มที่ถูกบีบอัด
– Unity Web Player
Unity Web Player is a plug-in for your browser that allows you to play games and watch great 3D content developed with the Unity game engine.
https://unity3d.com/showcase/gallery/games
http://th.y8.com/games/slope
– AIMP3
โปรแกรมเปิดแฟ้มเสียง
– Adobe AIR (AIR = Adobe Integrated Runtime)
ทำให้ OS รองรับโปรแกรมที่พัฒนาบน Adobe AIR ได้
ตัวอย่างที่ http://www.hongkiat.com/blog/60-useful-adobe-air-applications-you-should-know/
– Adobe Flash Play 16 NPAPI
รองรับแฟ้มมัลติมีเดีย
– Edraw Max 7.7
โปรแกรมวาดไดอะแกรมที่หลากหลาย
– Google Chrome (47.0.2526.106m => 59.0.3071.115)
โปรแกรมบราวเซอร์
– Lexitron dictionary 2.6
โปรแกรมดิกชันนารี่
– Line
โปรแกรมติดต่อสื่อสาร
– Mozilla Firefox 40.0 (=> 44.0b1)
โปรแกรมบราวเซอร์
– Mozilla Maintenance Service
เป็นบริการช่วย update รุ่นใหม่ของ Firefox หรือ Thunderbird
– Nero 8 Lite 8.3.6.0
โปรแกรมเขียน CD
– PhotoScape
โปรแกรมจัดการภาพครบวงจร
– Picasa 3
โปรแกรมจัดการภาพครบวงจร
– The KMPlayer (remove only)
โปรแกรมดูหนัง
– VLC Media player
โปรแกรมดูหนัง
– WebcamMax
โปรแกรมแต่งเว็บแคม
– LibreOffice 4.4.5.2
โปรแกรมสำนักงาน
– Microsoft Visual C++ 2005 Redistributable
เครื่องมือช่วยให้โปรแกรมอื่นทำงานได้สมบูรณ์
– Microsoft Silverlight
Silverlight is a powerful development tool for creating engaging, interactive user experiences for Web and mobile applications.
Silverlight is a free plug-in, powered by the .NET framework and compatible with multiple browsers, devices and operating systems, bringing a new level of interactivity wherever the Web works.
– Adobe Reader XI (11.0.10)
โปรแกรมอ่านแฟ้ม PDF

siamtv promotion
siamtv promotion

โปรแกรมจัดการภาพเก่า และเล็ก แต่เจ๋ง

irfanview by Irfan Skiljan, Graduate of Vienna University
irfanview by Irfan Skiljan, Graduate of Vienna University

วันนี้ฤกษ์ดี (600716) หลังใช้โปรแกรม Irfanview
ดึงข้อมูล Miss Grand 2017
http://www.thaiall.com/actress/missgrand2017
ว่าสาวงามทั้ง 77 จังหวัด แต่ละจังหวัดมีภาพชื่ออะไร
เพื่อนำมาเตรียมข้อมูลในแบบ JSON สำหรับทำ PWA
ยิ่งเล่าก็ยิ่งเลยเถิด มาจับประเด็นที่ Irfanview กันดีกว่า
http://www.irfanview.com/

ประเด็นที่อยากพูดถึงวันนี้
1. โปรแกรม irfanview มีถึงรุ่น 4.44 ณ 16 กรกฎาคม 2560
แต่ผมยังใช้รุ่น 3.51 ตัวเล็กแค่ 635 KB เท่านั้น
Copyright (C) 1996-2001 by Irfan Skiljan, Graduate of Vienna University
2. การใช้โปรแกรมเพื่อเก็บชื่อภาพ และข้อมูลในภาพ
มีขั้นตอนคือ view ภาพก็จะเห็นข้อมูลในภาพ เช่น จังหวัด หรือ ชื่อนางสาว
แล้วกดปุ่ม F6 จะเข้า Rename แต่กดปุ่ม Ctrl-C เพื่อคัดลอกชื่อ
กดปุ่ม Alt-Tab กระโดดไป Editor
เพื่อวางข้อมูลด้วย Ctrl-V เป็นการวางชื่อแฟ้มที่ได้ในตำแหน่งที่เหมาะสม
แล้วพิมพ์ชื่อจังหวัดไปคู่กัน
3. ทำภาพ Transparent ก็ทำตอน Save as เลือก Transparent color
สกุล .gif แต่ภาพต้องมีจำนวนสีไม่มากตามคุณสมบัติของ .gif นะครับ
4. ทำแฟ้ม gallery อย่างรวดเร็ว ก็เลือก File, Thumbnails
จากนั้นเลือก File, Save selected thumbs as HTML file
5. ถ้ามีแฟ้มจำนวนมาก และต้องการ rename ให้ชื่อแฟ้มมีลำดับ
ก็ทำโดยเลือก File, Batch Conversion/Rename

ความหมายของคำอธิบายรายวิชา และตัวอย่าง

ตัวอย่าง มคอ.2 - 7
ตัวอย่าง มคอ.2 – 7
http://www.mua.go.th/users/tqf-hed/news/news7.php

คำอธิบายรายวิชา (Course Description)
คือ เนื้อหาสาระที่กำหนดเป็นหลักของแต่ละรายวิชาในหลักสูตร
ซึ่งถูกเขียนไว้ใน มคอ.2 ร่วมกับแผนที่แสดงการกระจายความรับผิดชอบ แล้วผู้สอนจะนำเนื้อหาไปเพิ่มรายละเอียดเป็นเค้าโครงการสอนใน มคอ.3 หรือ มคอ.4 เมื่อดำเนินการสอนแล้วเสร็จ ก็จะประเมินผลเป็น มคอ.5 หรือ มคอ.6 และ มคอ.7 ตามลำดับ

มคอ. คือ มาตรฐานคุณวุฒิระดับอุดมศึกษาแห่งชาติ
http://www.thaiall.com/tqf
http://www.mua.go.th/users/tqf-hed/news/news7.php

TECH 100 สื่อและเทคโนโลยีสารสนเทศ
(Media and Information Technology)
2(2-0-4)
ศึกษาความหมายและหลักการของเทคโนโลยีการสื่อสาร ความรู้เบื้องต้นทางเทคโนโลยีสารสนเทศ การประยุกต์ใช้เทคโนโลยีเพื่อการติดต่อสื่อสาร การศึกษาและนำไปใช้เชิงพาณิชย์ ประเภทของระบบสารสนเทศ การสืบค้นข้อมูล ระบบฐานข้อมูลเบื้องต้น ระบบสำนักงานอัตโนมัติ ความปลอดภัยและจริยธรรมในการใช้งานเทคโนโลยีสารสนเทศ
A study of communication technology meaning and principles, introduction of information technology, technology applications for communication, education and commercial application, types of information system, data retrieval, introduction to database systems, office automation system, security and ethics of information technology using.

BCOM 313 กฎหมายและจริยธรรมสำหรับผู้ประกอบวิชาชีพคอมพิวเตอร์
(Laws and Ethics for Computer Professionals)
3(3-0-6)
แนวคิดเกี่ยวกับคุณธรรมและจริยธรรม พระราชบัญญัติว่าด้วยการกระทําความผิดเกี่ยวกับคอมพิวเตอร์ กฎหมายทรัพย์สินทางปัญญา ลิขสิทธิ์ สิทธิบัตร เครื่องหมายการค้า กฎหมายว่าด้วยพาณิชย์อิเล็กทรอนิกส์ และกฎหมายที่เกี่ยวข้องความเป็นส่วนตัว อาชญากรรมผ่านสื่อทางคอมพิวเตอร์ กรณีศึกษาการใช้เครือข่ายสังคม
Concepts of morality and ethics, act on the offense on the computer, intellectual property law, copyright, patents, trademarks, law on electronic commerce and privacy laws, computer crime, case studies of social network.

CPSC 103 ตรรกะดิจิทัล
(Digital Logic)
3(3-0-6)
ระบบจำนวนและรหัสคอมพิวเตอร์ พีชคณิตบูลีน การวิเคราะห์และการสังเคราะห์ตรรกะคอมบิเนชันนัล ฟังก์ชันสวิทชิง รูปแบบคาโนนิคัล แผนที่คาร์นอฟ เทคนิคการลดรูป วงจรแนนและวงจรนอร์หลายระดับ และภัยในวงจร การวิเคราะห์และสังเคราะห์ตรรกะ ซีเควนเชียล การนำ
ฟลิปฟล็อปมาสร้างตรรกะ ตัวแปรสถานะ แผนภาพแสดง การเปลี่ยนสถานะ ตารางแสดงสถานะ การลดจำนวนสถานะ เทคนิคการกำหนดสถานะ และสภาวะการแข่งขัน
Number systems and computer codes, Boolean algebra, analysis and synthesis of combinational logic, switching function, canonical forms, Karnaugh map, minimization techniques, multilevel NAND and NOR circuits and hazards, analysis and synthesis of sequential logic, logic implementation with flip flop, state variables, state transition diagram, state table, minimization of states, state assignment techniques, and race conditions.

CPSC 205 ระบบปฏิบัติการ
(Operating Systems)
3(2–2–5)
สถาปัตยกรรม เป้าหมายและโครงสร้างของระบบปฏิบัติการ การจัดการการประมวลผล การกำหนดการการประมวลผล ความร่วมมือและการประสานเวลาของการประมวลผล สภาวะติดตาย สาเหตุ เงื่อนไข การป้องกัน การจัดการหน่วยความจำ หน่วยความจำกายภาพ หน่วยความจำเสมือน การจัดการหน่วยเก็บรอง จานบันทึก หน่วยเก็บขั้นสาม หน่วยรับเข้า/ส่งออก แฟ้มข้อมูล สารบบ ระบบปฏิบัติการแบบกระจายเบื้องต้น
Architecture, goals, and structure of operating system, process management, processes scheduling, process coordination and synchronization, deadlock, causes, conditions, prevention, memory management, physical memory, virtual memory, secondary storage management, disk, tertiary storage, Input/Output (I/O), file, directory, introduction to distributed operating systems.

CPSC 332 ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์
(Human-Computer Interaction)
3(3-0-6)
พฤติกรรมมนุษย์ กระบวนวิธีการบันทึกและแปลพฤติกรรมมนุษย์ การวิเคราะห์ การทำงาน เทคนิคการสังเกต การออกแบบสอบถาม เทคนิคการวิเคราะห์และการโมเดลงาน วิธีแสดงส่วนปฏิสัมพันธ์และเครื่องมือสร้างต้นแบบ ขั้นตอนการเรียนรู้ การศึกษาการใช้งานและการวิเคราะห์โพรโทคอลการใช้คำ ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ แนวทางการทดลองทำจริง การเรียนรู้ของมนุษย์ การทำนายและการเลียนแบบปฏิสัมพันธ์ระหว่างมนุษย์กับมนุษย์และกรณีศึกษา
Human behavior, methodologies for obtaining and interpreting human behavior: work activity analysis, observation techniques, questionnaire, task analysis and modeling techniques, methods for interface representation and prototyping tools, cognitive walkthroughs, usability studies and verbal protocol analysis, the four approaches to human-computer interaction, empirical, cognitive, predictive, and anthropomorphic and case studies.

BCOM 241 โครงสร้างข้อมูลและขั้นตอนวิธี
(Data Structures and Algorithms)
3(2-2-5)
โครงสร้างข้อมูลแบบต่างๆ ลิสต์ สแตก แถวคอย ต้นไม้ กราฟ เซ็ต และ ฮีป การเรียงลำดับข้อมูลด้วยอัลกอริทึมแบบบับเบิล การแทรก เชลล์ ฮีป ควิก การค้นหาด้วยอัลกอริทึมแบบตามลำดับ แบบไบนารี ใช้ตารางแฮช โครงสร้างต้นไม้และการดำเนินการกับข้อมูลในโครงสร้างต้นไม้ โครงสร้างกราฟและการดำเนินการกับข้อมูลในโครงสร้างกราฟ การประยุกต์ใช้โครงสร้างข้อมูลเพื่อแก้ปัญหาในธุรกิจ ภาคปฏิบัติใช้โปรแกรมภาษาที่กำหนด เขียนโปรแกรมประยุกต์โครงสร้างข้อมูลและขั้นตอนวิธีเพื่อแก้ปัญหาในงานธุรกิจ
Type of Data structures, such as lists, stacks, queues, trees, graphs, sets and heap. Sorting algorithms, such as bubbles, insertions, shells, heaps, quicks. Searching algorithms, such as sequentials, binarys, hashing tables. Tree structures and operation of tree structures. Graph structures and operation of graph structures. Applying data structures, algorithms and writing programming for solve business problems.

CPSC 203 โครงสร้างข้อมูล
(Data Structures)
3(3-0-6)
ประเภทข้อมูลนามธรรมในภาษาชั้นสูง ประเภทข้อมูลแบบตัวชี้และเวกเตอร์ในภาษาชั้นสูง เวลาการรันงานและความซับซ้อน รายการโยง กองซ้อน แถวคอย การวนซ้ำและกรณีศึกษาด้านการคำนวณ ต้นไม้ กราฟ ฮีปทวิภาค ขั้นตอนวิธีของต้นไม้ กรณีศึกษาด้านการเรียงลำดับ ตารางแฮช การบีบอัดข้อมูล การจับคู่สตริง
Abstract data type in high level language, pointer and vector in high level language, running time and complexity, linked-lists, stacks, queues, trees, recursion, numerical case studies, trees, graph, binary heap, tree algorithms, sorting case studies, hash table, data compression, string matching.

BCOM 331 การออกแบบและพัฒนาเว็บไซต์
(Website Design and Development)
3(2–2–5)
โครงสร้างและการทำงานของเอกสารอิเล็กทรอนิกส์ทั้งแบบสแตติก และ ไดนามิก การออกแบบเว็บเพจ การจัดการเชื่อมต่อ การแทรกข้อความ เสียง ภาพนิ่งและภาพเคลื่อนไหว เทคนิคการเชื่อมโยงและการจัดการฐานข้อมูลบนเว็บไซต์ เน้นการฝึกหัด และการสร้างเสริมความเข้าใจในการปฏิบัติการเกี่ยวกับการออกแบบ และพัฒนาเว็บไซต์
The structure and operation of electronic documents as static and dynamic, web page design, manage connections, insert text, audio, still and moving images, linking techniques and database management on the website, focus on training and enhance the understanding of operating about design and website development.

CPSC 342 การออกแบบและพัฒนาเว็บไซต์
(Website Design and Development)
3(2-2-5)
โครงสร้างและการทำงานของเอกสารอิเล็กทรอนิกส์ทั้งแบบ Static และ Dynamic การออกแบบเว็บเพจ การจัดการเชื่อมต่อ การแทรกข้อความ เสียง ภาพนิ่งและภาพเคลื่อนไหว เทคนิคการเชื่อมโยงและการจัดการฐานข้อมูลบนเว็บไซต์ เน้นการฝึกหัด และการสร้างเสริมความเข้าใจในการปฏิบัติการเกี่ยวกับการออกแบบ และพัฒนาเว็บไซต์
Structure and operation of static and dynamic electronic documents. Webpage design, link management, insertion of text, sound, and animation. Link technique and database management on website. Practice to reinforce the understandings in the design and development of website.

การเขียน shell script บน Android แบบไม่ต้องใช้ chmod

การเขียน shell script
การเขียน shell script

เคยมีนักศึกษาสายไอที ถามมา
เพราะสายอื่นเค้าคงไม่ถามแบบนี้หลอก
คำถาม “มีสมาร์ทโฟน เอามาทำอะไรได้บ้าง
แล้วก็คิดได้ว่า โทรศัพท์ที่เค้ามีเป็น android os
สามารถติดตั้ง app เพิ่ม จาก Google play store ได้
งั้นตอบว่า “ใช้เขียน shell script ได้ ลองดูนะ
ไม่ต้องกังวลเรื่อง root ด้วย เพราะไม่จำเป็นต้องทำ
แนะนำว่าต้องโหลดแอพ ดังต่อไปนี้
1. Terminal Emulator
2. Droidedit Free
3. ES File Explorer File Manager
4. Palapa Web Server
อันที่จริง ใช้แอพในข้อ 1 เป็นหลัก
ที่เหลือแนะนำว่า Developer ควรมีไว้ในเครื่อง

ขั้นตอนการเขียน shell script
บน Android แบบไม่ต้องใช้ chmod
1. โหลดแอพ Terminal Emulator
เพื่อเข้าไปจัดการกับ Script ผ่าน Shell บน Android
2. โหลดแอพ Droidedit Free
เพื่อเป็นอีดิเตอร์สำหรับเขียน Script บน Android
เพราะโหลดมาแก้ไข และ Save as ได้
3. สำรวจห้องที่จะเก็บ shell script
โดยใช้เครื่องมือ คือ Terminal Emulator
หรือ ES File Explorer File Manager ก็ได้
เข้าไปดูห้อง /mnt/sdcard
พบว่ามีห้องเก็บข้อมูลมากมาย
อาทิ ห้อง /mnt/sdcard/pws
ที่สร้างจากแอพ Palapa Web Server
4. เขียน Shell script บนแอพ Droidedit Free
แล้ว Save as ชื่อ test1 วางไว้ในห้อง /mnt/sdcard

#!/system/bin/sh
read x
echo $x

5. ใช้ Terminal Emulator สั่ง execute shell script
โดยไม่ต้องใช้คำสั่ง chmod
เพราะใช้ไม่ได้และไม่จำเป็นต้องใช้
หากต้องการใช้ shell script ให้มีคำว่า sh นำหน้า
เช่น $sh test1

6. ตัวอย่าง รับค่าจากแป้นพิมพ์มาทดสอบ

#!/system/bin/sh
read x
echo $x
if [ “$x” == “1” ]
then
echo “one”
elif [ “$x” == “2” ]
then
echo “two”
else
echo “-”
fi

อธิบาย script ว่า
ถ้า execute แล้วเค้าหยุดถาม
หากกรอกเลข 1 จะพิมพคำว่า one ออกมา
หากกรอกเลข 2 จะพิมพคำว่า two ออกมา
หากกรอกอย่างอื่น จะพิมพคำว่า – ออกมา

การพิมพ์ X-Bar หรือ X bar ในเอกสาร

x bar in spss or digital logic
x bar in spss or digital logic

มีโอกาสทำสไลด์เรื่อง Karnaugh map
แล้วต้องใช้ค่า not X หรือ X’
การพิมพ์สัญลักษณ์ทางคณิตศาสตร์
มักใช้ X-Bar ที่มีเครื่องหมายขีดนอนด้านบนของตัวอักษร X
ซึ่งในโปรแกรม Powerpoint สามารถแทรก สมการ (Equation)
แล้วเลือก Accent แบบ Bar ก็จะได้ X-Bar ตามต้องการ
ในทางสถิติ มีการใช้ X-Bar
แทนความหมายคำว่า ค่าเฉลี่ยเลขคณิต
แต่ใน Digital Logic จะใช้ X-Bar แทน Not X
ถ้าใช้ตัวแปรว่า A ก็จะใช้ A-Bar แทน Not A

ขั้นตอนการพิมพ์ X-bar ใน MS Powerpoint
1. คลิ๊ก Insert ใน Menu bar
2. คลิ๊ก Equation
3. คลิ๊ก Insert new Equation
4. คลิ๊ก สามเหลี่ยม ใต้คำว่า Accent
5. คลิ๊ก แถวที่ 3 หลักที่ 2 เพื่อแทรกตัวอักษรแบบมี Bar
6. คลิ๊ก บนตัวอักษร แล้วพิมพ์ข้อความใต้ Bar