การเขียนโค้ด XML เพื่อแสดงข้อมูลรูปภาพ

เป็นแบบเริ่มต้นสำหรับผู้สนใจเรียกการเขียนแอพบนแอนดอยน์
ตัวอย่าง code

android:src="@drawable/cake"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="center"/>
จะเห็นว่าจะเริ่มจาก tag เปิด มุมมองภาพ
และตามด้วยรายละเอียดแต่แถว
แสดงแหล่งข้อมูลของภาพหรือ scr="ชื่อแหล่ง/ชื่อไฟล์"
จะเห็นว่าชื่อไฟลภาพ ไม่จำเป็นต้องระบุนามสกุลของภาพ เช่น jpg,png เป็นต้น
แถวต่อมา ก็จะเป็นการกำหนดขอบเขต กว้าง x ยาว ของกล่องบรรจุภาพ
และแถวสุท้ายจะเป็นการจัดตำแหน่งภาพ เป็น ตรงกลาง / ซ้าย / ขวา
โดยใช้คำสั่งเป็น scaleType="center" หรือ
scaleType="centercrop" จะตัดขนาดภาพให้อยู่ตรงกลาง และย่อขนาดภาพให้เล็กลงด้วย

NOTE: การเขียนโค้ดแอพ ควรจะต้องมีการเตรียมภาพที่จะใช้งานให้เรียบร้อย ถ้าอ้างถึงแหล่งภาพที่ไม่มีอยู่จริงจะเกิดข้อผิดพลาดในโปรแกรมทันที

ผู้พัฒนาอาจจะไม่สามารถจำ กฏในการเขียนโปรแกรม XML ได้ทั้งหมด โดยทางทีมพัฒนา ได้มีการจัดเก็บและรวบรวมการใช้งาน ในรูปแบบของ ข้อความ และรปภาพ ให้สืบค้นและอ้างอิงเพิ่มเติม ระหว่างการออกแบบและพัฒนาแอพ ได้

https://developer.android.com/reference/android/widget/TextView.html

ยกตัวอย่างการค้นหาวิธีการกหนดข้อความ ตัวหนา เอียง หรือปกติ

android:textStyle

Style (bold, italic, bolditalic) for the text.
สำหรับการออกแบบแอพจริงๆ แล้ว ต้องมีการวางแผนการออกแบบ และมีความรู้ด้านงานศิลปการออกแบบให้สวยงามและเป็นเนื้อเดียวกัน หากไม่มีทีมออกแบบ จำเป็นจะต้องหาความรู้เพิ่มเติมด้านการออกแบบ และออกแบบให้ง่ายและสบายตาที่สด มีปุ่มนำทางหรือ Navigate ที่ชัดเจน ใช้งานได้จริง

การเขียนโค้ดเพิ่มขนาดฟอนต์ในภาษา XML

ตัวอย่างการเขียนแอพสำหรับแอนดอยน์
แถวหรือ Attribute สำหรับการเพิ่มหรือกำหนดขนาดของฟอนต์ หรือข้อความในรหัสภาษา XML ก็คือ ใช้ชื่อเป็น android:textSize="45sp"
ทดลองพรีวิวดูในหน้าต่างการแสดงผลบนหน้าจอคอมพิวเตอร์หรือโทรศัพท์มือถือ ก็จะได้ข้อความมีขนาดที่ใหญ่ขึ้นตามที่เรากำหนด

โดยหน่วยที่ใช้สำหรับฟอนต์คือ sp ซึ่งย่อมาจากคำว่า Scale Independent Pixels
ทั้งนี้ sp จะใช้สำหรับข้อความเท่านั้น
สำหรับการออกแบบแอพนั้นผู้พัฒนา ควรจะกำหนดให้มีตัวเลือกในการเลือกขนาดของฟอนต์ให้ง่ายและอ่านง่ายสำหรับสายตาของผู้ใช้งานแต่ละคนด้วย ถือเป็นความลเอียดและ detail ที่นักพัฒนาแอพจะต้องให้ความสำคัญด้วยเช่นกัน โดยจะมีตัวเลือกขนาดเป็น เล็ก กลาง ใหญ่ และ ใหญ่มาก เป็นต้น
ซึ่งผู้พัฒนาอาจจะต้องจำเป็นศึกษาเพิ่มเติมจากบนเรียน เกี่ยวกับหลักการออกแบบให้สอดคล้องกับอุปกรณื เช่นเครื่องโทรศัท์ หรือหน้าจอแท็บเล้ต เป็นต้น
รวมทั้งหลักการเลือกใช้งานแบบฟอนต์ให้ดูสวยงามด้วย
แบ่งเป็น หัวข้อหลัก ชื่อเรื่องหลัก รอง ข้อความธรรมดา เป็นต้น

ซึ่งจะบอกขนาดของฟอนต์และแสดงตัวอย่างให้เราดูได้

ดูเพิ่มเติมขนาดฟอนต์ได้ที่

https://material.io/guidelines/style/typography.html#typography-typeface

android:text="Excited for the gift you'll surprise me with."
android:background="@android:color/darker_gray"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="50sp" />

นอกจากการเขียนโค้ดโดยใช้ textsize แล้ว ในXML ยังสามารถใช้การเขียนอีกแบบคือ
แบบ textAppearance
android:textAppearance="?android:textAppearanceLarge" />

โดยสามารถเปลี่ยนตรงท้ายให้เป็น small หรือ medium ได้

สำหรับการเปลี่ยนสีพื้นสามารถเปลี่ยนได้ โดยระบุชื่อสี เช่น red ,white,green เป็นต้น
นอกจากนั้นยังสามารถระบุได้โดยใช้รหัสสีที่เรียกว่่า HEX color
ดูเพิ่มเติมรสหัสสี
http://www.google.com/design/spec/style/color.html#color-color-palette

ส่วนการเปลี่ยนสีฟอนต์ก็ทำได้โดยการเขียนโค้ดเพิ่มอีก 1 แถว
android:textColor="#9ACD32"

รู้จักกับ Behaviors ในการตัดต่อวีดีโอด้วย Camtasia

Behaviors หมายถึงลักษณะหรือความประพฤติ ซึ่งมีทั้งดีและไม่ดี แต่ว่า Behaviors ในการตัดต่อวิดีโอ หมายถึงลักษณะหรือรูปร่างของวัตถุในโปรแกรม ที่จะมีการกระทำ เปลี่ยนแปลงไปในรูปแบบต่างๆ
ในแถบเครื่องมือของ Camtasia จะมีปุ่มคำสั่ง Behaviors ให้ผู้ใช้งานได้เลือกใช้งานได้
โดยสามารถแดรกลาก Behaviors ที่ต้องการลงในหน้าต่างแสดงผลของโปรแกรม Display หรือจะแดรก Behaviors ไปวางลงในแทรกของมีเดียแต่ละชนิด ก็ทำได้เช่นกัน

Behaviors เป็นลูกเล่นสำหรับ Apple ใส่ข้อความ หรือรูปภาพบนหน้าต่างการตัดต่อ เพื่อให้เกิดการเคลื่อนไหวของวัตถุ และสามารถปรับแต่ง Behaviors เพิ่มเติม เช่น ก่อน ระหว่าง หลัง และ ปรับแต่ง Behaviors ในรูปแบบที่น่าสนใจ เช่น ทิศทาง และขนาด เวลาของ Behaviors ได้อย่างสะดวกและรวดเร็วอีกด้วย

การ Apply หรือการนำเอา Behaviors ไปใช้งานกับข้อความ ภาพ วีดีโอ สามารถใช้แบบผสมกันได้ เพื่อให้ได้รูปแบบการเคลื่อนไหวที่น่าสนใจมากยิ่งขึ้น
ภาพแสดงหน้าต่างการทำงานของ Behaviors ในโปรแกรม Camtasis เปิดและลากมาวางใช้งาน กับวัตถุได้โดยตรง

การปรับแต่งหรือ Custom ของ Behaviors คลิกเลือกและปรับรูปแบบทิศทาง และลักษณะลูกเล่นต่างๆ ได้เพิ่มเติม

บทสรุป

หากมีโอกาสตัดต่อวีดีโอด้วย Camtasia ก็อย่าลืมทดลองใช้งาน เจ้า Behaviors ดูนะครับ โดยฝึก

การนำเอา behaviors มาใส่ใน timeline หรือ canvas

ฝึกการปรับแต่ง behavior

ฝึกลองใช้ behaviors หลายๆตัวในวัตถุเดียวกัน

พื้นฐานการพัฒนาแอพพลิเคชั่นด้วย Android Studio

สำหรับ Admin blog ก็สนใจค้นคว้าหาความรู้ใหม่ๆ เสมอๆ วันนี้ก็สนใจที่จะทบทวนและศึกษาวิธีการเขียนโปรแกรมคอมพิวเตอร์แบบง่ายๆ ด้วยตนเอง
การเรียนพื้นฐานการเขียนแอพ สิ่งที่ผู้เริ่มต้นจะต้องสนใจและทำความเข้าคือ พื้นฐานหรือเบสิกของแอพต่างๆ ที่พัฒนาออกมา จะประกอบไปจากจุดเริ่มต้น ที่เรียกว่า มุมมองหรือ View ครับ
โดยเราจะแยกเป็น Text view
Image view
และ Button

จากนั้น ก็จะเป็นการเขียนคำสั่งการทำงาน หรือ instruction code เพื่อให้คอมพิวเตอร์ทำงาน คล้ายๆ กับการที่เราเขียนคำสั่งมอบหมายให้แม่บ้านทำงาน หรือทำอาหาร ประมาณนั้น

แต่ว่าการเขียนคำสั่งแอพ ต้องการ Place หรือสถานที่ในการเขียน ซึ่งก็คือ IDE นั้นเอง โดยย่อมาจาก Integrated development environment การพัฒนาแบบองค์รวม แปลเป็นไทย ในความเข้าใจส่วนตัวของ Admin

และภาษาที่เราจะสื่อสารให้คอมพิวเตอร์เข้าใจ แน่นอนว่า ไม่ใช่ภาษาไทย หรือ ภาษาอังกฤษ แต่เป็นรหัสภาษาอีกแบบที่คอมพิวเตอร์เข้าใจ ซึ่งจะเรียกว่าภาษา XML ซึ่งย่อมาจาก Extensible Markup language

การเขียนรหัสภาษา Code
ทบทวนพื้นฐานการ เขียนภาษา

XML Syntax

กฏในการเขียน

จะเริ่มต้นด้วย Tag เปิด และปิดท้ายด้วย Tag ปิด เช่น

<Textview

Android:text= "Happy birthday!"

Android:blackgruond="@android:color/darker_gray"

Android:layout_width="150dp"

Android:layout_hight="75dp" />

สำหรับสิ่งที่อยู่ใน Tag เราจะเรียกว่า Attribute
ซึ่งจะเป็นตัวบอกคุณลักษณะ หรือรูปแบบ
โดยปกติค่าเหล่านี้จะมีค่าเริ่มต้น ยกเว้นเราต้องการปรับใหม่
จะมีชื่อของ Attribute มีเครื่องหมาย = และค่าของแอตทิบิตว์ จะอยู่ในเครื่องหมายคำพูด " "

ทดลองเขียน Code ที่เป็นมุมมองแบบข้อความ Textview

โดย การเปลี่ยนข้อความ

เปลี่ยนขนาด

ลองทำผิดพลาด และยกเลิกการทำ

เช่น ลบ Tag ปิดออกไป

ลบเครื่องหมายคำพูดออกไป เป็นต้น

ทาง Android Studio จะขึ้นข้อความแจ้งเตือนความผิดพลาดและคำแนะนำในการเขียนภาษา XML ให้ด้วย

แนวทางที่นักพัฒนาแอพ ใช้ในการแก้ไข Bug หรือข้อผิดพลาด

Debugging steps:

อ่านข้อความแจ้งผิดพลาด
ฃองเทียบข้อผิดลาดกับโค้ดที่ใช้งานได้
ยกเลิกการทำ
ขอความช่วยเหลือจาก Forum

การปรับขนาดบรรจุข้อความ เดิม เรากำหนดให้เป็นแบบ Fix

Android:layout_width="150dp"

Android:layout_hight="75dp"

ให้ลองปรับใหม่เป็นเทคนิคการกำหนด ความกว้าง และความสูงเป็นแบบตัดข้อความอัตโนมัติ โดยใช้คำว่า Wrap_content

android:text="Happy Birthday to my mother and my sister and my friends "
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:color/darker_gray"
/>

พัฒนาแอพพลิเคชั่นด้วย Android Studio

Android Studio คืออะไร ?
ชุดเครื่องมือหรือโปรแกรมสำเร็จรูป สำหรับการออกแบบและพัฒนา Android Apps ต่างๆ ที่ผู้สนใจต้องการพัฒนาแอพต่างๆ ออกมาใช้งาน ทั้งการศึกษา เพื่อความสนใจส่วนตัว และการธุรกิจ

การเขียนโปรแกรม จะประกอบด้วยการศึกษารหัส Code ในการโปรแกรม การแก้ไข Code รวมทั้งการทดสอบแอพ และการนำแอพไปใช้งานต่อไป

จริงๆ แล้ว การพัฒนาแอพบนแอนดอยหรือ iOS ก็จะมีแบบอัตโนมัติ โดยที่ผู้พัฒนา ไม่จำเป็นต้องเขียน Code โปรแกรมเองก็มี อย่างไรก็ตาม ก็จะมีข้อจำกัด และรู้ไม่จริงเท่ากับการศึกษา วิธีการเขียนรหัส Coding ภาษาด้วยตนเอง ซึ่งจะอ่อนตัวในการทำงานและต่อยอดพัฒนาได้มากกว่า

แน่นอนว่า อาจจะต้องค้นคว้าและหาความรู้เพิ่มเติม ก่อนที่จะใช้งานได้ และสร้างความคุ้นเคยกับระบบการพัฒนา ต่อไป

สนใจดาวโหลดมาศึกษา และใช้งานฟรีๆ

https://developer.android.com/studio/index.html

ndroid Studio provides the fastest tools for building apps on every type of Android device.

World-class code editing, debugging, performance tooling, a flexible build system, and an instant build/deploy system all allow you to focus on building unique and high quality apps.
ดาวโหลด
ความต้องการของระบบ Windows ขั้นต่ำ
Windows
Microsoft® Windows® 7/8/10 (32- or 64-bit)
3 GB RAM minimum, 8 GB RAM recommended; plus 1 GB for the Android Emulator
2 GB of available disk space minimum,
4 GB Recommended (500 MB for IDE + 1.5 GB for Android SDK and emulator system image)
1280 x 800 minimum screen resolution
For accelerated emulator: 64-bit operating system and Intel® processor with support for Intel® VT-x, Intel® EM64T (Intel® 64), and Execute Disable (XD) Bit functionality

การดาวโหลดและการติดตั้งบนวินโดว์
1 โหลดโปรแกรมมาก่อนที่ https://developer.android.com/studio/index.html
2 8คลิกตัวติดตั้ง exe. และทำตามคำแนะนำการติดตั้ง ไปจนเสร็จการติดตั้ง
3 โปรแกรม Pop up ขึ้นมาพร้อมใช้งาน

เรียกการสร้างแอพแรกด้วย Android Studio https://developer.android.com/training/basics/firstapp/index.html
สร้างงานหรือ โปรเจคแรกสุดของคุณด้วย Android Studio
https://developer.android.com/training/basics/firstapp/creating-project.html

สนใจจริงๆ ก็ Take course ลงทะเบียนเรียนฟรีออนไลน์ฟรีกับทีมผู้พัฒนา ไม่มีค่าใช้จ่าย เวลาเรียน 60 ชั่วโมงโดยประมาณ ดูเพิ่มเติมที่
https://www.udacity.com/course/new-android-fundamentals--ud851

สำหรับคนที่ไม่มีพื้นฐานโปรแกรมมาก่อน แนะนำให้เริ่มจาก ฟรีเบสิก การเริ่มต้นพัฒนาโปรแกรม และแอพ ก่อนที่
https://www.udacity.com/course/android-development-for-beginners--ud837

ทิปการเล่นเกมส์ป้องกันเมือง Stronghold Crusader 2

การเล่นเกมส์ Stronghold Crusader 2 ผู้เล่นสามารถเลือกเล่นได้ 2 แบบ คือ แบบการต่อสู้และแบบเศรษฐกิจ
สำหรับคำแนะนำในการเล่นเกมส์แบบต่อสู้ เริ่มจากการที่เราต้องป้องกันตัวเองก่อน คือสร้างเมืองของตนเองให้แข็งแรงและป้องกันการโจมตีเมื่องของศัพตูให้ได้ก่อน จากนั้นจึงจะลองไปโจมตีข้าศึกกลับบ้าง ก็ไม่ว่ากัน
สำหรับผู้เล่นมือใหม่ อาจจะต้องอาศัย ประสบการณ์จากการเล่นไปสักระยะหนึ่งก่อน ก็จะค่อยๆ สะสมความรู้และประสบการณ์ในการเล่น นำมาพัฒนาและปรับปรุงแนวทางการเล่นของตนเอง ให้สามารถผ่านด่านหรือภารกิจได้
รู้จักกับ The Keep หรือตึกเจ้าเมือง หรือผู้นำทางทหาร เป็นสิ่งปลูกสร้างแรก ที่เกมส์จะสร้างมาให้เราอัตโนมัติ โดยปกติ จะมีหัวหน้า เช่น พระราชา หรือ นายพล เป็นหัวหน้าทัพ จะอยู่ประจำการบนตึกนี้ และถือเป็นหัวใจของเมือง สำหรับการควบคุม อัตราความนิยม และการเก็บภาษีของประชาชน โดยการคลิกเม้าส์ลงไป และเลื่อนสไลด์บาร์ปรับระดับภาษี

สิ่งแรกที่ต้องการคือ
อาหารวางโรงเก็บอาหาร Granary ก่อนเพื่อเป็นที่เก็บสะสมอาหาร
จากนั้น สร้างแหล่งอาหาร เช่น ล่าสัตว์ ปลูกผักผลไม้ เลี้ยงวัว เป็นต้น

หลักจากการสร้างอาหารแล้ว ต่อมา
ดูการสร้างอาวุธ
จะต้องวางคลังอาวุธ ลงไป ในพื้นที่
จากนั้นสร้าง Unit หรือหน่วยที่ผลิตอาวุธ เช่น โรงธนู โรงหอก โรงดาบ เกราะ หน้าไม้ ฯลฯ

ลำดับต่อมา
ขยายพื้นที่เก็บทรัพยากรหรือ Stock Pile ของคุณ ให้มีขนาดมากพอที่รองรับทรัพยากรที่จะไปเก็บและรวบรวมมา

จากนั้นสร้าง Units สำหรับการหาทรัพยากร เช่น คนตัดไม้ โรงหิน โรงเหล็ก ฯลฯ

ตามด้วยการสร้างตลาด หรือ Market Place
สำหรับการซื้อขายและแลกเปลี่ยนสินค้าและเงินตรา ต่างๆ

การสร้างกระท่อมหรือ บ้านพักของคน ให้เพียงพอกับจำนวนของ Unit และโรงงานผลิตต่างๆ

ทั้งหมดนี้กล่าวมาข้างบน ต้องทำอย่างรวดเร็วและรอบคอบ จากนั้น จึงมาดูที่การป้องกันตนเอง ได้แก่ การสร้างป้อมและวางกำลังทหารขึ้นไว้บนป้อมในทิศทางที่ ควบคุม พื้นที่ทั้งหมดได้ อาจจะวางทั้ง 4 ด้านตามรูป 4 เหลี่ยมผืนผ้า หรือ 4 เหลี่ยมจัตุรัส ก็ได้

ตามด้วยสร้างกำแพง ที่หนามากพอป้องกันและชะลอการบุกของข้าศึกได้
กำลังทหารที่เหมาะสมวางบนป้อม จะมีทั้งพลธนู พลหอก พลหน้าไม้ หรือจะวางเครื่องดีดหิน โดยใช้วิศวกร 2 คน ต่อ 1 เครื่องยิงหิน

หลังจากนั้นก็เป็นไหวพริบ และประวบการณ์ของแต่ละคนในการเล่น การแก้ไขปัญหา การสร้าง Unit ต่างๆ เพิ่มเติมตามที่เราต้องการ

เบสิกการใช้งาน Camtasia 8.0

ก่อนจะเริ่มต้นใช้งานโปรแกรม มีคำแนะนำสำหรับท่านที่สนใจ โปรแกรมตัดต่อวีดีโอ Camtasia 8.0 ดังนี้ ครับ เริ่มจาก
การเขียน Storyboard หรือลำดับของเรื่องราวที่เราต้องการจะทำ เช่น กล่าวนำ เนื้อหา บทสรุป เป็นต้น
2 การเขียนบทหรือ Script เพื่อที่เราจะได้ทราบว่า จะต้องใส่เนื้อหาอะไรบ้าง เกี่ยวข้องอะไรบ้าง
3 การบันทึก และการเผบแพร่ผลงาน save and share ซึ่งจะเลือกได้ว่าจะบันทึกไว้บนคอมพิวเตอร์ หรือจะแชร์ขึ้น YouTube เป็นต้น

UI หน้าต่างติดต่อผู้ใช้งาน

ทำความรู้จักหน้าตาการทำงานของ โปรแกรมตัดต่อวีดีโอ Camtasia 8.0
ในหน้าต่างหลัก บริเวณด้านล่างของโปรแกรม จะมี Timeline แสดงการทำงานแยกเป็นแทรกๆ เช่น ภาพ เสียง ลูกเล่นพิเศษ
แถบเครื่องมือ Tools Panel แบ่งตามหมวดหมู่ที่สำคัญและจำเป็นในการใช้งาน
หน้าต่างการทำงานหรือ Canvas ซึ่งเราใช้เป็นส่วนดูการทำงาน หรือพรีวิวภาพต่างๆ
ตัวเลือกการทำงานของวัตถุ Property Panel ที่สามารถคลิกเข้าไปปรับค่าต่างๆ ของวัตถุได้เสรี
เริ่มจากการบันทึก คลิกปุ่ม Record
พื้นที่การบันทึก โดยค่าเดิมของโปรแกรม จะจับภาพทั้งบนบนหน้าจอหรือคอมพิวเตอร์ Screen แต่มี Options ตัวเลือกจับเฉพาะพื้นที่ที่ต้องการได้ เช่นกัน โดยเลือก Custom เพื่อเลือกพื้นที่เอง
พร้อม Option เลือกบันทึกภาพจากกล้องเวลแคม และบันทึก Audio ด้วยหรือไม่
จากนั้นเริ่มบันทึกคลิก Record
Hot key ถ้าต้องการหยุดบันทึกกดแป้น F10
ตัวอย่างที่ต้องการบันทึก เช่น วิธีการแชร์ข้อมูลผ่าน Google Drive เป็นต้น

หลังจากจบการบันทึก

คลิกปุ่ม Finish
ข้อมูลที่บันทึก จะแสดงอยู่บน Timeline แยกเป็นภาพคลิป และเสียง Audio
คลิกปุ่ม Play เพื่อเล่นไฟล์ที่เราบันทึก ได้
เราสามารถเลื่อนไปตำแหน่งที่ต้องการได้ โดยใช้ตัวเลื่อนแสดง และใช้การ Trim เพื่อตัดส่วนบันทึกที่ผิดพลาด หรือไม่ต้องการออกไปได้
บนเมนู Cut ใช้ตัดส่วนที่ไม่ต้องการออกไปได้เช่นกัน
การเพิ่ม Slide เช่น ชื่อเรื่อง Title
การเพิ่มคำอธิบายคลิป เช่นข้อความ กล่องข้อความ เลือกจากเมนูบาร์ด้านข้าง และแดรกมาลงใน Timeline

เมื่อจบคลิกปุ่ม Save
คลิกที่ปุ่มแชร์ และเลือก Youtube คุณจะต้องมีบัญชี Account ของ Youtube ด้วยเพื่อแชร์วีดีโอขึ้นบนยูทูป
ราคาของโปรแกรม 199$
สนใจโหลดตัวเดโม มาลองใช้งานกันได้ฟรีเวลา 30 วัน เื่อประกอบการพิจารณาและตกลงใจซื้อหากันต่อไป
เว็บไซต์ผู้พัฒนา : https://www.techsmith.com/camtasia.html
สำหรับผู้สนใจศึกษาวิธีการใช้งานโปรแกรม สามารถศึกษาได้ฟรีๆ จากบทเรียนออนไลน์สอนการใช้งานโปรแกรม
https://www.techsmith.com/tutorial-camtasia-9-3.html