P a g e | 0

ตวอยาง

คมอเขยน Windows 8 Apps

ดวย HTML5 และ JavaScript ส ำหรบผเรมตน

ตวอยาง

คมอเขยน Windows 8 Apps ดวย HTML5 และ JavaScript ส ำหรบผเรมตน

ผแตง : นำยศภชย สมพำนช เนอหา : 15 บท (348 หนำ)

วนทพมพ : ธนวำคม 2555 ครงทพมพ : 1st Edition

ลขสทธ : สงวนลขสทธตำม พ.ร.บ. ลขสทธ พ.ศ. 2537 หำมลอกเลยนแบบ, ดดแปลง, ท ำซ ำ, เผยแพร ไมวำสวนหนงสวนใดของหนงสอเลมน หรอดวยวธกำรใดๆ กตำม นอกจำกจะไดรบอนญำตเปนลำยลกษณอกษรจำกผเขยนเทำนน

คณผอำนสำมำรถสอบถำมปญหำ-ตชมเนอหำของหนงสอเลมนไดท https://www.facebook.com/thaivb.net

Visual Studio เปนเครองหมายทางการคาของบรษท Microsoft Coporation จ ากด โปรแกรมตางๆ ตามทอางในหนงสอเลมน เปนเครองหมายการคาของบรษทนนๆ ตว

อยาง

วธการสงซอหนงสอกระดาษปรนทจาก ebook ครบ

1.โอนเงนตำมรำคำ และจ ำนวนหนงสอทสงซอ ขอใหโอนเปนเศษสตำงคเพองำยตอกำรตรวจสอบ

เชน สงซอหนงสอรำคำ 250 บำทจ ำนวน 2 เลม โอนเงน 500.25 บำท เปนตน มำท

นายศภชย สมพานช ธนาคารไทยพาณชย บญชออมทรพยเลขท 276-215821-4

2.แจงชอ-นามสกล ทอย+รหสไปรษณย วนเวลาและยอดเงนทโอน ชอหนงสอและจ านวนหนงสอทสงซอ มาท

thaivb.net@gmail.com

3.หนงสอสงทางไปรษณยแบบ EMS คาสงฟร

4.สอบถามไดทเบอร 086-022-2299 หรอทแฟนเพจ www.facebook.com/thaivb.net

สำรบญเลม 1 สำรบญเลม 2

สำรบญเลม 1 สำรบญเลม 2

สำรบญ

สำรบญ Ebook: 239

บำท Ebook: 269 บำท Ebook: 229 บำท Ebook: 229 บำท

ปรนท ebook:

270 บำท

ปรนท ebook:

300 บำท ปรนท ebook:

260 บำท ปรนท ebook:

260 บำท

หนงสอแบบ ebook สงซอไดทนครบ

- www.ebooks.in.th

- www.mebmarket.com

ตวอยาง

ค าน า หนงสอ “คมอเขยน Windows 8 Apps ดวย HTML5 และ JavaScript ส ำหรบผเรมตน” เลมน เปนกำรน ำเสนอกำรเขยน App บน Windows 8 อกลกษณะหนง โดยอำศยควำมสำมำรถของภำษำ HTML5, JavaScript และ CSS3 ซงเปนภำษำสครปตทเรำคนเคยกนเปนอยำงด โดยเฉพำะอยำงยง คณผอำนทมำจำกสำย Web Design และ Web Programming เนอหำทน ำเสนอในเลมน น ำเสนอตงแตพนฐำนของ HTML5, CSS3 และ JavaScript ไลตำมล ำดบไปจนกระทงถงเขยน Windows 8 Apps แบบ Workshop ขนำดยอยทพรอมใชงำนไดจรงในระดบตอไป

สดทำยน ผเขยนขอขอบคณสวนชวยเหลอใน MSDN ของไมโครซอฟททชวยแกไขปญหำในระหวำงกำรแตงหนงสอเลมน หำกคณผอำนทำนใด ตองกำรสอบถำมปญหำเนอหำของหนงสอเลมน สำมำรถโพสถำมปญหำไดทแฟนเพจของผเขยนท https://www.facebook.com/thaivb.net โดยทผเขยนขอยกเลกกำรถำม-ตอบปญหำผำนระบบ e-mail ของผเขยนทงหมด หำคณผอำนทำนใด สนใจหนงสอเลมน หรอเลมอนๆ เปนแบบกระดำษ (ปรนทจำก ebook) สำมำรถตดตอสอบถำมไดทเบอร 086-022-2299

ศภชย สมพำนช ธนวำคม 2555

ตวอยาง

ตวอยางทนาสนใจในหนงสอเลมน การสรางและปรบแตง AppBar

การสรางสวนแสดงผลแบบ Blog ในรปแบบ Windows 8 Apps

ตวอยาง

การสรางสวนแสดงผลแสดงขาวประจ าวนแบบ Windows 8 Apps

ตวอยาง

สารบญ

บทท 1 กาวแรกเขาสโลกของ Windows 8 Apps ดวย HTML5 & JavaScript 1 บทน ำ 1 ประวตของ Windows แตละรน 1 ท ำควำมรจกกบ Windows 8 ในขนตน 2 บนคอมพวเตอร PC 2 บนอปกรณแทบเลต 3 รปแบบของ App ในยคปจจบน 4 แนวทำงของโปรแกรมเมอรในยค .NET Framework 4.5 5 กำรพฒนำ App บน Windows Phone 8 14 กำรพฒนำ Windows 8 Apps ดวย Visual Studio 2012 Express for Windows 8 16 กำรขอสทธชวครำวในกำรพฒนำ Windows 8 Apps 21 กำรขอหรอตออำย Developer license 25 โครงสรำงของ Windows 8 Apps 26 รปแบบกำรน ำเสนอตวอยำงในหนงสอเลมน 28 รปแบบกำรลงสครปต HTML5 ในหนงสอเลมน 28 กำรจดระเบยบโคดหรอสครปตใน VS 2012 30 กำรก ำหนดให VS 2012 แสดงไดอะลอกบอกซเลอกชนดโปรเจกต 31 กำรก ำหนดหมำยเลขบรรทดโคดและสธมใหกบ VS 2012 33 สรปทำยบท 34 บทท 2 พนฐานการพฒนา Windows 8 Apps 35 บทน ำ 35 HTML กบ XHTML ควำมเหมอนทแตกตำง 35 กำรแสดงภำษำไทยใน HTML5 36 ขอแตกตำงระหวำง HTML4 กบ HTML5 ในขนตน 36 กำรแสดงภำษำไทยใน HTML5 37 กำรสรำง Windows 8 Apps ดวย HTML5 แรกของคณ 38

ตวอยาง

ท ำควำมรจกกบโครงสรำงโปรเจกต Windows 8 Apps แบบ HTML5 & JavaScript 45 กำรสรำงโฟลเดอรในโปรเจกต 46 กำรเพมไฟลประเภทตำงๆ เขำมำในโปรเจกตปจจบน 47 ท ำควำมรจกกบ Simulator ในขนตน 49 กำรก ำหนดเพจเรมตน 56 วธกำรปด Windows 8 Apps ทถกตอง 56 สรปทำยบท 58 บทท 3 พนฐานการใชงานภาษา JavaScript ใน Windows 8 Apps 59 บทน ำ 59 พนฐำนกำรใชงำนภำษำ JavaScript ใน Windows 8 Apps 59 กำรประกำศตวแปรในภำษำ JavaScript 61 พนฐำนกำรอำงองอลเมนตใน Windows 8 Apps 62 พนฐำนกำรเพมเหตกำรณใหกบอลเมนต 62 หลกกำรตงชอระหวำงไฟล HTML5, JavaScript และ CSS3 64 กำรอำงองอลเมนตดวยคลำส WinJS.Utilities 65 พนฐำนกำรใชงำนฟงกชนใน JavaScript 68 กำรใชงำน JavaScript แบบแยกไฟลตำงหำก 70 เหตกำรณล ำดบแรกของ Windows 8 Apps ดวย HTML5 & JavaScript 71

กำรแสดงขอมลแบบผกตด (Binding Data) ดวย JavaScript 74 กำรแสดงขอมลแบบผกตด (Binding Data) ดวยอลเมนตของ HTML5 78

สรปทำยบท 80 บทท 4 พนฐานการตกแตงสวนแสดงผลดวย CSS3 81 บทน ำ 81 ก ำหนดใหใชกบอลเมนตใดอลเมนตหนง 81 ฝงสครปตภำษำ CSS3 ลงในไฟล HTML5 82 สรำงไฟล *.css แยกออกมำเปนไฟลตำงหำก 83 กำรควบคม Style หลำยอลเมนตดวย CSS3 84

ตวอยาง

พนฐำนกำรตกแตงสวนแสดงผลดวย CSS3 86 อำงองจำกประเภทอลเมนต 86 อำงองจำกแอตทรบวต class 89 อำงองจำกแอตทรบวต id 92 อำงองระบล ำดบชน 93

ระบบชวยเหลอในกำรระบคำส 94 กำรอำงองระบบสใน CSS3 95 กำรท ำเสนขอบแบบโคงและแสงเงำดวย CSS3 96 กำรตกแตงคอนโทรลของ Windows 8 Apps และอลเมนต HTML5 ดวย CSS3 98 กำรปรบแตงสวนแสดงผลใหกบกลมอลเมนต HTML5 99

อลเมนตประเภทปมกด 101 อลเมนตประเภทรบขอมล 102 อลเมนตประเภท list 102 อลเมนตประเภท hyperlink 103

กำรปรบแตงสวนแสดงผลใหกบกลมคอนโทรลของ Windows 8 Apps 105 คอนโทรล range 106 คอนโทรล Rating 106 คอนโทรล progress 106

สรปทำยบท 107 บทท 5 การใชงานอลเมนตตางๆ ของ HTML5 และกลมคอนโทรล WinJS 108 บทน ำ 108 กลมคอนโทรล WinJS คออะไร 108 กำรแสดงรำยกำรแบบมหวขอดวยอลเมนต <optgroup>…</optgroup> 108 กำรท ำไฮไลทขอควำมดวยอลเมนต <mark>…</mark> 109 กำรแสดงแถบควำมคบหนำดวยอลเมนต <progress>…</progress> 110 กำรสรำงตวเลอกวนทดวยคอนโทรล DatePicker 111 กำรสรำงรำยกำรเฉพำะเดอนดวยคอนโทรล DatePicker 114

ตวอยาง

กำรแสดงตวเลอกเวลำดวยคอนโทรล TimePicker 115 กำรสรำงปมเปด/เปดดวยคอนโทรล ToggleSwitch 117 กำรสรำง Tooltip ดวยคอนโทรล ToolTip 121 กำรตกแตงขอควำมใน Tooltip 122 กำรสรำงตวโหวตดวยคอนโทรล Rating 124 สรปทำยบท 129 บทท 6 ระบบ Menu และ Dialog 130 บทน ำ 130 กำรสรำงแถบน ำทำงและระบบเมนดวยอลเมนต <nav>…</nav> 130 กำรยกเลกขอควำมขดเสนใตส ำหรบ Hyperlink 131 กำรสรำงเมนแบบลอยไดดวยคอนโทรล Flyout 132 กำรสรำงกรอบขอควำมดวยคลำส MessageDialog 137 กำรใช MessageDialog แบบมกำรตรวจสอบปมทถกเลอก 139 กำรสรำง MessageDialog แบบมำตรฐำน 142 พนฐำนกำรใชงำน AppBar 145 กำรใชงำนไอคอนใน AppBar 151 กำรปรบแตง AppBar ดวย CSS3 154 กำรใชงำนปมแบบกดคำงในแถบ AppBar 157 กำรสรำงเมนแบบ Flyout ใหกบแถบ AppBar 159 กำรสรำงเมนคลกขวำ (ContextMenu) 164 สรปทำยบท 167 บทท 7 การออกแบบ Layout 168 บทน ำ 168 กำรก ำหนดพนทแสดงเนอหำหลกดวยอลเมนต <article>…</article> กบอลเมนต <section>…</section> 168 กำรแบงสวนแสดงผลออกเปนสวนยอยดวยอลเมนต <section>…</section> 170 กำรสรำงพนทแสดงผลยอยดวยอลเมนต <aside>…</aside> 174

ตวอยาง

กำรสรำงสวนแสดงผลยอยดวยอลเมนต <iframe>…</iframe> 178 กำรสรำงแถบน ำทำงและระบบเมนดวยอลเมนต <nav>…</nav> 181 กำรอำนขอมลจำกไฟล HTML5 อน ดวยแอตทรบวต data-win-options 182 กำรก ำหนดพนทแสดงผลแบบก ำหนดขนำดตำยตวดวยคอนโทรล ViewBox 184 พนฐำนกำรสรำงสวนแสดงผลโดยใชระบบ Template 188 กำรใชระบบ Template แบบแยกเปนไฟลตำงหำก 192 กำรสรำงพนท Footer ดวยอลเมนต <footer>…</footer> 198 สรปทำยบท 198 บทท 8 ท างานกบระบบไฟล, รปภาพ, กราฟฟกและมลตมเดย 199 บทน ำ 199 กำรเรยกระบบจดเกบขอมลใน Windows 8 199 แนวควำมคดของกำรเขยนโปรแกรมแบบขดจงหวะได (Asynchronous Programming) 199 ท ำควำมรจกกบโฟลเดอรระบบในขนตนของ Windows 8 200 กำรแสดงรปภำพดวยอลเมนต <img>…</img> 203 กำรขยำยและยอรปภำพดวยอลเมนต <img>…</img> 205 กำรแสดงขอควำมก ำกบรปภำพดวยอลเมนต <figure>…</figure> กบอลเมนต <figcaption>…</figcaption> 206 กำรแสดงรปภำพแบบเลอนอตโนมต 208 กำรแสดงและยกเลกรปภำพดวยคอนโทรล FileOpenPicker 212 พนฐำนกำรแสดงภำพกรำฟฟกดวยอลเมนต <canvas>…</canvas> 217 กำรวำดเสนกรอบดวยอลเมนต <canvas>…</canvas> 218 กำรวำดวงกลมดวยอลเมนต <canvas>…</canvas> 219 กำรลงแสงเงำในอลเมนต <canvas>…</canvas> 222 กำรแสดงรปภำพดวยอลเมนต <canvas>…</canvas> 223 กำรหมนรปภำพ 225 กำรเขยนขอควำมในอลเมนต <canvas>…</canvas> 226 กำรวำดเสนตรงดวยอลเมนต <canvas>…</canvas> 227

ตวอยาง

กำรตเสนตำรำงแบบ Grid ดวยอลเมนต <canvas>…</canvas> 230 พนฐำนกำรแสดงคลปวดโอดวยอลเมนต <video>…</video> 231 พนฐำนกำรแสดงคลปจำก Youtube โดยอำศย HTML5 234 กำรเลนไฟลเสยงดวยอลเมนต <audio>…</audio> 236

แบบไมมแถบควบคม (AutoPlay) 237 แบบมแถบควบคม (Control Bar) 238

สรปทำยบท 239 บทท 9 การสรางเนอหาแบบชองตาราง Tile ดวยคอนโทรล FlipView 240 บทน ำ 240 กำรสรำงสวนแสดงผลแบบชองตำรำงเปลยนเนอหำไดดวยคอนโทรล FlipView 240 กำรแสดงเนอหำแบบชองตำรำง Tile เปลยนเนอหำไดดวยคอนโทรล FlipView รวมกบระบบ Template 248 กำรสรำงปมเลอนดขอมลในคอนโทรล FlipView 254 กำรแสดงล ำดบขอมลและจ ำนวนขอมลทงหมดในคอนโทรล FlipView 257 สรปทำยบท 259 บทท 10 การใชงานคอนโทรล ms grid 260 บทน ำ 260 กำรสรำงสวนแสดงผลแบบชองตำรำงแบบ ms grid 260 กำรรวมพนทตำมแนวคอลมนหรอแนวแถว 265 กำรสรำงพนทสวนแสดงผลทมำกกวำ 100% 268 กำรควบคมสวนแสดงผลแบบชองตำรำง ms grid 270 สรปทำยบท 276 บทท 11 การใชงานคอนโทรล ListView 277 บทน ำ 277 พนฐำนกำรสรำงสวนแสดงผลแบบรำยกำรหรอชองตำรำงดวยคอนโทรล ListView 277 แสดงขอมลเปนชองตำรำง (Grid Layout) 277 แสดงรำยกำรแบบรำยกำร list (List Layout) 282

ตวอยาง

พนฐำนกำรตรวจสอบรำยกำรทถกคลกเลอกในคอนโทรล ListView 283 กำรตรวจสอบรำยกำรทถกเลอกในคอนโทรล ListView แบบหลำยรำยกำร 286 กำรสรำงสวนแสดงผลแบบรำยกำร ListView รวมกบระบบ Template 292 สรปทำยบท 297 บทท 12 ท าความรจกกบ Blend for Visual Studio 298 บทน ำ 298 กำรใชงำน VS 2012 รวมกบ Blend 301 กำรปรบแตงสภำพแวดลอมของ Blend 304 รำยกำร User interface 305 ท ำควำมรจกกบ Artboard 306 กำรแสดงเสนตำรำง 307 กำรซม Artboard 307 โหมดกำรท ำงำนใน Blend 308 วธกำรรนโปรเจกตใน Blend 309 กำรก ำหนดคำแอตทรบวตใหกบอลเมนตตำงๆ ของ HTML5 310 สรปทำยบท 311 Workshop 1 : การจด Layout แบบ Blog ใน Windows 8 Apps 312 Workshop 2 : การจด Layout แบบหวขอขาวสไตล Windows 8 Apps 320 บทท 13 การปรบแตงโปรเจกต Windows 8 Apps 323 บทน ำ 323 กำรปรบแตง Windows 8 Apps ในไฟล Package.appxmanifest 323 กำรก ำหนดหนำจอ Splash screen 325 กำรก ำหนดไฟลรปภำพโลโก 327 กำรก ำหนดขอควำมก ำกบโลโก 331 กำรก ำหนดรปแบบสวนแสดงผล 334 กำรสรำง App Package 335 สรปทำยเลม 342

ตวอยาง

บทท 1 กาวแรกเขาสโลกของ Windows 8 Apps ดวย HTML5 & JavaScript

บทน า หนงสอ “คมอเขยน Windows 8 Apps ดวย HTML5 และ JavaScript ส ำหรบผเรมตน” เลมน เปนกำรน ำเสนอเนอหำกำรพฒนำ Windows 8 Apps ดวย HTML5 รวมกบ JavaScript โดยอำศย Visual Studio 2012 เรยกสนๆ วำ VS 2012 กำรพฒนำ Windows 8 Apps (หรอเรยกอกอยำงวำ Windows Store Apps) สำมำรถท ำได 2 วธ คอ 1. อำศยสครปต XAML รวมกบภำษำ VB 2012 และ VC# 2012 2. อำศยภำษำสครปต HTML5 รวมกบ JavaScript

ประวตของ Windows แตละรน

ระบบปฎบตกำร Windows 8 เปนของบรษทไมโครซอฟทรนใหมลำสด ถอวำ เปนกำรปรบปรงฟเจอรครงใหญอกครงหนงของระบบปฎบตกำรในตระกล Windows

ควำมนำสนใจในล ำดบแรก กคอ Windows รนท 8 มประวตศำสตรควำมเปนมำอยำงไร ดงตอไปน

รนท 1 Windows 1.0 และรนปรบปรงยอย รนท 2 Windows 2.0 และรนปรบปรงยอย รนท 3 Windows 3.0, 3.1, 3.11 ใชกบบคคล และ Windows NT 3.1, 3.5, 3.51 ใชในองคกร

และเครอขำย Network (ค าวา NT ยอมาจาก New Technologo) รนท 4 มระบบปฏบตกำรออกมำทงสน 3 รน คอ

o Windows 95 ใชกบบคคล และ Windows NT 4.0 ใชในองคกรและเครอขำย Network ถอวำเปน Windows 4.0

o Windows 98 และ Windows 98 Second Edition เรยกสนๆ วำ Windows 98SE ถอวำเปน Windows 4.10 ใชกบบคคล

o Windows ME ถอวำเปน Windows 4.90 ใชกบบคคล ทนำสนใจ กคอ ระบบปฎบตกำรในรน 4.x (หรอ 9x) จบลงท Windows รนน

รนท 5 มระบบปฏบตกำรออกมำทงสน 3 รน คอ

ตวอยาง

P a g e | 2

o Windows 2000 ใชกบบคคลและ Windows 2000 Server ใชในองคกรและเครอขำย Network ถอวำเปน Windows NT 5.0

o Windows XP ถอวำเปน Windows NT 5.1 ใชกบบคคล o Windows Server 2003 ถอวำเปน Windows NT 5.2 ใชในเครอขำย

รนท 6 มระบบปฏบตกำรออกมำทงสน 3 รน คอ o Windows Vista ถอวำเปน Windows NT 6.0 ใชกบบคคล o Windows Server 2008 กนบเปน Windows NT 6.0 ใชในองคกรและเครอขำย Network o Windows Server 2008 R2 ถงนบเปน Windows NT 6.1 ใชในองคกรและเครอขำย

Network

รนท 7 Windows 7 ถอเปน Windows NT 6.1 รนท 8 มระบบปฏบตกำรออกมำ ณ ขณะน 3 รน คอ

o Windows 8 นบเปน Windows NT 6.2 ใชกบบคคล o Windows RT นบเปน Windows NT 6.2 ใชกบบคคล แตรนอยบนอปกรณแทบเลต

(Tablet) ภำยใต CPU แบบ ARM เทำนน ถอวำเปนระบบปฏบตกำร Windows ตวแรก ทถกสรำงขนมำเพอท ำงำนบนอปกรณแทบเลตโดยเฉพำะ

o Windows Server 2012 นบเปน Windows NT 6.2 ใชในองคกรและเครอขำย Network ท าความรจกกบ Windows 8 ในขนตน

ระบบปฏบตกำร Windows 8 เปน Windows รนแรกทถกสรำงขนมำใหท ำงำนไดทงบนคอมพวเตอรและแทบเลต โดยทไมโครซอฟทเรยกอปกรณแทบเลตอยำงเปนทำงกำรวำ เซอรเฟซ (Surface) เรำสำมำรถแยก Windows 8 ออกเปน 2 แพลตฟอรม คอ

บนคอมพวเตอร PC

1.บนคอมพวเตอร รนบนสถำปตยกรรมซพยแบบ x86 (32 บต) และ x64 (64 บต) ทคนเคยกนเปนอยำงด คอ ซพยของอนเทล (Intel) และเอเอมด (AMD) โดยท Windows 8 ทรนบนซพยตระกล x86/x64 น สามารถใชงาน Windoows 8 ไดทงแบบ Desktop Mode กบ Windows 8 UI Mode

ตวอยาง

P a g e | 3

รปท 1-1 แสดง Windows 8 แบบ Windows 8 Modern UI Mode

รปท 1-2 แสดง Windows 8 แบบ Desktop Mode

บนอปกรณแทบเลต

2.บนอปกรณแทบเลต ส ำหรบ Windows 8 ทรนอยบนแทบเลต ยงสำมำรถแยกออกเปน 2 แบบ คอ รนบนสถาปตยกรรมซพยแบบ x86/x64 สงผลใหคณสำมำรถใช Windows 8 ไดทงแบบ Desktop

Mode กบ Modern UI Mode เรยกวำ Windows 8 Pro รนบนสถาปตยกรรมซพยแบบ ARM มชอเรยกวำ Windows RT โดยท Windows RT กคอ Windows

8 ทม Modern UI Mode เปนแกนหลกทถกสรำงขนมำใหท ำงำนกบอปกรณแทบเลตเทำนน ส ำหรบแทบเลตทใชซพยแบบ ARM สำมำรถรน Windows RT ไดเพยงอยำงเดยวเทำนน

ตวอยาง

P a g e | 4

รปแบบของ App ในยคปจจบน เพอใหคณมองเหนภำพในยคปจจบนชดเจนขนวำ เรำก ำลงท ำอะไรกนอย ผเขยนขอแยกรปแบบ App ออกเปน 5 แบบ ดงน

1.Command App หรอแอพพลเคชนทผใชตองมกำรปอนค ำสงดวยกำรปอนค ำสง command เรำคนเคยกนดในชอ Console Application ในยคของ DOS รวมไปถงแอพพลเคชนบำงประเภท ทรนอยบนระบบปฎบตกำร Server ทยงคงอำศยกำรปอนค ำสงแบบขอควำมโดยตรง 2.Click App เรำคนเคยกบแอพพลเคชนประเภทนมำกทสด ใชเมำสเคอรเซอรคลกไอคอนตำงๆ สงงำนใหแอพพลเคชนท ำงำน 3.Touch App เรำเขำมำสยคทโทรศพทมอถอ และแทบเลตกมแอพพลเคชนตำงๆ อยดวยเชนกน เรยกสนๆ วำ App คณสงกำรให App เหลำนท ำงำน โดยกำรสมผสหนำจอ เพรำะควำมทนวมอของคณ มขนำดใหญกวำเคอรเซอรของเมำส จงท ำใหผทตองกำรเขำมำพฒนำ App ในสวนน ตองแกไขสวนแสดงผลใหม ใหรองรบกบกำรสมผสดวยนวมอของผใชแทนเคอรเซอรของระบบคลก 4.Motion App หรอ App ทจบกำรเคลอนไหวของผใช แลวแปลงกำรเคลอนไหวดงกลำว ไปเปนค ำสงใน App เพอสงกำรตำงๆ ตำมทไดก ำหนดไว ส ำหรบคณผอำนทชอบเลนเกม Console ของ Xbox คนเคยกนเปนอยำงด กบ App กลมน 5.Voice App หรอ App ทสงกำรดวยค ำพดของมนษย เรำก ำลงเรมตนเขำสยคของกำรสง App ใหท ำงำนดวยค ำพดของเรำ โดยทเรำไมจ ำเปนตองเขำไปแตะตอง หรอสมผสใดๆ เลยกบอปกรณ Hardware ทเรำลงสนใจอย คนเคยกนเปนอยำงดกบคณผอำนทชอบดหนงประเภทไซไฟตำงๆ ทตวละครมกจะพดสงใหซอฟทแวรตำงๆ ท ำงำน

ตวอยาง

P a g e | 5

แนวทางของโปรแกรมเมอรในยค .NET Framework 4.5 กำรอพเดตของไมโครซอฟทในยคของ .NET 4.5 และกำรมำของ Windows 8 ถอเปนกำรปรบปรงครงใหญอกครงหนง ใหคณดรปท 1-3 ประกอบค ำอธบำย

รปท 1-3 แสดงประเภทแอพพลเคชนของ .NET 4.5 ในขนตน กำรพฒนำแอพพลเคชนกอนหนำน (เวอรชน 4.0 และเวอรชนเกำกวำ) โปรแกรมเมอรสำย .NET มพนทใหคณท ำงำน 2 สวนใหญๆ คอ 1. Desktop Application

2. Web Application กำรพฒนำแอพพลเคชนทง 2 สำย เปนพนทเดมทเรำคนเคยกนเปนอยำงด ขนอยกบควำมสนใจ

ของคณวำ จะเลอกเดนไปในเสนทำงใด กแลวแตควำมชอบ ควำมถนดของแตละบคคล แตในยคปจจบน .NET Framework ถกพฒนำมำถงเวอรชน 4.5 และเขำสยคของ Windows 8

โปรแกรมเมอรสำย .NET มพนใหมขนมำอก 1 แหง ท ำงำนบนอปกรณ Tablet เปนททรำบกนดวำ ในยคปจจบน ผคนโดยทวไปตำงคนเคยกบกำรใชแทบเลต (Tablet) และสมารทโฟน (Smart Phone) หลำยคนเปลยนพฤตกรรมจำกทเคยท ำบนเครองคอมพวเตอร มำท ำบนอปกรณเหลำนแทน เชน กำรเลนอนเตอรเนต, กำรเลนเกมส, กำรใชแอพพลชนตำงๆ ฯลฯ เปนตน

ในโลกของ .NET เรำเรยกแอพพลเคชนตำงๆ ทรนบนอปกรณเหลำนวำ Windows 8 Apps และเรยกอปกรณเหลำนโดยรวมวำ Smart Devices

ตวอยาง