tag:blogger.com,1999:blog-74481706573249203232024-03-13T07:27:12.463+07:00thaifreewaredownload.comFreeware computers and mobiles download ดาวโหลดฟรีแวร์คอมพิวเตอร์และโทรศัพท์มือถือUnknownnoreply@blogger.comBlogger2295125tag:blogger.com,1999:blog-7448170657324920323.post-43877852530634430222024-03-06T20:45:00.003+07:002024-03-06T20:47:58.565+07:00ตัดต่อวีดีโอด้วย Ciipchamp<p> โดยปกติผมเองก็เคยใช้โปรแกรมตัดต่อวีดีโออย่าง Camtasia มาสักระยะหนึ่ง ซึ่งพบว่า เป็นโปรแกรมที่ใช้งานง่าย และมีประสิทธิภาพมากๆ ตัวหนึ่ง เหมาะสำหรับงานจับภาพหน้าจอ ตัดต่อสื่อการสอนต่างๆ ลงช่องยูทูป ล่าสุดผมเองก็ได้มีโอกาสได้ลองใช้งานโปรแกรมตัดต่อตัวใหม่ที่ Microsoft ได้ผนวกเข้ามาเป็นส่วนหนึ่งของโปรแกรม อย่าง <a href="https://clipchamp.com/th/" target="_blank">Clipchamp </a></p><p>จุดเด่นๆ ของ <a href="https://clipchamp.com/th/" target="_blank">clipchamp</a> คือความง่ายในการในการตัดต่อ สามารถศึกษาและลงมือตัดต่อคลิปง่ายๆ ให้มีลูกเล่นน่าสนใจได้ง่าย ๆ โดยไม่จำเป็นต้องมีพื้นฐานมาก่อน </p><p>โปรแกรม นำเข้าคลิปต้นฉบับ ตัดต่อ ใส่ดนตรี ใส่ข้อความ ใส่ตัวเปลี่ยนฉาก และ save ไปใช้งานตามรูปแบบมาตรฐานเช่น tiktok หรือ reel เป็นต้น </p><p>คุณสมบัติพิเศษ text to speech มีระบบ Ai ช่วยในการแปลงข้อความเป็นเสียงบรรยายได้</p><p>มีระบบ Audio coach สำหรับสอนการใช้เสียงในการบรรยายของผู้บันทึก ว่าควรจะเน้น จะเว้นวรรคตรงไหน เป็นต้น เพื่อให้วีดีโอน่าสนใจมากขึ้น </p><p>หรือจะใช้ AI ในการสร้างคลิปวีดีโอให้คุณก็ได้ </p><p><br /></p><p>โดยสรุป : รองรับการใช้งานบน Browser รองรับการดาวโหลดและติดตั้งใช้งานบนคอมพิวเตอร์ และรองรับบนอุปกรณ์ iOS</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHo0yzeVpAK98IEHScrHHMiwxatbR2DieE1XyD1eIMS_EOEXU8PDluWzYxZuKIJnqkrP6wlQU4Tlc-KEmV7vjuCvF2QzwH6EFsobMTpVZrPyt8zesUAQM61EJIXGcWbYLE9UVBkC5Krdprd1sfie69fDA7vAx4Z9ON_4ro76t0ln9igE32Fxd_zt15evU/s673/cp.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="432" data-original-width="673" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHo0yzeVpAK98IEHScrHHMiwxatbR2DieE1XyD1eIMS_EOEXU8PDluWzYxZuKIJnqkrP6wlQU4Tlc-KEmV7vjuCvF2QzwH6EFsobMTpVZrPyt8zesUAQM61EJIXGcWbYLE9UVBkC5Krdprd1sfie69fDA7vAx4Z9ON_4ro76t0ln9igE32Fxd_zt15evU/s320/cp.PNG" width="320" /></a></div><br /><p><br /></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-56731838670889386862024-03-02T22:59:00.010+07:002024-03-02T23:06:09.474+07:00วิธีใช้งาน Microsoft Office356 ฟรี<p><span face="monumentgrotesk, sans-serif" style="color: #020203; font-size: 20px; word-spacing: 1.6px;">เป็นโปรแกรมเวอร์ชันล่าสุดของบริษัทไมโครซอร์ฟ มาพร้อมโปรแกรมที่เราคุ้นเคยที่บ้าน โรงเรียน หรือสำนักงาน บางโปรแกรมเช่น MS Word ,Outlook , Powerpoint โดยการซื้อสิทธิการใช้งานโปรแกรม ก็ยังเป็นหนทางหลักที่ได้รับความนิยมมากที่สุด </span></p><p class="u-speakableText-p2" style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><span style="word-spacing: 1.6px;">ใน 11 มกราคม ไมโครซอร์ฟได้ประกาศปล่อยตัวโปรแกรม Microsoft 365 เบสิก ซึ่งมีราคา $2 ต่อเดือน หรือ $20 ต่อปี อย่างไรก็ตาม เราสามารถที่จะหาวิธีใช้งานโปรแกรม </span><span style="word-spacing: 1.6px;">Microsoft 365 โดยไม่เสียเงินได้ ภายใตเงื่อนไขดังนี้ </span></p><p class="u-speakableText-p2" style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><br /></p><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;">Microsoft's suite ชุดโปรแกรมสำนักงานที่ประกอบด้วยโปรแกรมอย่างเช่น Word, Excel, PowerPoint และ Outlook, รวมทั้งโปรแกรมคุยงานออนไลน์ Microsoft Teams, พื้นที่เก็บข้อมูลออนไลน์ OneDrive และ SharePoint. </p><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><span style="word-spacing: 1.6px;">ค่าใช้จ่ายของโปรแกรมระหว่าง </span><span style="word-spacing: 1.6px;">$20 ถึง $100 สำหรับการลงทะเบียนใช้งาน และสามารถเข้าใช้งานได้หลายอุปกรณ์ในครอบครัวเดียวกัน นอกจากนั้นยังมีเวอร์ชั่นใช้งานคนเดียวอย่าง </span><span api="{"_id":{"$oid":"644c0baa37bd9527a1706e16"},"newParentVersionId":"c0f1aa98-edb3-41ed-8c81-fac770e3b928","uuid":"ef4b7f0d-e01e-43eb-98bd-350efceef440","isLive":true,"linkShortcodeText":"Office Home and Student 2021","metadata":{"parentId":"d6026708-6ae6-43dc-a099-3ba4687d623f","parentContentType":"content_article","slug":"how-to-get-microsoft-word-excel-and-powerpoint-for-free","dateUpdated":{"date":"2023-04-30 11:00:07.969582","timezone_type":3,"timezone":"UTC"},"timestamp":1682852407000,"lastUpdatedBy":null,"edition":"us"},"monetizedUrl":"https://click.linksynergy.com/deeplink?id=0JlRymcP1YU&mid=46107&u1=subid_value&murl=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fmicrosoft-365%2Fp%2Foffice-home-student-2021%2Fcfq7ttc0h8n8","rawUrl":"https://www.microsoft.com/en-us/microsoft-365/p/office-home-student-2021/cfq7ttc0h8n8","shortcodeType":"commercelink","siteId":1,"useMonetization":true,"merchantPartnerAvailabilitySignal":"YES_PARTNER","url":"https://click.linksynergy.com/deeplink?id=0JlRymcP1YU&mid=46107&u1=subid_value&murl=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fmicrosoft-365%2Fp%2Foffice-home-student-2021%2Fcfq7ttc0h8n8"}" class="c-shortcodeCommerceLink" data-key="commercelinkshortcode__ef4b7f0d-e01e-43eb-98bd-350efceef440" edition="us" id="ef4b7f0d-e01e-43eb-98bd-350efceef440" link-shortcode-text="Office Home and Student 2021" position="NaN" raw-url="https://www.microsoft.com/en-us/microsoft-365/p/office-home-student-2021/cfq7ttc0h8n8" style="box-sizing: border-box; outline: 0px; word-spacing: 1.6px;" url="https://click.linksynergy.com/deeplink?id=0JlRymcP1YU&mid=46107&u1=subid_value&murl=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fmicrosoft-365%2Fp%2Foffice-home-student-2021%2Fcfq7ttc0h8n8" use-monetization="true"><a href="https://www.microsoft.com/en-us/microsoft-365/p/office-home-student-2021/cfq7ttc0h8n8?ranMID=46107&ranEAID=0JlRymcP1YU&ranSiteID=0JlRymcP1YU-dpDe3oAE8GBPyPbWIlfAWQ&epi=0JlRymcP1YU-dpDe3oAE8GBPyPbWIlfAWQ&irgwc=1&clickid=_n9y6jvouvokfd1eodnbieejfee2x9emet29xgpon00&OCID=AIDcmmaqfwnksg_AFF_1243925_3327_0JlRymcP1YU-dpDe3oAE8GBPyPbWIlfAWQ_190407&tduid=%28ir__n9y6jvouvokfd1eodnbieejfee2x9emet29xgpon00%29%283327%29%281243925%29%280JlRymcP1YU-dpDe3oAE8GBPyPbWIlfAWQ%29%28%29&OWTGT=AFF_1243925&activetab=pivot:overviewtab" rel="noopener nofollow" style="-webkit-box-decoration-break: clone; box-shadow: rgb(122, 42, 245) 0px 3px 0px -1px; box-sizing: border-box; color: #020203; outline: 0px; text-decoration-line: none; transition: all 300ms cubic-bezier(0.45, 0, 0.4, 1) 0s;" target="_blank">Office Home and Student 2021</a> ราคาซื้อครั้งเดียว $150 ไม่จำเป็นต้องจ่ายรายเดือน </span></p><div data-ad-callout="Advertisement" style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; outline: 0px; word-spacing: 1.6px;"></div><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><span style="word-spacing: 1.6px;">ถ้าเราอยู่ในฐานะนักเรียนหรือนักศึกษา </span></p><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;">จะสามารถใช้ email นักศึกษา พวกที่ลงท้ายด้วย .edu ไหม ในการสมัครใช้งานได้ฟรี เช่นโปรแกรม <span style="word-spacing: 1.6px;">with Word, Excel, PowerPoint, OneNote และ Teams, และโปรแกรมช่วยสอนอื่นๆ </span></p><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><span style="word-spacing: 1.6px;">การขอสิทธิ์ใช้งานสามารถขอใช้ตามลิงค์ของไมโครซอร์ฟ จากนั้นจะมีอีเมลยืนยันตัวบุคคลไปที่บัญชีส่วนตัวของเรา ขั้นตอนอาจจะใช้เวลานิดหนึ่งของการตรวจสอบและยืนยัน ว่ามีโรงเรียน วิทยาลัย มหาลัย และเราเป็นนิสิต หรือนักเรียนของสถานที่แห่งนั้น จริงๆ </span></p><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;">นักศึกษาวิทยาลัย สามารถใช้อีเมล์สถาบันในการลงทะเบียนใช้าน <a href="https://www.microsoft.com/en-us/microsoft-365/college-student-pricing?ocid=kog_2sc1zakr&rtc=1&ranMID=46107&ranEAID=0JlRymcP1YU&ranSiteID=0JlRymcP1YU-PNXs375yDfwUe.Rfrj5u9w&epi=0JlRymcP1YU-PNXs375yDfwUe.Rfrj5u9w&irgwc=1&clickid=_n9y6jvouvokfd1eodnbieejfee2x9emby29xgpon00&OCID=AIDcmmaqfwnksg_AFF_1243925_3327_0JlRymcP1YU-PNXs375yDfwUe.Rfrj5u9w_190407&tduid=%28ir__n9y6jvouvokfd1eodnbieejfee2x9emby29xgpon00%29%283327%29%281243925%29%280JlRymcP1YU-PNXs375yDfwUe.Rfrj5u9w%29%28%29&OWTGT=AFF_1243925" rel="noopener nofollow" style="-webkit-box-decoration-break: clone; box-shadow: rgb(122, 42, 245) 0px 3px 0px -1px; box-sizing: border-box; color: #020203; outline: 0px; text-decoration-line: none; transition: all 300ms cubic-bezier(0.45, 0, 0.4, 1) 0s; word-spacing: 1.6px;" target="_blank">Microsoft 365 Personal</a> ในราคา $3 ต่อเดือน </p><div><div api="{"links":[{"id":"a6ceff5c-b29a-4566-9e38-b575dea9a478","availableOn":null,"title":"The Best Windows 11 Features: Android Apps, Widgets and More","description":null,"image":null,"promoTitle":null,"promoDescription":null,"promoImage":null,"typeName":"content_article","typeLabel":"Article","dateCreated":null,"dateUpdated":null,"datePublished":null,"published":false,"metaData":{"topicNameLoose":"Computing","hubTopicPathString":"Tech^Computing","section":"how_to","typeTitle":"News"},"slug":"the-best-windows-11-features-android-apps-widgets-and-more","status":"LIVE","vanityUrl":null,"author":null,"topic":{"id":"1c4b7d80-c387-11e2-8208-0291187b029a","name":"Computing","namePretty":"Computing","description":"old node id:3000\r\nWas formerly Computers, slug:computers - mb","slug":"computing","deleted":0,"root":"752de8fe-6106-4537-bcb9-7a933ad51d48","lft":23,"rgt":104,"nameEn":"Computing","slugEn":"computing","type":"Content"},"authors":null,"wordCount":0,"siteName":null,"sourceApi":null,"type":"content","linkText":"The Best Windows 11 Features","uuid":"a6ceff5c-b29a-4566-9e38-b575dea9a478","assetType":"content_article","assetTitle":"The Best Windows 11 Features: Android Apps, Widgets and More","linkType":"content"},{"id":"5f5d2fe4-51e6-4ecb-a131-5f4f0bd8c44b","availableOn":null,"title":"Help Your Old Laptop Last Longer by Trying These Tips","description":null,"image":null,"promoTitle":null,"promoDescription":null,"promoImage":null,"typeName":"content_article","typeLabel":"Article","dateCreated":null,"dateUpdated":null,"datePublished":null,"published":false,"metaData":{"topicNameLoose":"Laptops","hubTopicPathString":"Tech^Computing^Laptops","section":"how_to","typeTitle":"Product Advice"},"slug":"your-old-laptop-could-last-longer-if-you-give-these-tips-a-try","status":"LIVE","vanityUrl":null,"author":null,"topic":{"id":"1c445348-c387-11e2-8208-0291187b029a","name":"Laptops","namePretty":"Laptops","description":"old node id:1005","slug":"laptops","deleted":0,"root":"752de8fe-6106-4537-bcb9-7a933ad51d48","lft":26,"rgt":27,"nameEn":"Laptops","slugEn":"laptops","type":"Content"},"authors":null,"wordCount":0,"siteName":null,"sourceApi":null,"type":"content","linkText":"Ways to Help Your Old Laptop Last Longer","uuid":"5f5d2fe4-51e6-4ecb-a131-5f4f0bd8c44b","assetType":"content_article","assetTitle":"Your old laptop could last longer if you give these tips a try","linkType":"content"},{"id":"5facb822-f56d-4d8d-a215-448768d7e000","availableOn":null,"title":"5 ways to make your Chromebook more secure","description":null,"image":null,"promoTitle":null,"promoDescription":null,"promoImage":null,"typeName":"content_article","typeLabel":"Article","dateCreated":null,"dateUpdated":null,"datePublished":null,"published":false,"metaData":{"topicNameLoose":"Laptops","hubTopicPathString":"Tech^Computing^Laptops","section":"how_to"},"slug":"5-ways-to-make-your-chromebook-more-secure","status":"LIVE","vanityUrl":null,"author":null,"topic":{"id":"1c445348-c387-11e2-8208-0291187b029a","name":"Laptops","namePretty":"Laptops","description":"old node id:1005","slug":"laptops","deleted":0,"root":"752de8fe-6106-4537-bcb9-7a933ad51d48","lft":26,"rgt":27,"nameEn":"Laptops","slugEn":"laptops","type":"Content"},"authors":null,"wordCount":0,"siteName":null,"sourceApi":null,"type":"content","linkText":"5 Ways to Make Your Chromebook More Secure","uuid":"5facb822-f56d-4d8d-a215-448768d7e000","assetType":"content_article","assetTitle":"5 ways to make your Chromebook more secure","linkType":"content"}]}" class="c-shortcodeRelatedLinks" data-key="relatedlinks_6c4abd91-2206-5695-bdd1-4693dd1f260f" edition="us" float="left" heading="More Tech Tips" links="[{"type":"content","linkText":"The Best Windows 11 Features","uuid":"a6ceff5c-b29a-4566-9e38-b575dea9a478","assetType":"content_article","assetTitle":"The Best Windows 11 Features: Android Apps, Widgets and More","slug":"the-best-windows-11-features-android-apps-widgets-and-more","status":"LIVE"},{"type":"content","linkText":"Ways to Help Your Old Laptop Last Longer","uuid":"5f5d2fe4-51e6-4ecb-a131-5f4f0bd8c44b","assetType":"content_article","assetTitle":"Your old laptop could last longer if you give these tips a try","slug":"your-old-laptop-could-last-longer-if-you-give-these-tips-a-try","status":"LIVE"},{"type":"content","linkText":"5 Ways to Make Your Chromebook More Secure","uuid":"5facb822-f56d-4d8d-a215-448768d7e000","assetType":"content_article","assetTitle":"5 ways to make your Chromebook more secure","slug":"5-ways-to-make-your-chromebook-more-secure","status":"LIVE"}]" style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; margin: 2rem 0px; outline: 0px; word-spacing: 1.6px;" type="links"><h3 class="g-outer-spacing-bottom-medium g-text-bold" style="box-sizing: border-box; font-size: calc(27.4286px + 0.595238vw); line-height: calc(33.4286px + 0.595238vw); margin: 0px 0px 1rem; outline: 0px; padding: 0px;"><br /></h3><ul style="box-sizing: border-box; list-style: none none; margin: 0px; outline: 0px; padding: 0px;"></ul></div><div data-ad-callout="Advertisement" style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; outline: 0px; word-spacing: 1.6px;"></div><h2 style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 2rem; line-height: 2.375rem; margin: 1.5rem 0px; outline: 0px; padding: 0px; word-spacing: 1.6px;"><span style="font-size: 20px; word-spacing: 1.6px;">ถ้าเราไม่ใช่นักเรียน/นักศึกษา จะมีวิธีใดในการขอใช้งานฟรี </span></h2><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;">บุคคลทั่วไปสามารถลงทะเบียนใช้งานได้ฟรี เป็นระยะเวลา 1 เดือน โดยจะต้องระบุข้อมูลการหักเงินผ่านบัตรเครดิต ซึ่งสามารถยกเลิกใช้งานได้เมื่อครบกำหนด หรือเวลาไหนก็ได้ที่สะดวก โดยจะถูกคิดค่าใช้จ่ายรายปีตกปีละ $100 คิดเป็นเงินไทยก็ตกประมาณ 3500 บาท โดยโปรแกรมที่ใช้งานได้คือ <span style="word-spacing: 1.6px;"> </span><span api="{"_id":{"$oid":"644c0baa37bd9527a1706e38"},"newParentVersionId":"c0f1aa98-edb3-41ed-8c81-fac770e3b928","uuid":"add2d3c2-3b56-49ac-ad6e-e99618afd76f","isLive":true,"linkShortcodeText":"Microsoft 365 Family","metadata":{"parentId":"d6026708-6ae6-43dc-a099-3ba4687d623f","parentContentType":"content_article","slug":"how-to-get-microsoft-word-excel-and-powerpoint-for-free","dateUpdated":{"date":"2023-04-30 11:00:08.019644","timezone_type":3,"timezone":"UTC"},"timestamp":1682852408000,"lastUpdatedBy":null,"edition":"us"},"monetizedUrl":"https://click.linksynergy.com/deeplink?id=0JlRymcP1YU&mid=46107&u1=subid_value&murl=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fmicrosoft-365%2Fp%2Fmicrosoft-365-family%2Fcfq7ttc0k5dm%3Factivetab%3Dpivot%3Aoverviewtab","rawUrl":"https://www.microsoft.com/en-us/microsoft-365/p/microsoft-365-family/cfq7ttc0k5dm?activetab=pivot:overviewtab","shortcodeType":"commercelink","siteId":1,"useMonetization":true,"merchantPartnerAvailabilitySignal":"YES_PARTNER","url":"https://click.linksynergy.com/deeplink?id=0JlRymcP1YU&mid=46107&u1=subid_value&murl=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fmicrosoft-365%2Fp%2Fmicrosoft-365-family%2Fcfq7ttc0k5dm%3Factivetab%3Dpivot%3Aoverviewtab"}" class="c-shortcodeCommerceLink" data-key="commercelinkshortcode__add2d3c2-3b56-49ac-ad6e-e99618afd76f" edition="us" id="add2d3c2-3b56-49ac-ad6e-e99618afd76f" link-shortcode-text="Microsoft 365 Family" position="NaN" raw-url="https://www.microsoft.com/en-us/microsoft-365/p/microsoft-365-family/cfq7ttc0k5dm?activetab=pivot:overviewtab" style="box-sizing: border-box; outline: 0px; word-spacing: 1.6px;" url="https://click.linksynergy.com/deeplink?id=0JlRymcP1YU&mid=46107&u1=subid_value&murl=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fmicrosoft-365%2Fp%2Fmicrosoft-365-family%2Fcfq7ttc0k5dm%3Factivetab%3Dpivot%3Aoverviewtab" use-monetization="true"><a href="https://www.microsoft.com/en-us/microsoft-365/p/microsoft-365-family/cfq7ttc0k5dm?activetab=pivot:overviewtab&ranMID=46107&ranEAID=0JlRymcP1YU&ranSiteID=0JlRymcP1YU-gbeP4Je1IY7DvE2xZ_RckQ&epi=0JlRymcP1YU-gbeP4Je1IY7DvE2xZ_RckQ&irgwc=1&clickid=_n9y6jvouvokfd1eodnbieejfee2x9embmv9xgpon00&OCID=AIDcmmaqfwnksg_AFF_1243925_3327_0JlRymcP1YU-gbeP4Je1IY7DvE2xZ_RckQ_190407&tduid=%28ir__n9y6jvouvokfd1eodnbieejfee2x9embmv9xgpon00%29%283327%29%281243925%29%280JlRymcP1YU-gbeP4Je1IY7DvE2xZ_RckQ%29%28%29&OWTGT=AFF_1243925" rel="noopener nofollow" style="-webkit-box-decoration-break: clone; box-shadow: rgb(122, 42, 245) 0px 3px 0px -1px; box-sizing: border-box; color: #020203; outline: 0px; text-decoration-line: none; transition: all 300ms cubic-bezier(0.45, 0, 0.4, 1) 0s;" target="_blank">Microsoft 365 Family</a></span></p><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><span style="word-spacing: 1.6px;">ข่าวดีถ้าเราไม่ต้องการใช้งานทุกโปรแกรม และการใช้งานของเราก็ไม่ได้บ่อยทุกวัน เราสามารถใช้บริการได้ฟรีแบบ online เช่น </span><span style="word-spacing: 1.6px;">Word, Excel, PowerPoint, OneDrive, Outlook, Calendar, My Content, Skype, Designer และ Clipchamp.มีขั้นตอนดังนี้</span></p><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><strong style="box-sizing: border-box; outline: 0px;">1</strong>. ไปที่ <a class="c-regularLink" href="https://www.microsoft.com/en-us/microsoft-365/microsoft-365-faqs" rel="nofollow" style="-webkit-box-decoration-break: clone; box-shadow: rgb(122, 42, 245) 0px 3px 0px -1px; box-sizing: border-box; color: #020203; outline: 0px; text-decoration-line: none; transition: all 300ms cubic-bezier(0.45, 0, 0.4, 1) 0s;" target="_blank">Microsoft365.com</a>.</p><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><strong style="box-sizing: border-box; outline: 0px;">2</strong>. คลิก <strong style="box-sizing: border-box; outline: 0px;">Sign up for the free version of Office</strong> ภายใต้แท็บ "Sign in" .</p><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><strong style="box-sizing: border-box; outline: 0px;">3</strong>. <strong style="box-sizing: border-box; outline: 0px;">Log in เข้าไปในบัญชีผู้ใช้งาน Microsoft หรือสร้างใหม่ฟรี</strong>. </p><div data-ad-callout="Advertisement" style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; outline: 0px; word-spacing: 1.6px;"></div><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><strong style="box-sizing: border-box; outline: 0px;">4</strong>. เลือก app app ที่ต้องการใช้งานและบันทึกงานของเราในคลาวด์ cloud บน OneDrive.</p><figure class="c-shortcodeImage u-clearfix c-shortcodeImage-large c-shortcodeImage-hasCaption" edition="us" float="none" image-alt-text="Microsoft Word running in a web browser" image-caption="<p>Use the browser-based version of the Microsoft Word app for free.</p>" image-credit="Screenshot by Alison DeNisco Rayome/CNET" image-date-created="2020/03/20" image-do-not-crop="false" image-do-not-resize="false" image-filename="screen-shot-2020-03-20-at-8-13-22-am.png" image-height="790" image-watermark="false" image-width="1422" lightbox="false" size="large" style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; margin: 2rem 0px; outline: 0px; word-spacing: 1.6px;" uuid="c320898b-645f-4319-8156-b707bd71c94c"><div class="c-shortcodeImage_imageContainer" style="box-sizing: border-box; outline: 0px; position: relative;"><div class="c-cmsImage c-shortcodeImage_image" style="box-sizing: border-box; height: auto; max-width: 100%; outline: 0px; width: 596px;"><span style="word-spacing: 1.6px;">สำหรับคนที่สงสัยว่า ถ้าให้ใช้งานฟรีแล้ว คนที่จ่ายตังค์ไม่เสียเปรียบหรือ ก็แน่นอนว่า เวอร์ชั่นให้ใช้งานฟรี ทั้งออนไลน์ และออฟไลน์ ก็จะมีการจำกัดความสามารถของอุปกรณ์และเครื่องมือในการใช้งานขั้นสูงไว้บางตัว รวมทั้งในระบบออนไลน์ จะใช้งานได้ก็ต่อเมื่อมีการ Connected อินเตอร์เน็ตไว้ตลอดเวลานั้นเอง </span></div></div></figure><div data-ad-callout="Advertisement" style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; outline: 0px; word-spacing: 1.6px;"></div><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><span style="word-spacing: 1.6px;">โปรแกรมใช้งานฟรีจะมีการจำกัดความสมารถบางอย่างไว้ แต่ก็ยังมีความสามารถในการแชร์การเข้าถึงในการทำงานกับเพื่อนหรือทีมงานได้ คล้ายๆกับบริการของ Google Workspace เป็นต้น </span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWMT4yH17tuG6dsXhr1ZCojeNuy_FCsA41c1rGwqayqcuzTLDLX3RLO4Ys53FdpFOrhNke96nM9rbOWQMwu5T-ywV240ZFHDZfaKIsbppWMMbkXXSlhoWV3sRwjFNRoWFg3MwArxadRBb06trsFxtq3FYgxKxCg3i_Aeb0ZMnU2MZ_lEzWrbUIlc3Vwkc/s1194/Ms%20off.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="675" data-original-width="1194" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWMT4yH17tuG6dsXhr1ZCojeNuy_FCsA41c1rGwqayqcuzTLDLX3RLO4Ys53FdpFOrhNke96nM9rbOWQMwu5T-ywV240ZFHDZfaKIsbppWMMbkXXSlhoWV3sRwjFNRoWFg3MwArxadRBb06trsFxtq3FYgxKxCg3i_Aeb0ZMnU2MZ_lEzWrbUIlc3Vwkc/s320/Ms%20off.PNG" width="320" /></a></div><br /><p style="box-sizing: border-box; color: #020203; font-family: monumentgrotesk, sans-serif; font-size: 20px; line-height: 1.75rem; margin: 0px 0px 2rem; outline: 0px; padding: 0px; word-spacing: 1.6px;"><br /></p></div><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-57585691990712741102024-02-29T21:31:00.008+07:002024-02-29T23:06:49.390+07:00Thai house keeper was shocked 2.2 Million Baht was scam by Call Center Gang<p> Latest cyber attack report in Thailand on yesterday 28 Fab 2024 .Thai cyber police was reported from 57 years old woman whose husband was a retired from ordnance department Army and passed away. </p><p>The scammer was calling on her husband phone number while she was doing the house work as usually day life.</p><p>The Scammer: Hello ,this is the ordnance department Army pension and welfare from BKK.</p><p>The victim: Yes ,and do you have anything about my pass away husband?</p><p>The Scammer: Yes ,we have some pension about 1650USD left and we wanted to transfer to you bank account so, take another from and follow me instruction how to do ,so stay on your phone.</p><p>The victim : Okay I was on my smartphone now click the link vis SMS from the scammer to install the application .</p><p>The cyber police came to investigate the case and believed the SMS installed the remote access control application and gained control the victim phone moreover ,asked the victim to open bank account app which is involved password enter and face scan to transfer the 2.2 million Thai Bath from her account to the scammer. </p><p>This sad news was happened series action which is no ending sooner or later.</p><p>what do you think and comment and suggest to prevent this threat in Thailand and also in other countries across the globe.</p><p> </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6T0PsmWL35-c6JHWJpLc2U2frR1TOiVaPA16RiWCUQI034Zy_GHTcmGrFMZDp74cYVPNf8kfPYCDLyr1EVfl4As3anIUht8yoTJK3Pu51MRhZPRpjltYh_IvejzAOoVIP0qJvhEzc3caCS89vE85PDX0yYMgzUwkpJFDpkg43nGstItpoyps4M7MwI8k/s940/black%20(1).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="788" data-original-width="940" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6T0PsmWL35-c6JHWJpLc2U2frR1TOiVaPA16RiWCUQI034Zy_GHTcmGrFMZDp74cYVPNf8kfPYCDLyr1EVfl4As3anIUht8yoTJK3Pu51MRhZPRpjltYh_IvejzAOoVIP0qJvhEzc3caCS89vE85PDX0yYMgzUwkpJFDpkg43nGstItpoyps4M7MwI8k/s320/black%20(1).png" width="320" /></a></div><br /><p></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-11398231935668205762024-02-25T01:38:00.004+07:002024-02-25T01:55:05.119+07:00Cryptocurrency Wallets was hacked and lost 40 ETW in Thailand On 24th Feb 2024 Cryptocurrency Wallets fraud when a news was revealed from the victim of personal crypto digital currency wallet was hacked and lost about 40 ETW which is converted into Thai bath is about <span face="arial, sans-serif" style="background-color: white; color: #4d5156; font-size: 14px;"> </span>฿106,318.89 THB, so total amount was 40 x 106,318.89 = 4252755.6 THB or about 118,362.25 USD <div><br /></div><div><div>The victim of the recently case is a famous actor and good knowledge of crypto currency trade and exchange ,moreover high education profile PH.D Science of education and Art from USA as well as a guest speaker about money investment on many university.</div><div><br /></div><div>The incident happened in a night when he stayed up late to read article from website about the trade and exchange bitcoin ,with intend to find how much the total fee for his wallet transaction from beginning up to so far, he then now fall in phishing links in the article which is link over and across like normal website.</div><div>until to the last click link which said that this will let you know about how much you pay for your transaction fee in sum up.</div><div><br /></div><div>His device is iPhone11 with the face security login when screen off (I guess) </div><div>for more detail I will add more in the next time.</div><div>I would like to tell all you guys that even high profile of education and knowledge of IT and cybersecurity is still became the victim of this hacked ,so we have to learn and careful about this simple phishing.</div><div>A lesson learn from my point of view.</div><div>1. Face login convenient ,but somehow be aware of this things also.</div><div>2.When Log in your bank account or digital wallet don't forget to log out too.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb9vM3-LHT0qF-5hskQ8DLNT2WdC7V_Th4szyzB_kflBk50cIuXBK0_11sfibngyqCNCUMiSCAkum9uvTAhX5Ts0And1gVhEHO-8PfOI44wYm3Yu8boyh0cgkOIDYo2qhNMUz9BisAk4tZky62WxkorDv1jODMU-jxmF-KoTUTpDm7Q_m8fU7xgVivG0w/s940/black.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="788" data-original-width="940" height="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb9vM3-LHT0qF-5hskQ8DLNT2WdC7V_Th4szyzB_kflBk50cIuXBK0_11sfibngyqCNCUMiSCAkum9uvTAhX5Ts0And1gVhEHO-8PfOI44wYm3Yu8boyh0cgkOIDYo2qhNMUz9BisAk4tZky62WxkorDv1jODMU-jxmF-KoTUTpDm7Q_m8fU7xgVivG0w/w400-h335/black.png" width="400" /></a></div><br /><div><br /></div><div> </div><div>any comment and suggest would happy to welcome! <br /><div><br /></div></div></div><div>Source : Thailand news on youtube and TV channel </div><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-10485664107229885862024-02-23T13:40:00.007+07:002024-02-23T13:42:29.445+07:00What is Pegasus spyware?<p>I would say that Pegasus is a high profile person such as the head of the country or senior officer in military forces or police and political. Pegasus spyware is zero-click mobile surveillance software designed to infiltrate iOS and Android devices to secretly collect sensitive information and send it to the NSO group server in cloud.</p><p>The dreaded Pegasus is its zero-click surveillance capabilities, meaning it can spread and infect devices without a victim having to do anything at all.</p><p>if your are a normal people I would say you will be more safe from this spyware which is believe that Pegasus is a state sponsor threat and very expensive one per licensed so the target of them would be the most value target such as leader in political ,military ,police officer for instance.</p><p><br /></p><p>Initially, Pegasus spread through phishing attacks via email or SMS ,Now, Pegasus spyware has zero-click surveillance capabilities.</p><p>I would say that if your phone android /iOS not connect to the internet it would be tough for Pegasus to infect ,but possible when connect the phone with the trap Access point Wi-Fi by hacker team.</p><p>Not easy ,but possible anything can happens with anyone ,so be alert and precaution whenever you have to connect to the internet and Free public WIFI network.</p><p>if you are a high profile person normally they will have a baseline to prevent themselves from risk and vulnerability, however things can happens if lack of awareness and carefulness.</p><p>From my own experience is that the malware infected in your device can be seen from slow running process task on devices ,but unique Pegasus capability is that it won't show any sign or symptom of any slow performance at all on the target devices.</p><p>How Pegasus is dreadful threat?</p><p>1.Ability to infect itself into the target device with a zero click.</p><p>2.No slow performance on the infected devices.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYrUrTbYe3__EY-OdrvOUx6OyUlTbw_QS2nv4PjFGYeF_oNNjM9qunoa0RATz6wviPPfSVD0DvFmDhloH3Hx7s1SxiNcAbQu8Im36LHnd7OWz56NqGxMqxFH_3vn11w6-7JqPU3iCUzT2mGZP69L7Irx9KSWRYIXjOLbBuVmN-AE6Nw7OCE_4LI8toyI/s935/pegasus.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="662" data-original-width="935" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYrUrTbYe3__EY-OdrvOUx6OyUlTbw_QS2nv4PjFGYeF_oNNjM9qunoa0RATz6wviPPfSVD0DvFmDhloH3Hx7s1SxiNcAbQu8Im36LHnd7OWz56NqGxMqxFH_3vn11w6-7JqPU3iCUzT2mGZP69L7Irx9KSWRYIXjOLbBuVmN-AE6Nw7OCE_4LI8toyI/s320/pegasus.PNG" width="320" /></a></div><br /><p><br /></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-4614214145821698872024-02-23T12:29:00.004+07:002024-02-23T12:42:08.545+07:00Best 10 tips to avoid malware attack <p> I would like to share with your guys my 20 years on computer working both hardware and software system in order to review and go over the baseline of the principle virus computer hack in your computer and other devices.</p><p>this practical is not only for Windows OS ,but also Mac and LINUX as well.</p><p>1.Make sure your OS is copy right or genuine licensed either licenses: Retail, OEM, or Volume. </p><p>2.Always update your OS to make sure for the latest software update this can help prevent malware and other threat in proactive way.</p><p>3.Regularly conduct scan for virus and threats using Windows defender and follow the instruction base on the threat be detected and respond.</p><p>4.Do not download and install other software or application from dark web or underground website which is most of them offer hack or crack the serial number.</p><p>5.If you need to download and install software or application try to do from the official website or portal of software product company or organization such as Microsoft download ,Linux download for instances.</p><p> 6.Porn website and gambling website is the heaven of hackers to hide malware and spyware for those human who can not resist to that ,so keep away from this mentioned.</p><p>7.Some Freeware are good ,however strong recommend to use shareware or trial would be safer.</p><p>8.when install any software or application avoid click next next and next without to read and precaution for every click or else you will be more then 60% of install malware or spyware on your computer.</p><p>9.Try install Antivirus and malware product in order to detect and hunt for some threat that might compromise in your computer, such as MacAfee or Trend Micro.</p><p>10.Back up your sensitive data in Flash drive or external disk in case of compromise you will have ability to recover and continue work as normal.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv01J-Khseh8auSKALvzbNhOGgx8EGPa8ZJLJ34artKFT8Hz4-KS_74LtJYbTY_aB1vBVyZkiuwLtg4BYsgq7Hs2wjW33-6ZyrEcZgtbrttyKvU8uVshuPlaJGvNQah_UWps8AnUdAmL5T0zd9ZPrPhBriCQ9LQ_c-CROSXdt_16v8ysEvMLRwyyVGpu8/s300/malware-attack.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="300" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv01J-Khseh8auSKALvzbNhOGgx8EGPa8ZJLJ34artKFT8Hz4-KS_74LtJYbTY_aB1vBVyZkiuwLtg4BYsgq7Hs2wjW33-6ZyrEcZgtbrttyKvU8uVshuPlaJGvNQah_UWps8AnUdAmL5T0zd9ZPrPhBriCQ9LQ_c-CROSXdt_16v8ysEvMLRwyyVGpu8/s1600/malware-attack.png" width="300" /></a></div><br /><p><br /></p><p><br /></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-17811452247913645822024-02-18T21:04:00.003+07:002024-02-18T22:51:15.050+07:00ทำความรู้จักกับ EDR <p> คำว่า EDR ย่อมาจากคำว่า Endpoint Detection and Response แปลตรงตัวคือ จุดสุดท้ายการตรวจจับและการตอบโต้ </p><p>ในทางการรักษาความปลอดภัยไซเบอร์แล้ว เทคโนโลยี EDR มีความสำคัญและจำเป็นต่อทุกๆ หน่วยงานหรือองค์กร เนื่องจากจะช่วยในการป้องกันการเจาะข้อมูล หรือโจมตีองค์กรจากนักเจาะระบบหรือ Hacker นั้นเอง แบบตามเวลาจริงหรือ Real time</p><h3 style="text-align: left;">การทำงานอย่างมีประสิทธิภาพของ EDR จำเป็นต้องทำหน้าที่ 4 อย่างนี้อย่างดี คือ</h3><p>1. การรวบรวมข้อมูลการโจมตีทางไซเบอร์และข้อมูลอื่นๆที่อาจจะเกี่ยวข้อง โดยใช้คำสั่งขนาดเล็ก Agents ที่ทำงานอยู่ภายใต้อุปกรณ์แต่ละอย่างเช่น คอมพิวเตอร์ หรือมือถือ เป็นต้น</p><p>ตัวอย่างของข้อมูลที่รวบรวม ได้แก่ </p><p>กระบวนการงานอะไรที่กำลังดำเนินอยู่</p><p>เครือข่ายอะไรที่ทำการเชื่อมต่อ</p><p>ข้อมูลอะไรที่กำลังเปิดดู เป็นต้น </p><p>2. การตรวจจับและตอบโต้ภัยคุกคาม หรือ (Threat)</p><p>เป็นการทำงานแบบ Real time หรือตามเวลาจริงและตอบโต้กลับแบบอัตโนมัติ คือผู้ใช้งานไม่จำเป็นต้องมาตอบโต้เอง </p><p>ซึ่งรูปแบบของ Threat หรือภัยคุกคามก็จะมี 2 แบบคือ แบบที่เรารู้จักแล้ว กับแบบใหม่ที่เราไม่รู็จักมาก่อน </p><p>ซึ่งทีม รปภ.ไซเบอร์ จะสามารถรวบรวมสิ่งที่เรียกว่า สิ่งบอกเหตุการโจมตีของภัยคุกคาม หรือ IOC ย่อมาจากคำว่า Indicator of compromise ถ้าเราตรวจจับและเจอมาแล้ว ก็จะนำไปสร้างสิ่งที่เรียกว่าลายนิ้วมือของการโจมตี หรือ Finger prints ไว้ในระบบเพื่อป้องกันการโจมตีของมัลแวร์หรือ Ransomware นั้นได้ เปรียบเทียบกับคนที่เคยมาเที่ยวผับ แล้วทะเลาะหรือสร้างความเดือดร้อนให้คนที่มาเที่ยวปกติ จนท.รปภ.ก็จะจดจำใบหน้า และพฤติกรรมของคนดังกล่าว และนำไปพรินแปะไว้ที่หน้าประตูทางเข้าผับเป็นต้น ถ้าคนนั้นมาเที่ยวอีกก็จะถูกตรวจจับและห้ามเข้าข้างใน เป็นต้น ซึ่งรูปแบบนี้ก็จะคล้ายกับการทำงานของโปรแกรม Antivirus ที่เรารู้จักและคุ้นเคยกันอยู่แล้ว </p><p>แต่ทางกลับกันถ้าคนร้ายหรือคนไม่ดีที่เราไม่เคยรู้จักมาก่อนแฝงตัวเข้ามา เราจะรับมืออย่างไร </p><p>การพัฒนา Advance Logarithms ในการตรวจสอบพฤติกรรมของภัยคุกคามที่เราไม่เคยพบมาก่อน ยกตัวอย่างการซ่อนมัลแวร์ ในโปรแกรมสำนักงานของ Microsoft Office ในชุดคำสั่งขนาดเล็กอย่างแมโคร </p><p>ของโปรแกรม Ms Excel เป็นต้น ซึ่งเทคโนโลยี EDR จะสามารถสังเกตุเห็นความผิดปกติของมัลแวร์ที่จะแก้ไขหรือตบตาระบบรักษาความปลอดภัย ดังนั้น EDR ก็จะช่วยป้องกันมัลแวร์ไม่ให้ทำงานต่อไปได้ </p><p>3. การทำหน้าที่สืบสวนพิสูจน์หลักฐานและการตามล่าภัยคุกคาม (Forensic investigation and threat hunting ) ไม่มีใครรับประกันได้ว่า EDR จะสามารถปิดกั้นภัยคุกคามได้ 100% ดังนั้นการรวบรวมข้อมูลและพฤติกรรมของมัลแวร์ที่เกิดขึ้นใหม่ๆ ก็จะช่วยทำให้กระบวนการทำ Fingers print ของภัยคุกคามมีมากขึ้นในอนาคต รวมทั้งทีมนักล่าภัยคุกคามจะสามารถใช้ข้อมูลในการตามล่าภัยคุกคามได้ แบบการป้องกันเชิงรูก (Proactive defense) ทั้งนี้จะต้องใช้การตรวจสอบและตอบโต้แบบ manual หรือไม่ใช่แบบอัตโนมัตินั้นเอง </p><p>4.การสนธิและการรายงาน (Integrate and report) สำหรับนักวิเคราะห์ระบบการรักษาความปลอดภัยแล้ว การสนธิข้อมูลเข้าด้วยกันเพื่อหาความเชื่อมโยงเป็นสิ่งจำเป็นในขั้นตอนการทำงานของกระบวนการดังกล่าว เพราะปกติพวกเขาจะได้รับการแจ้งเตือนภัยคุกคาม (Alerts) จำนวนมาก พวกเขาจำเป็นต้องเลือกและคัดแยกในส่วนที่เกี่ยวข้องและจำเป็น ซึ่ง EDR ควรจะมีส่วนช่วยในการทำงานของพวกเขา ในการจัดเรียงลำดับและความเร่งด่วนของภัยคุกคาม</p><p><br /></p><p>สำหรับทีมรักษาความปลอดภัยไซเบอร์แล้ว EDR จำเป็นต้องผนวกหรือทำงานร่วมกับระบบหรือเครื่องมือเดิมขององค์กรที่มีอยู่แล้ว โดยการส่งรายงานภัยคุกคามไปที่ SIEM ,XDR หรือ SOAR เป็นต้น </p><p>สิ่งที่ดีที่สุดของ EDR คือการช่วยให้องค์กรหรือหน่วยงานมีเทคโนโลยีในการตรวจจับภัยคุกคามที่ยืดหยุ่นและอ่อนตัวที่สุด ในการประกันผลสำเร็จของการโจมตีต่อระบบแล้ว จะสามารถตรวจจับภักคุกคาม กู้คืนระบบให้กลับมาใช้งานได้ตามปกติในเวลาที่เร็วที่สุด </p><p><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJrpOBU8FIns3O8lijLuzTJviGBA5xXk1xTuAabZkZgAk1WmYF1PRfHpXp9hLCEL2dD5b064C35alaIOnnTIWDjDP9MPHxYkTf3PrYzW5GLV7taPYwYuX5I9aLRqeju97mcUXT2VoxbYm9HtNhgH5WQW4lo-zs3eQGAztwABYe2IYrsXUGiKpXFxpe9Ps/s1584/leadspace.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="634" data-original-width="1584" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJrpOBU8FIns3O8lijLuzTJviGBA5xXk1xTuAabZkZgAk1WmYF1PRfHpXp9hLCEL2dD5b064C35alaIOnnTIWDjDP9MPHxYkTf3PrYzW5GLV7taPYwYuX5I9aLRqeju97mcUXT2VoxbYm9HtNhgH5WQW4lo-zs3eQGAztwABYe2IYrsXUGiKpXFxpe9Ps/w400-h160/leadspace.png" width="400" /></a></div><br /><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-13899937831512771782024-02-17T13:29:00.006+07:002024-02-18T04:58:38.204+07:00วิธีการแจ้งเตือนทางอีเมล์ด้วย Appsheet<p> สวัสดีครับ สำหรับวันนี้เราจะมาทดสอบวิธีการแจ้งเตือนผู้ใช้งาน โดยวิธีการส่งอีเมล์เข้าไปยังกล่องจดหมายของเรากันโดยอัตโนมัติ </p><p>ก่อนอื่นให้เราไปที่กูเกิลไดร์ฟ ของเรา สร้างโพลเดอร์ขึ้นมา สมมุตเป็น Leave Approve </p><p>จากนั้น คลิกเข้าไปข้างในโฟลเดอร์ที่พึ่งสร้างขึ้นมา</p><p>จากนั้นคลิก new สร้างไฟล์ตาราง Google sheet ขึ้นมา</p><p>ประกอบด้วย คอลัมน์ ID ,ผู้ลา ,วันที่ลา ,ลาถึงวันที่ ,เรื่อง , เหตุผลการลา ,การอนุมัติ ,วันที่อนุมัติ</p><p><br /></p><p><br /></p><p>-------------------</p><p>มาที่ Appsheet บ้าง</p><p>สร้างแอพใหม่ขึ้นมา ตั้งชื่อแอพเป็น leave approve V1 </p><p>สร้างจาก Database ที่มีอยู่แล้ว ไปลิงค์เอาตาราง ที่เราสร้างไว้บนไดร์ฟเข้ามา </p><p>ไปที่แท็บตาราง data กำหนดชนิดของข้อมูล </p><p>ชนิดของข้อมูล วันที่ลา ,ลาถึงวันที่ และวันที่อนุมัติ เป็น Date</p><p>ที่เหลือเป็น text</p><p>เว้น การอนุมัติ เป็น Enum ใส่ตัวเลือกเป็น อนุมัติ ไม่อนุมัติ รอตรวจสอบ </p><p><br /></p><p>------------------------------------</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCofkZlPJANuSDdUUN5Gxpg32YXoJj_XNe-fb5AZ6wDs8xo-_d5rejKCKD2pLpID_ePDajsCUQiKQWYNo1wA7ItnFci0abGRN6cn_5iV02CuuUAMesRyKkIcTDTlh9lp0fUifLLgQYX6hjL71DP0iI1RztQu61ws27nL9VZjPpdzxLrlZ8wBCWsnlT-Y/s1173/leave%20f.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="609" data-original-width="1173" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCofkZlPJANuSDdUUN5Gxpg32YXoJj_XNe-fb5AZ6wDs8xo-_d5rejKCKD2pLpID_ePDajsCUQiKQWYNo1wA7ItnFci0abGRN6cn_5iV02CuuUAMesRyKkIcTDTlh9lp0fUifLLgQYX6hjL71DP0iI1RztQu61ws27nL9VZjPpdzxLrlZ8wBCWsnlT-Y/w400-h208/leave%20f.PNG" width="400" /></a></div><br /><p><br /></p><p>ขั้นการใช้งาน bot เพื่อสร้างคำสั่งส่งอีเมล์ไปให้ผู้ลงนามอนุมัติ โดยอัตโนมัติ</p><p>คลิกที่ new bot ตั้งชื่อเป็น when recode create send email</p><p>เพิ่มขั้นตอนหรือ step เป็น send email </p><p>กำหนดค่า setting ดังนี้</p><p>send an email</p><p>email type :embedded app view</p><p>to : Useremail()</p><p>app view: กำหนดเป็น Form view </p><p>-----------------------------</p><p>คลิก save ลองดูแล้วเราก็จะได้ ผลการทำงานที่ต้องการ โดยลองบันทึกข้อมูลในแอพ แล้ว save</p><p>จากนั้น ไปที่ email ของเรา เปิดเมลดู จะพบข้อมูล</p><p><br /></p><p><br /></p>
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/FvN1NtO96js?si=F798zsZy1p7mlDCY" title="YouTube video player" width="560"></iframe><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-75897599116166962542024-02-16T22:13:00.006+07:002024-02-17T16:09:56.106+07:00แนะนำการเลือกซื้อโน้ตบุ้ก 2024 <p> ปัจจุบันราคาโน้ตบุ้กดีๆ มีราคาที่เรียกว่าจับต้องกันได้มากขึ้น มีหลายแบนรด์ หลายรุ่นและหลายสเปก ตั้งแต่ผู้ใช้งานทั่วไป นักเรียน นักศึกษา จนถึงมืออาชีพที่ใช้งานตัดต่อ หรือเล่นเกมส์ </p><p>ในวันนี้ ผมจะขอแนะนำ Note book สำหรับใช้งานทั่วไปในราคาไม่เกิน 35,000 บาทกัน นั้นก็คือ </p>Dell Latitude 3340<div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;">8 GB | 256 GB | Intel® Core™ i5-1335U | Intel® Iris® Xe Graphics</span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;"><br /></span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;">หน่วยความจำที่ 8 GB </span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;">พื้นที่เก็บข้อมูล Hard Drive เป็นแบบ SSD : ความจุมากถึง 256 GB </span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;">หน่วยประมวลผล : Intel Core i5 </span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;">การ์ดจอ : Xe Graphic </span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;"><br /></span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;">ราคาประมาณ :$879</span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;">คิดเป็นเงินไทยประมาณ 31,644 บาท</span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh08Pysdo60Qx6yQsSYE71-P04SmrBJmwycQxagNpgW4K9rPpGeUVPbvH98J2q-8QLZV5Cp80c00fu1riO0AiWZ67ZCy2YTgB8-QOU2VUcMG-DCzAhpYFKA4OnPOZnpC4HeGzHyRFCobHOInIpd4jZrqBm0RRq8T-rfu_HnetywZ3IIz6uZHIlY9KWmT6k/s725/dell%20334.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="589" data-original-width="725" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh08Pysdo60Qx6yQsSYE71-P04SmrBJmwycQxagNpgW4K9rPpGeUVPbvH98J2q-8QLZV5Cp80c00fu1riO0AiWZ67ZCy2YTgB8-QOU2VUcMG-DCzAhpYFKA4OnPOZnpC4HeGzHyRFCobHOInIpd4jZrqBm0RRq8T-rfu_HnetywZ3IIz6uZHIlY9KWmT6k/s320/dell%20334.PNG" width="320" /></a></div><br /><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;"><br /></span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;"><br /></span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;">โดยที่ข้อดีของ Dell รุ่นนี้คือ เราจะได้โปรแกรม Windows 11 ไลเซ้นต์ มาพร้อมเครื่อง ซึ่งจะเป็นระบบ OS ล่าสุดจากค่ายไมโครซอร์ฟนั้นเอง </span></div><div><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;"><br /></span></div><div><span face="Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="background-color: white; font-size: 15px;">ข้อดีคือเราไม่จำเป็นต้องมองหาโปรแกรมป้องกันไวรัส เพราะในวินโดว์ 11 จะมาพร้อมโปรแกรมรักษาความปลอดภัยอย่าง Defender ในตัวอยู่แล้ว </span></span></div><div><span face="Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="background-color: white; font-size: 15px;"><br /></span></span></div><div><span face="Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="background-color: white; font-size: 15px;">แต่เราอาจจะต้องจ่ายเพิ่มในส่วนของโปรแกรมสำนักงาน Ms Office จะเป็นรายเดือน หรือรายปี หรือจะซื้อขาด ก็แล้วแต่งบประมาณ และความสะดวกของแต่ละคน </span></span></div><div><span face="Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="background-color: white; font-size: 15px;">สำหรับสเปคนี้ เป็นเกรดระดับกลางค่อนไปทางสูง รองรับการใช้งานด้านธุรกิจ หรือคนทำงานทั่วไป ที่ต้องการประสิทธิภาพ และความมั่นใจในการใช้งาน และการรักษาความปลอดภัย สบายใจหายกังวล ทั้งเรื่องของ เครื่องค้าง หรือถูกรบกวนโดยมัลแวร์ ต่างๆ </span></span></div><div><span face="Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="background-color: white; font-size: 15px;"><br /></span></span></div><div><span face="Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="background-color: white; font-size: 15px;">กล้องมีคุณภาพรองรับการใช้งาน วีดีโอคอล งานประชุมสัมมนา ที่สะดวก คมชัด พร้อมระบบเสียงที่ชาญฉลาด ตัดเสียงรบกวนอัตโนมัติ</span></span></div><div><span face="Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="background-color: white; font-size: 15px;"><br /></span></span></div><div><span face="Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="background-color: white; font-size: 15px;">มาพร้อมกล้องระบบ อินฟาเรดในตัว </span></span><span face="Roboto, "Cordia New", "Microsoft Sans Serif", Utsaah, "Devanagari MT", "Nirmala UI", Latha, InaiMathi, Gautami, "Telugu Sangam MN", Tunga, "Kannada Sangam MN", Kartika, "Malayalam Sangam MN", Shruti, "Gujarati MT", "Gujarati Sangam MN", Vrinda, "Bangla Sangam MN", "Meiryo UI", メイリオ, "MS UI Gothic Reg", "Hiragino Kaku Gothic Reg", "ヒラギノ角ゴ Pro W3 Reg", "Microsoft YaHei", 微软雅黑, "Hiragino Sans GB", "Microsoft JhengHei", 微軟正黑體, "Malgun Gothic", "맑은 고딕", Gulim, AppleGothic, "Apple LiGothic", "LiHei Pro", Osaka, STHeiti, 华文黑体, STXihei, 华文细黑, SimHei, 黑体, "Arial Unicode MS", Arial, sans-serif" style="background-color: #eeeeee; color: #444444; font-size: 16px;">FHD-IR camera</span><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;"> ที่จะช่วยให้สแกนใบหน้าผู้ใช้งาน ในการเข้าใช้งานเครื่องได้ด้วย </span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddBosiTkAD6H23pilKeOmaQ4sA4mqekhL7ThZ383tVQYv4K34z9wgN0s0kTHOnaukvoe_2J-rxbvbjX3_yqCOk6850luL944RNMKq-UADkKRqkvSIU32vRtMu5VX1NTzPrsWfdtcU-EddaXX7fEiACtM3vSS60MtKVE41o7EkLr6XHBDAsc9XuP_jU1A/s755/dell%2033.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="497" data-original-width="755" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddBosiTkAD6H23pilKeOmaQ4sA4mqekhL7ThZ383tVQYv4K34z9wgN0s0kTHOnaukvoe_2J-rxbvbjX3_yqCOk6850luL944RNMKq-UADkKRqkvSIU32vRtMu5VX1NTzPrsWfdtcU-EddaXX7fEiACtM3vSS60MtKVE41o7EkLr6XHBDAsc9XuP_jU1A/w400-h264/dell%2033.PNG" width="400" /></a></div><br /><span face=""Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif" style="background-color: white; font-size: 15px;"><br /></span></div><div><span face="Segoe UI, SegoeUI, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="background-color: white; font-size: 15px;"><br /></span></span></div><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-11357184571988870502023-11-17T13:32:00.003+07:002023-11-17T13:32:24.235+07:00เขียนอิมเมจไฟล์ด้วย PowerISO<p> แนะนำโปรแกรม PowerISO เป็นแชร์แวร์สำหรับการเขียนแผ่น CD/DVD และแผ่นข้อมูลชนิด Blu-ray Disk ที่มีประสิทธิภาพ และง่ายต่อการติดตั้งใช้งาน </p><p>สำหรับ User ที่สนใจและมองหาโปรแกรมในการทำงานดังกล่าว สามารถโหลดมาติดตั้งและทดสอบการใช้งานได้ก่อนเป็นเวลา 14 วัน </p><p>จะงานชั่วคราว หรืองานถาวร แอดเชื่อว่า PowerISO จะตอบโจทย์ของผู้ใช้งานที่กำลังมองหาโปรแกรมแนวนี้อยู่แน่ๆ </p><p>รองรับ Windows 10,11</p><p>จุดเด่น : การเขียน Image ไฟล์ที่ต้องใช้งาน เช่น Windows OS เป็นต้น </p><p>ขั้นตอนการใช้งาน </p><p>เปิดโปรแกรม </p><p>คลิกปุ่ม Add เข้าไปเลือกไฟล์ที่ต้องการเขียน </p><p>คลิก <span> Menu>Action > New Folder เพื่อสร้างโฟลเดอร์ </span></p><p>คลิก Menu>Action > Change Label เปลี่ยนป้ายกำกับ</p><p>คลิก Menu>File > Properties คุณสมบัติของไฟล์</p><p>กำหนดค่าต่างๆ ครบแล้วคลิกปุ่ม Save </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjurSdkn_djcxSYZHC2QVLa2R1qfJjdbnAAyfv22SdhyphenhyphenYOs8zsiHcEOy-XXLcYMpz5-bMWPR_mAx0LgG_MWQTwyfooo0bEn3ps2Pwpd9gfeTDCp8Tx0rCDP5CXJrm6JlJQP9v5FXJGYt8tOqFcicOxDK9r3ulGn-JEnptDlhnn50WfAF6Qz9V7Wp4iGY9E/s635/iso-creator-main.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="409" data-original-width="635" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjurSdkn_djcxSYZHC2QVLa2R1qfJjdbnAAyfv22SdhyphenhyphenYOs8zsiHcEOy-XXLcYMpz5-bMWPR_mAx0LgG_MWQTwyfooo0bEn3ps2Pwpd9gfeTDCp8Tx0rCDP5CXJrm6JlJQP9v5FXJGYt8tOqFcicOxDK9r3ulGn-JEnptDlhnn50WfAF6Qz9V7Wp4iGY9E/w400-h258/iso-creator-main.gif" width="400" /></a></div><br /><p><br /></p><p>How to run PowerISO</p><ul style="background-color: white;"><li><p align="left" style="font-family: Arial; font-size: 9pt;">Run PowerISO.</p></li><li><p align="left" style="font-family: Arial; font-size: 9pt;">Click the "Add" button on toolbar to add files and folders. You can also directly drag files and folders from Windows Explorer to PowerISO window. </p></li></ul><blockquote style="background-color: white;"><p align="left" style="font-family: Arial; font-size: 9pt;">Another method to add files is using the system clipboard. You can select files and folders in Windows Explorer, hit "CTRL-C" to copy them to clipboard, then go to PowerISO window, and hit "CTRL-V" to paste selected files and folders to current compilation. </p></blockquote><ul style="background-color: white;"><li><p align="left" style="font-family: Arial; font-size: 9pt;">Choose the menu "Action > New Folder" to create a new folder.</p></li><li><p align="left" style="font-family: Arial; font-size: 9pt;">Choose the menu "Action > Change Label" to change the default label.</p></li><center><li><p align="left" style="font-family: Arial; font-size: 9pt;">Choose the menu "File > Properties" to set the iso file properties.</p></li><li><p align="left" style="font-family: Arial; font-size: 9pt;">After you have added all files and folders and made all necessary changes, click the "Save" button on toolbar, or choose the "File > Save" menu to save the <b style="font-size: 9pt;">iso file</b>.</p></li></center></ul><p> ดาวโหลด <a href="https://www.poweriso.com/download.htm" target="_blank">PowerISO</a></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-7217803783192975072023-11-05T23:05:00.022+07:002023-11-19T09:30:04.362+07:00รีวิวการสร้างแอพขายกาแฟ Coffee Pos 2023 V1<p> บทความนี้เราจะมาฝึกสร้างแอพขายกาแฟด้วยตัวเอง โดยใช้ฐานข้อมูล Google Drive กับ Appsheet กัน </p><p>ขั้นตอนแรกสุดให้เราไปที่กูเกิลไดร์ฟ ส่วนตัวของเรา สร้างโฟลเดอร์ขึ้นมา Coffee Pos V7</p><p>คลิกเข้าไปข้างในโฟลเดอร์ แล้วคลิก Create เพื่อสร้างไฟล์ตารางฐานข้อมูล กำหนดชื่อไฟล์ Google Drive เป็น Coffee Pos V7</p><p>สร้างตารางแรกชื่อว่า products</p><p>จำนวน 2 คอลัมน์คือ </p><p>ID</p><p>Product name</p><p>สร้างตารางขึ้นมากำหนดชื่อเป็น items</p><p>จำนวน 7 คอลัมน์<br /></p><p>ID</p><p>Category</p><p>Name</p><p>Sub category</p><p>Unit price</p><p>Photo</p><p>Qty</p><p>จากนั้นไปที่ appsheet.com</p><p>คลิก New App </p><p>เลือกสร้างแอพ จากฐานข้อมูล Google sheet </p><p>ตั้งชื่อแอพเป็น Coffee Pos V7 </p><p>แท็บ data คลิกตาราง Products กำหนด ชนิดของข้อมูลที่เหมาะสม และสอดคล้องกับความต้องการใช้งาน </p><p>ID เป็น Text และ ค่าเริ่มต้นเป็น UNIQUEID() และเป็น Key หลักของตารางด้วย</p><p>Product name เป็น Text และกำหนดแสดงป้ายข้อมูล Label</p><p><br /></p><p>ตาราง items</p><p>คอลัมน์ Category กำหนดเป็น Enum และเพิ่มตัวเลือกเป็น กาแฟ ชา นม โซดา</p><p>คอลัมน์ Sub category เป็น Enume ตัวเลือก ร้อน เย็น ปั่น</p><p>คอลัมน์ Name เป็น Ref และระบุตารางเป็น Products</p><p>คอลัมน์ Qty ในช่อง show ใส่สูตร </p><p>Context("Viewtype")<>"Form"</p><p><br /></p><p><br /></p><p><br /></p><p><br /></p><p>มาที่ UX มุมมอง Product เป็นแบบ Desk หรือ Table แต่ตำแหน่ง Position เป็น Menu </p><p>ให้บันทึกข้อมูล กาแฟที่มีขายในตลาดลงไป สัก 2 ถึง 3 รายการ </p><p>เช่น ลาเต้ คาปูชิโน่ เอสเพราโซ่ </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHp-fk-Px8FRmI-ha97NOAaDxntnZfC7znropICLdxSgRB_aaRGB3yyz1099uZAhPgB0LjOgchT27qkcjbkDi0JKgKhIG12jMOHlJ8V9B4KlzsjzfaPhxnLNOooAViIJgdAm1Nhg8m1R5qOpTl_qofogXH6sumx7j9nCCKXaEXVLXfiDACyfgILk3UgrU/s966/app%20cop.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="966" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHp-fk-Px8FRmI-ha97NOAaDxntnZfC7znropICLdxSgRB_aaRGB3yyz1099uZAhPgB0LjOgchT27qkcjbkDi0JKgKhIG12jMOHlJ8V9B4KlzsjzfaPhxnLNOooAViIJgdAm1Nhg8m1R5qOpTl_qofogXH6sumx7j9nCCKXaEXVLXfiDACyfgILk3UgrU/w400-h299/app%20cop.PNG" width="400" /></a></div><br /><p><br /></p><p>สำหรับวิว items</p><p>ให้เรา กำหนดเป็น Desk และตำแหน่งเป็น Ref</p><p>ปิด Action bar ด้วย</p><p>จากนั้นเพิ่มสินค้าเข้ามาในระบบ 2 -3 รายการ พร้อมรูปภาพ </p><p>จบ EP1 ---------</p><p>เริ่ม EP2 ------เราจะสร้างตารางเพิ่มอีก 2 ตาราง คือ Sales และ Invoice </p><p>ตารางแรก Sales มีคอลัมน์ </p><p>ID </p><p>status</p><p>Date time</p><p>Item ID</p><p>Item Name</p><p>Unit price</p><p>Qty</p><p>Subtotal</p><p>Invoice no</p><p><br /></p><p><google-sheets-html-origin></google-sheets-html-origin></p>สูตรที่ต้องใช้งาน <div>คอมลันน์ Unit price<br /><div>lookup([_thisrow].[Item id],"Items","Item ID","Unit Price")</div><div><br /></div><div>คอลัมน์ Subtotal</div><div>[unit price]*[QTY]</div><div><br /></div><div>ค่าเริ่มต้น</div><div>คอลัมน์ invoice no ใส่</div><div>MAX(Invoice[Invoice])+1</div></div><div><br /></div><div>คอลัมน์ Item name เป็น Ref แหล่งตารางเป็น Products</div><div><br /></div><div><br /></div><div>ตาราง Invoice</div><div>มีจำนวน 1 คอลัมน์ คือ Invoice </div><div>ใส่ค่าแรกลงไปด้วยกำหนดเป็น 20230000</div><div><br /></div><div>การสร้างตัวกรองข้อมูล slice จากตาราง Sales </div><div>ตั้งชื่อตัวกรองเป็น Cart </div><div>กำหนดเงื่อนไขเป็น </div><div>isblank([status])</div><div><br /></div><div>ติ้กไม่อนุญาติการเพิ่ม Add ข้อมูล</div><div><br /></div><div>การสร้างวิวมุมมอง 2 วิวด้วยกันคือ </div><div>Cart เป็นชนิดตาราง แหล่งตารางคือ Cart ตำแหน่งเป็น Ref</div><div>จัดกลุ่มโดย Date time</div><div>Group aggerate เป็น SUM: Subtotal</div><div><br /></div><div>เรียงคอลัมน์ Item name, Unit price, Qty, Subtotal</div><div><br /></div><div> ต่อไปสร้างมุมมองขึ้นมาคือ POS โดยกำหนดเป็น Dashboard </div><div>เพิ่ม entries เข้ามาแสดงจำนวน 2 วิวด้วยกันคือ </div><div>Items และ </div><div>Cart</div><div><br /></div><div>--------- EP3-------------</div><div>จะเป็นการใช้คำสั่ง Action เพื่อควบคุมการทำงานของแอพพลิเคชั่นให้ทำงาน ตามที่เราต้องการ </div><div>คลิกแท็บ Action ไปตาราง Items คลิก + </div><div>กำหนดชื่อเป็น Add to cart</div><div>Do this : add a new row to another table...</div><div><br /></div><div>Table to add to: Sales</div><div><br /></div><div>Set these columns:</div><div>Item id = [Item ID]</div><div><div>Item name = [name]</div></div><div><div>Qty = [Qty]</div><div>ติ้ก Do not display </div></div><div>-----------------------------</div><div><br /></div><div>สร้าง action สองคือ Input Qty</div><div><br /></div><div>Do this: Set the value of some column in this row</div><div><br /></div><div>Set these columns: Qty = input(qty,"")</div><div><br /></div><div>ติ้ก Do not display </div><div>---------------------</div><div><br /></div><div><div>สร้าง action สามคือ Set qty to zero</div><div><br /></div><div>Do this: Set the value of some column in this row</div><div><br /></div><div>Set these columns: Qty = " "</div><div><br /></div><div>ติ้ก Do not display </div></div><div><br /></div><div>-----------------------------------------</div><div>จัดเรียงลำดับการทำงานของแอกชั่น โดยสร้าง Group action</div><div>กำหนดชื่อเป็น Item group action</div><div><br /></div><div>Do this: Grouped execute a sequence of actions</div><div><br /></div><div>เรียงแอคชั่น ตามลำ</div><div>Input Qty</div><div>add to cart</div><div>set qty to zero</div><div>ติ้ก Do not display </div><div>-----------------------------------</div><div><br /></div><div>กลับไปที่แท็บ UX </div><div>มุมมอง POS คลิก behavior </div><div>ตรง Event Actions เลือก Item group action</div><div>คลิก Save</div><div><br /></div><div>----------------- จบ EP3----------------------</div><div><br /></div><div> _______ EP4___________</div><div>ขั้นแรกไปที่แท็บ UX แล้วคลิกวิวหรือมุมมอง Item </div><div>ไปที่ คำสั่ง behavior แล้วกำหนดค่าของ Event action เป็น item group action </div><div>คลิก Save </div><div>สร้างตารางเก็บข้อมูลชำระเงินค่าสินค้า คือ payment จำนวน 10 คอลัมน์ดังนี้</div><div>ID</div><div>Date</div><div>Time</div><div>Payment type</div><div>Amount paid</div><div>Invoice no</div><div>Total sale</div><div>Change</div><div>Cashier ID</div><div>Customer</div><div><br /></div><div>นำเข้าตารางในแอพให้เรียบร้อยแล้วคลิก แท็บ data และตาราง payment เพื่อกำหนดค่าแต่ละคอลัมน์</div><div>ดังนี้</div><div>ค่า key หลักตารางคือคอลัมน์ Invoice no</div><div><br /></div><div>คอลัมน์ payment type เป็น Enum ใส่ค่า เงินสด และ ลงบิล</div><div><br /></div><div><br /></div><div>isblank([_THIS]) ในเงื่อนไข show ของคอลัมน์ Date และ Time</div><div><br /></div><div>คอลัมน์ Total sale ใส่สูตร Sum(Select(Sales[Subtotal],[Invoice no]=[_THISROW].[invoice no]))</div><div><br /></div><div>คอลัมน์เงินทอน Change ใส่สูตร [amount paid]-[total sale]</div><div>และเงื่อนไข show ใส่ [amount paid]>=[total sale]</div><div><br /></div><div><br /></div><div>คอลัมน์ invoice no ใส่ค่าเริ่มต้น Max(Invoice[Invoice])+1</div><div><br /></div><div>ดูเพิ่มคอลัมน์เสมือน ขึ้นมาเองจากระบบคือ related sale</div><div><br /></div><div>สร้างเอง 1 คอลัมน์ ชื่อ File และใส่สูตร Concatenate([invoice no],".pdf")</div><div><br /></div><div>จากนั้นไปที่แท็บ UX</div><div>สร้างมุมมองชนิด เมนูขึ้นมาชื่อ payment</div><div>จัดกลุ่ม by Date</div><div><br /></div><div>Group aggerate : Sum total sale</div><div>เรียงคอลัมน์ Order </div><div>Date</div><div>Time</div><div>Invoice no</div><div>Payment type</div><div>Total sale</div><div>Amount paid</div><div><br /></div><div>จบขั้นตอนของ EP4 ----------</div><div><br /></div><div>-----------ตอนที่ EP5 --------------- สร้างไอค่อนจ่ายเงินค่าสินค้า</div><div><br /></div><div><br /></div><div>มาที่แท็บ Action </div><div>คลิก + ตาราง sale เพื่อสร้าง action ขึ้นมาสำหรับการคัดลอกหมายเลขบิลขายจากตาราง sale ไปเขียนลงยังตาราง invoice </div><div>ชื่อของ Action = copy invoice no</div><div>ตาราง : sale</div><div>Do this : add a new row to another table</div><div>Table to add to: invoice</div><div>set these column : invoice = [invoice no]</div><div>prominence = do not display</div><div><br /></div><div>คลิก UX แล้วคลิกวิว payment Form คลิก behavior แล้วคัดลอก <span style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 13px;">LINKTOVIEW("Payment_Form")</span></div><div>กลับไปที่ แท็บ Action </div><div>ตาราง sale คลิก + </div><div>กำหนดชื่อเป็น payment form</div><div>table : sale</div><div>Do this : Go to another view </div><div>Target: = <span style="background-color: white; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 13px;">LINKTOVIEW("Payment_Form")</span></div><div>prominence= Display as primary</div><div><br /></div><div>เลื่อนลงไปที่ คำสั่ง behavior กำหนดค่าไอค่อนตะกร้าสินค้าแสดงเฉพาะมีรายการขายเท่านั้น ใช้สูตร </div><div>isnotblank(Select(Cart[Subtotal],True))</div><div>คลิก need confirm information </div><div>ข้อความเป็น ยืนยันชำระค่าสินค้า?</div><div><br /></div><div>ตรวจสอบความสัมพันธ์ระหว่างตารางแม่และลูก</div><div>ไปที่แท็บดาต้า ตาราง sale </div><div>คอลัมน์ invoice no เป็น ref และระบุแหล่ง source table เป็น payment </div><div>อย่าลืมติ้ก is a part of </div><div><br /></div><div>---------- จบ EP5 --------------------------------</div><div><br /></div><div><br /></div><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-16623132891379080082023-10-15T17:17:00.004+07:002023-10-15T17:17:42.339+07:00ระบบแอพงานคลังวัสดุโรงเรียน<p> ระบบแอพชีพและกูเกิลชีท สำหรับงานบริหารคลังวัสดุสำนักงาน หรือโรงเรียน </p><p>สร้างฐานข้อมูลบนกูเกิลไดร์ฟ กำหนดโพลเดอรชื่อ school inventory</p><p>สร้างตารางฐานข้อมูลจำนวน 5 ตารางคือ </p><p></p><ol style="text-align: left;"><li>inventory </li><li>stock in</li><li>stock out</li><li>stock in form</li><li>stock out form</li></ol><p></p><p>ขั้นต่อมาไปที่ appsheet สร้าง new app นำเข้าตารางข้อมูลเข้ามาทั้งหมด </p><h3 style="text-align: left;">การจัดการตารางคลังวัสดุ inventory</h3><p>กำหนดค่าคีย์หลักเป็น item code </p><p>กำหนดค่าลาเบลเป็น item name</p><p>เพิ่มคอลัมน์เสมือน 1 คอลัมน์ตั้งชื่อเป็น current stock และใส่สูตรลงไป</p><p>SUM(</p><p>SELECT(</p><p>Stock in[QTY],</p><p>[item code] = [_THISROW].[item code]</p><p>)) - </p><p>SUM(</p><p>SELECT(</p><p>Stock out[QTY],</p><p>[item code] = [_THISROW].[item code]</p><p>)) + </p><p>[Available stock]</p><p>ขั้นต่อมาไปที่แท็บ UX กำหนดค่าหน้าจอการทำงานของมุมมอง inventory เป็นแบบ Desk และเพิ่มข้อมูลเข้ามาในระบบเพื่อเป็นกรณีตัวอย่าง 2-3 รายการ</p><p><br /></p><p>ขั้นตอนต่อมา แท็บ Data </p><h3 style="text-align: left;">กำหนดค่าตาราง stock in ดังนี้</h3><p>key หลักเป็น ID และลาเบลเป็น item name</p><p>คอลัมน์ date และ time ใส่สูตรเป็น today() และ timenow()</p><p>คอลัมน์ item code ในช่อง valid if ใส่สูตร select(inventory[item code],true)</p><p>คอลัมน์ item name ช่อง formula ใส่สูตร Any(select(inventory[item name],[_THISROW].[item code]=[item code]))</p><p> คอลัมน์ unit price ช่อง formula ใส่สูตร Any(select(inventory[unit price],[_THISROW].[item code]=[item code]))</p><p><br /></p><p>คอลัมน์ amount ใส่สูตร [unit price]*[QTY]</p><p>คลิกปุ่ม + เพิ่มคอลัมน์จำลอง กำหนดชื่อเป็น Available stock และใส่สูตร Any(Select(inventory[Available stock],[_THISROW].[item code]=[item code]))</p><p><br /></p><p>คลิกปุ่ม + เพิ่มคอลัมน์จำลอง กำหนดชื่อเป็น New available stock และใส่สูตร [Available Stock]-[QTY]</p><p><br /></p><p><br /></p><p>------</p><h3 style="text-align: left;">กำหนดค่าตาราง stock in form ดังนี้</h3><p>คีย์หลัก Receipt no และลาเบลเป็น Person name</p><p>คอลัมน์ date และ time ใส่สูตรเป็น today() และ timenow()</p><p>คอลัมน์ Receipt no เข้าไปที่ค่าเริ่มต้น initial value ใส่สูตร randbetween(10000,100000)</p><p><br /></p><p>คลิกปุ่ม + เพิ่มคอลัมน์จำลอง กำหนดชื่อเป็น stock in และใส่สูตร ref_rows("Stock in","Receipt No")</p><p><br /></p><p> คลิกปุ่ม + เพิ่มคอลัมน์จำลอง กำหนดชื่อเป็น Total amount และใส่สูตร Sum(Select(Stock in[Amount],[_THISROW].[Receipt No]=[Receipt No]))</p><p><br /></p><p>----</p><p><br /></p><h3 style="text-align: left;">กำหนดค่าตาราง stock out (คล้ายกับตาราง stock in เลย)</h3><p><br /></p><p>key หลักเป็น ID และลาเบลเป็น item name</p><p>คอลัมน์ date และ time ใส่สูตรเป็น today() และ timenow()</p><p>คอลัมน์ item code ในช่อง valid if ใส่สูตร select(inventory[item code],true)</p><p>คอลัมน์ item name ช่อง formula ใส่สูตร Any(select(inventory[item name],[_THISROW].[item code]=[item code]))</p><p> คอลัมน์ unit price ช่อง formula ใส่สูตร Any(select(inventory[unit price],[_THISROW].[item code]=[item code]))</p><p><br /></p><p>คอลัมน์ amount ใส่สูตร [unit price]*[QTY]</p><p>คลิกปุ่ม + เพิ่มคอลัมน์จำลอง กำหนดชื่อเป็น Available stock และใส่สูตร Any(Select(inventory[Available stock],[_THISROW].[item code]=[item code]))</p><p><br /></p><p>คลิกปุ่ม + เพิ่มคอลัมน์จำลอง กำหนดชื่อเป็น New available stock และใส่สูตร [Available Stock]-[QTY]</p><p>----------</p><h3>กำหนดค่าตาราง stock out form ดังนี้</h3><p>คีย์หลัก Receipt no และลาเบลเป็น Person name</p><p>คอลัมน์ date และ time ใส่สูตรเป็น today() และ timenow()</p><p>คอลัมน์ Receipt no เข้าไปที่ค่าเริ่มต้น initial value ใส่สูตร randbetween(10000,100000)</p><p><br /></p><p>คลิกปุ่ม + เพิ่มคอลัมน์จำลอง กำหนดชื่อเป็น stock out และใส่สูตร ref_rows("Stock out","Receipt No")</p><p><br /></p><p> คลิกปุ่ม + เพิ่มคอลัมน์จำลอง กำหนดชื่อเป็น Total amount และใส่สูตร Sum(Select(Stock out[Amount],[_THISROW].[Receipt No]=[Receipt No]))</p><p><br /></p><p>จบขั้นตอนการกำหนดค่าของตาราง ต่อไปจะมาพูดถึงการกำหนดค่าส่วนติดต่อผู้ใช้งานหรือ UX กัน</p><p>จะแยกเป็น 2 ส่วนคือ มุมมองหลัก จำนวน 3 วิวคือ inventory , new stock in , new stock out</p><h3 style="text-align: left;">มุมมอง new stock in </h3><p>ชนิดของมุมมองเป็นแบบฟอร์ม Form กำหนดค่าต่างๆ ดังนี้ </p><p>For this data เลือกตารางชื่อ stock in Form</p><p>คอลัมน์ order เรียงดังนี้ date ,time,receipt no, person name ,person phone</p><p>และ finish view เป็น stock in form detail </p><p><br /></p><p>---</p><h3>มุมมอง new stock out</h3><p>ชนิดของมุมมองเป็นแบบฟอร์ม Form กำหนดค่าต่างๆ ดังนี้ </p><p>For this data เลือกตารางชื่อ stock out Form</p><p>คอลัมน์ order เรียงดังนี้ date ,time,receipt no, person name ,person phone</p><p>และ finish view เป็น stock out form detail </p><p>--------</p><p>การสร้างมุมมองเสริมการทำงานของแอพ จำนวน 6 วิวด้วยกันในกลุ่มของ เมนูวิว </p><h3 style="text-align: left;">มุมมอง stock in</h3><p>For this data เป็น stock in</p><p>view type เป็น tabel</p><p>Position เป็น menu</p><p>จัดเรียงข้อมูล sort by date</p><p>Group aggerate เป็น Sum ::Amount </p><p>จัดเรียงคอลัมน์ Column order </p><p><google-sheets-html-origin></google-sheets-html-origin></p><table border="1" cellpadding="0" cellspacing="0" dir="ltr" style="border-collapse: collapse; border: none; font-family: Arial; font-size: 10pt; table-layout: fixed; width: 0px;" xmlns="http://www.w3.org/1999/xhtml"><colgroup><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col></colgroup><tbody><tr style="height: 21px;"><td data-sheets-value="{"1":2,"2":"ID"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">ID</td><td data-sheets-value="{"1":2,"2":"Receipt No"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Receipt No</td><td data-sheets-value="{"1":2,"2":"date"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">date</td><td data-sheets-value="{"1":2,"2":"time"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">time</td><td data-sheets-value="{"1":2,"2":"item code"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">item code</td><td data-sheets-value="{"1":2,"2":"item name"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">item name</td><td data-sheets-value="{"1":2,"2":"unit price"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">unit price</td><td data-sheets-value="{"1":2,"2":"QTY"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">QTY</td><td data-sheets-value="{"1":2,"2":"Amount"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Amount</td></tr></tbody></table><p>------</p><h3>มุมมอง stock out</h3><p>For this data เป็น stock out</p><p>view type เป็น tabel</p><p>Position เป็น menu</p><p>จัดเรียงข้อมูล sort by date</p><p>Group aggerate เป็น Sum ::Amount </p><p>จัดเรียงคอลัมน์ Column order </p><p><google-sheets-html-origin></google-sheets-html-origin></p><table border="1" cellpadding="0" cellspacing="0" dir="ltr" style="border-collapse: collapse; border: none; font-family: Arial; font-size: 10pt; table-layout: fixed; width: 0px;" xmlns="http://www.w3.org/1999/xhtml"><colgroup><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col></colgroup><tbody><tr style="height: 21px;"><td data-sheets-value="{"1":2,"2":"ID"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">ID</td><td data-sheets-value="{"1":2,"2":"Receipt No"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Receipt No</td><td data-sheets-value="{"1":2,"2":"date"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">date</td><td data-sheets-value="{"1":2,"2":"time"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">time</td><td data-sheets-value="{"1":2,"2":"item code"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">item code</td><td data-sheets-value="{"1":2,"2":"item name"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">item name</td><td data-sheets-value="{"1":2,"2":"unit price"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">unit price</td><td data-sheets-value="{"1":2,"2":"QTY"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">QTY</td><td data-sheets-value="{"1":2,"2":"Amount"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Amount</td></tr></tbody></table><p>------</p><h3 style="text-align: left;">มุมมอง stock in Form</h3><p>For this data เป็น stock in form</p><p>view type เป็น Form</p><p>Position เป็น menu</p><p>------</p><h3>มุมมอง stock out Form</h3><p>For this data เป็น stock out form</p><p>view type เป็น Form</p><p>Position เป็น menu</p><p>--------</p><h3 style="text-align: left;">มุมมอง stock in history </h3><p>For this data เป็น stock in form</p><p>view type เป็น table</p><p>Position เป็น menu</p><p>เรียงคอลัมน์ เป็น </p><p><google-sheets-html-origin></google-sheets-html-origin></p><table border="1" cellpadding="0" cellspacing="0" dir="ltr" style="border-collapse: collapse; border: none; font-family: Arial; font-size: 10pt; table-layout: fixed; width: 0px;" xmlns="http://www.w3.org/1999/xhtml"><colgroup><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col></colgroup><tbody><tr style="height: 21px;"><td data-sheets-value="{"1":2,"2":"Date"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Date</td><td data-sheets-value="{"1":2,"2":"Time"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Time</td><td data-sheets-value="{"1":2,"2":"Receipt No"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Receipt No</td><td data-sheets-value="{"1":2,"2":"Person Name"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Person Name</td><td data-sheets-value="{"1":2,"2":"Person Phone"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Person Phone</td></tr></tbody></table>-------<div><h3>มุมมอง stock out history </h3><p>For this data เป็น stock out form</p><p>view type เป็น table</p><p>Position เป็น menu</p><p>เรียงคอลัมน์ เป็น </p><p><google-sheets-html-origin></google-sheets-html-origin></p><table border="1" cellpadding="0" cellspacing="0" dir="ltr" style="border-collapse: collapse; border: none; font-family: Arial; font-size: 10pt; table-layout: fixed; width: 0px;" xmlns="http://www.w3.org/1999/xhtml"><colgroup><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col></colgroup><tbody><tr style="height: 21px;"><td data-sheets-value="{"1":2,"2":"Date"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Date</td><td data-sheets-value="{"1":2,"2":"Time"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Time</td><td data-sheets-value="{"1":2,"2":"Receipt No"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Receipt No</td><td data-sheets-value="{"1":2,"2":"Person Name"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Person Name</td><td data-sheets-value="{"1":2,"2":"Person Phone"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Person Phone<br /><br /></td></tr></tbody></table><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQK7s4JSgXHLEU6iywvmo6VUyAskG0nFlYfUwYYCDENQs3X8VrWuo4NiwfMpfW2CM2k1zK3wUZ_XnWcJFZkCVKbWbsNZxw8SB-lqCzNTKS9o0y-nTYcaOKFOiQP9CK7dl1ziA6lgS-_PqRbAGRl0TBDj-kNHFrRPiv98FoCZvcSDsxV2OhkAQhc10Kh_4/s607/app%20invent.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="607" data-original-width="591" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQK7s4JSgXHLEU6iywvmo6VUyAskG0nFlYfUwYYCDENQs3X8VrWuo4NiwfMpfW2CM2k1zK3wUZ_XnWcJFZkCVKbWbsNZxw8SB-lqCzNTKS9o0y-nTYcaOKFOiQP9CK7dl1ziA6lgS-_PqRbAGRl0TBDj-kNHFrRPiv98FoCZvcSDsxV2OhkAQhc10Kh_4/s320/app%20invent.PNG" width="312" /></a></div><br /><div><br /></div><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-86807116945855229562023-09-04T19:54:00.003+07:002023-09-05T00:01:23.715+07:00สร้างแอพขายกาแฟด้วย Appsheet ตอนที่ 1 <h4 style="text-align: left;">EP1 บันทึกข้อมูลสินค้า </h4><br />Intro แสดงรูปแบบ พริวิวขั้นตอนการทำงานของแอพ แดงเมนูสินค้า การเลือกสินค้าและจำนวน การชำระค่าสินค้า การกรองข้อมูลรายการขาย และส่งออกในรูปแบบไฟล์ PDF <br /><br /> <br /><br /><h4 style="text-align: left;">ออกแบบตาราง ออกแบบ UX และบันทึกข้อมูลตัวอย่าง </h4><br />แนวคิดการ ควบคุมการนำเข้าข้อมูล หมวดหมู่สินค้า รายชื่อสินค้า ร้อน เย็น ปั่น <br /><br />UX เป็น Desk และปิดการแก้ไขข้อมูล edit del จัดกลุ่มตาม หมวดหมู่ การแสดงข้อมูล ภาพตัวอย่างสินค้า รายชื่อสินค้า ราคาสินค้า และ รูปแบบของการชงสินค้า <br /><br /> <br /><br />จบขั้นตอนว่า ถ้าแตะก็จะ เข้าไปในในรายละเอียดของแต่ละรายการสินค้า ซึ่งในการทำ แอพ POS จะต้องเปลี่ยนรูปแบบเป็น เรียกหน้า input จำนวนสินค้าลงไปแทน ตามต่อใน EP2<div><br /></div><div>ขั้นตอนแรก ไปที่ Google drive ของเรา แล้วสร้างโพลเดอร์ขึ้นมา กำหนดชื่ออะไรก็ได้ที่เกี่ยวข้องกับงานที่กำลังจะทำ ตัวอย่างผมกำหนดเป็น COFFEE POS V5</div><div>เข้าไปในโพลเดอร์ดังกล่าว แล้วสร้างตารางฐานข้อมูลด้วย Sheet ขึ้นมา ตั้งชื่อ sheet ว่า COFFEE POSV5 เช่นกัน </div><div>สร้างตารางขึ้นมาเก็บข้อมูลแสดงรายการเมนูของร้านกาแฟ ผมตั้งเป็น Menu และ มีจำนวนคอลัมน์ในการบันทึกรายการดังนี้ </div><div>ตาราง Menu</div><div><br /></div><div><google-sheets-html-origin><table border="1" cellpadding="0" cellspacing="0" dir="ltr" style="border-collapse: collapse; border: none; font-family: Arial; font-size: 10pt; table-layout: fixed; width: 0px;" xmlns="http://www.w3.org/1999/xhtml"><colgroup><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col><col width="100"></col></colgroup><tbody><tr style="height: 21px;"><td data-sheets-value="{"1":2,"2":"Menu ID"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Menu ID</td><td data-sheets-value="{"1":2,"2":"Category"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Category</td><td data-sheets-value="{"1":2,"2":"Name"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Name</td><td data-sheets-value="{"1":2,"2":"Unit Price"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Unit Price</td><td data-sheets-value="{"1":2,"2":"Photo"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Photo</td><td data-sheets-value="{"1":2,"2":"Qty"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Qty</td></tr></tbody></table><br /></google-sheets-html-origin></div>ในคอลัมน์ Qty จะปิดการองเห็น โดยไปที่ show แล้วใส่ Context("ViewType")<>"Form"<div><br /></div><div>ตารางสนับสนุนตั้งชื่อเป็น Products สำหรับเก็บข้อมูลสินค้า ในนี้คือ รายการกาแฟและชาต่างๆ </div><div><br /></div><div>ตาราง Products </div><div><google-sheets-html-origin><table border="1" cellpadding="0" cellspacing="0" dir="ltr" style="border-collapse: collapse; border: none; font-family: Arial; font-size: 10pt; table-layout: fixed; width: 0px;" xmlns="http://www.w3.org/1999/xhtml"><colgroup><col width="100"></col><col width="100"></col></colgroup><tbody><tr style="height: 21px;"><td data-sheets-value="{"1":2,"2":"Product ID"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Product ID</td><td data-sheets-value="{"1":2,"2":"Product Name"}" style="border: 1px solid rgb(204, 204, 204); overflow: hidden; padding: 2px 3px; vertical-align: bottom;">Product Name</td></tr></tbody></table><br /></google-sheets-html-origin></div><div><google-sheets-html-origin>ตัวอย่างการกำหนดชนิดข้อมูลของคอลัมน์ดูในคลิปบนช่องยูทูป </google-sheets-html-origin></div><div><google-sheets-html-origin><br /></google-sheets-html-origin></div><div><google-sheets-html-origin>การกำหนด มุมมอง View ในการติดต่อกับผู้ใช้งาน ดังนี้ </google-sheets-html-origin></div><div>ไปที่คำสั่ง UX แล้ววสร้างวิวแรกขึ้นมา คือ Menu </div><div>รูปแบบการแสดงเป็นแบบ Desk</div><div>กำหนดค่าตำแหน่งเป็น ref </div><div>กำหนดค่าแสดงข้อมูลอื่นๆ ตามเหมาะสม ดูในคลิปยูทูป และกำหนดค่า Action menu เป็น Disable</div><div>เพื่อ ไม่ให้แสดงปุ่ม edit และ del </div><div><br /></div><div>ไปที่ UX สร้างมุมมองที่สองขึ้นมา ตั้งชื่อเป็น POS </div><div>ชนิดมุมมองเป็น Dashboard</div><div>ตำแหน่งเป็น Center และ Entry เป็น วิวแรกที่สร้างขึ้นมาคือ menu นั้นเอง </div><div>อย่าลืมเปิดคำสั่ง show primary action ด้วย เพื่อจะสามารถเพิ่มรายการสินค้าเข้าในระบบได้ </div><div>ลองเพิ่มรายการสินค้ากาแฟเข้ามา สัก 2-3 รายการ เพื่อเป็นตัวอย่างประกอบการฝึก</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxU-Sw36_bygwHBneo75zUYipnhZY9BIZxTlTi8Y4C5vEcQe9ex40gLhFA8xVlz51vO87WY5I2Yi8OyMhgCxArwtnoZUNuY5QrISRs3DH7iTmtDAt2CUmVpbm-KdTzCYQs4zCFf0m1EhWEA6PPb7i2ttsjcfzaBf9CZXFsT4BqoBA_zrxYOUHicgZiN8E/s525/%E0%B9%80%E0%B8%A1%E0%B8%99%E0%B8%B9%E0%B9%82%E0%B8%9E%E0%B8%AA.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="525" data-original-width="479" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxU-Sw36_bygwHBneo75zUYipnhZY9BIZxTlTi8Y4C5vEcQe9ex40gLhFA8xVlz51vO87WY5I2Yi8OyMhgCxArwtnoZUNuY5QrISRs3DH7iTmtDAt2CUmVpbm-KdTzCYQs4zCFf0m1EhWEA6PPb7i2ttsjcfzaBf9CZXFsT4BqoBA_zrxYOUHicgZiN8E/s320/%E0%B9%80%E0%B8%A1%E0%B8%99%E0%B8%B9%E0%B9%82%E0%B8%9E%E0%B8%AA.PNG" width="292" /></a></div><br /><div>ชมคลิปประกอบ</div>
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/xk5Cs6eVvLE?si=wwgeK6xxD2D1TNt6" title="YouTube video player" width="560"></iframe><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-3182761101859929002023-08-25T20:49:00.002+07:002023-08-25T20:49:04.782+07:00วิธีการสร้างไฟล์ PDF จากแอพชีท<p> แอพชีพ เป็นโปรแกรมสร้งแอพที่ง่าย และมีประสิทธิภาพตัวหนึ่ง วันนี้ผมจะมาแนะนำความรู้สำหรับการ Gen หรือสร้างไฟล์ PDF ด้วยแอพชีพ กัน เพื่อนำเสนอข้อมูลหรือพิมพ์เอกสาร รายงานประกอบการนำเสนอ หรืออื่นๆ ตามวัตถุประสงค์ </p><p>CONCATENATE("My Drive/appsheet/data/EvalSF-2250971/mypdf2/mypdf2",[ID],".pdf")</p><p><br /></p><p>"/mypdf2"</p><p><br /></p><p>concatenate("mypdf2",[ID])</p><p><br /></p><p>อย่าลืม Disable timestamp</p><p><br /></p><p>ไฟล์ Google sheet และไฟล์ Doc ที่ใช้เป็นแม่แบบ PDF จะต้องอยู่ใน โฟลเดอร์ของแอพชีพ </p><p>ขั้นตอน </p><p>Google drive สร้างไฟล์ บันทึกข้อมูล ขึ้นมา </p><p>สร้างแอพใหม่ Appsheet ลิงค์ไปตารางที่พึงสร้าง </p><p>กำหนดค่า คอลัมน์ ให้สอดคล้องกับชนิดข้อมูล </p><p>สร้าง New bot ขึ้นมา เพื่อ Gen ไฟล์ PDF ให้เรา ใช้เทคนิค create และใช้เทคนิค Move ไฟล์ ไปในโฟลเดอร์เดียวกันกับแอพชีพ </p><p>แนะนำการสร้าง โฟลเดอร์ขึ้นมาใหม่ เพื่อเก็บไฟล์เอกสาร PDF </p><p>การสร้างลิงค์ไฟล์จากแอพชีพ เพื่อเปิดไฟล์เอกสาร PDF </p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-61516237509537365612023-08-17T17:18:00.001+07:002023-08-17T17:18:16.275+07:00 วิธีดาวโหลดและติดตั้ง OBS ล่าสุด 2023<p> วิธีดาวโหลดและติดตั้ง OBS ล่าสุด 2023</p><p>สำหรับโปรแกรม OBS เป็นฟรีแวร์แบบเปิด Open Source ที่ใช้งานได้ดีมากๆ ตัวหนึ่งในการทำวีดีโอถ่ายถอดสด หรือ Live Streaming </p><p>รองรับ Windows ,Mac และ Linux </p><p>สำหรับสเปคคอมพิวเตอร์ใช้งาน สามารถใช้ Windows 10 หรือ 11 ก็น่าจะเพียงพอในการใช้งานโปรแกรม </p><p>การดาวโหลด และติดตั้ง ขั้นแรก ให้ลิงค์ ดาวโหลดตามนี้ ครับ</p><p><a href="https://obsproject.com/" target="_blank">https://obsproject.com/</a></p><p>โหลดลงเครื่อง และคลิก run หรือ install โปรแกรม OBS </p><p>ขั้นตอนการใช้งานโปรแกรม การ Live สด เลือกตั้งค่า ว่าจะ Live ผ่านแพลตฟอร์ม Facebook หรือ YouTube</p><p>สลับไปที่เว็บไซต์ Facebook หรือ YouTube ของเรา และเลือก Live สด จะมีช่องรหัส Key stream ให้ copy มาวางลงในการตั้งค่าของ OBS</p><p><br /></p><p>บนเมนูบาร์ด้านขวาของโปรแกรม OBS คลิก Start to Stream เพื่อเริ่มต้นการทำงาน </p><p>ในช่อง Add Source คลิกปุ่ม + เพื่อเลือกแชร์หน้าจอคอมพิวเตอร์ หรือ เลือก Windows display เฉพาะหน้าต่างของโปรแกรมที่กำลังเปิด </p><p><br /></p><p>cross check ตรวจสอบการ Live ว่าภาพและเสียงปกติ โดยใช้อุปกรณ์ มือถือ หรือแท็บเล็บอีกเครื่องในการเข้าดูหรือ Monitoring </p><p>แนะนำให้หาไมค์ไลท์สด พร้อมช่องเสียงลำโพงแบบ หูฟังจะช่วยให้คุณภาพเสียงชัดเจน และรบกวนเสียงรบกวนรอบข้างได้ดี </p><p>เช่น JBL ไมค์ไลค์สด เป็นต้น </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijlkgRetTuJ_Fo1pPivdDGvsyW2923faqcFVRdnncnOXe5ki58ztb6wF0hASg7h-cJIhJ3SdEslWDCvXvAkLyxF4O1Dy5S9r_MwdIE32k1BH2pX8at5puYk_KWR1L2XvETVfIJ5rs6qZsnrkA0T_S0BKwQwuUDI8R7O91pTyxYYkEdBRnxJVDWhFr-sfM/s2112/hero.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1740" data-original-width="2112" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijlkgRetTuJ_Fo1pPivdDGvsyW2923faqcFVRdnncnOXe5ki58ztb6wF0hASg7h-cJIhJ3SdEslWDCvXvAkLyxF4O1Dy5S9r_MwdIE32k1BH2pX8at5puYk_KWR1L2XvETVfIJ5rs6qZsnrkA0T_S0BKwQwuUDI8R7O91pTyxYYkEdBRnxJVDWhFr-sfM/s320/hero.png" width="320" /></a></div><br /><p><br /></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-13822262011562758612023-08-13T21:27:00.003+07:002023-08-13T21:31:55.412+07:00วิธีใช้งานลำดับอัตโนมัติ Google Sheet<p> บทความแนว how to วันนี้ผมได้ศึกษาความรู้การใช้งานลำดับอัตโนมัติหรือ Auto numbering ในโปรแกรมตารางข้อมูลออนไลน์อย่าง Google sheet พร้อมแล้วก็ไปดูขั้นตอนและคำอธิบายประกอบสั้นๆ ดังนี้ </p><p>สูตรที่ใช้งานคือ </p><p><span style="background-color: #f1f1f1; color: #222222; font-family: monospace, monospace; font-size: 15px; white-space-collapse: preserve;">=sort(ArrayFormula(sequence(MATCH(2,1/(B:B<>""),1)-1)),1,0)</span></p><p><span style="background-color: #f1f1f1; color: #222222; font-family: monospace, monospace; font-size: 15px; white-space-collapse: preserve;"><br /></span></p><p><span style="background-color: #f1f1f1; color: #222222; font-family: monospace, monospace; font-size: 15px; white-space-collapse: preserve;">สำหรับสูตรนี้จะ sort หรือเรียงค่าจากมากไปน้อยลงไป </span></p><p><span style="background-color: #f1f1f1; color: #222222; font-family: monospace, monospace; font-size: 15px; white-space-collapse: preserve;"><br /></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">100</span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">99</span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">98</span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">.</span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">.</span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">.</span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">1</span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">เป็นต้น </span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">ตัวอย่างแสดงแค่ 2 คอลัมน์คือ A และ B</span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">ในช่อง A ตั้งชื่อคอลัมน์เป็น Id และ B เป็น name</span></span></p><p><span style="color: #222222; font-family: monospace, monospace;"><span style="background-color: #f1f1f1; font-size: 15px; white-space-collapse: preserve;">คลิกที่เซลส์ A2 และใช้สูตร </span></span><span style="background-color: #f1f1f1; color: #222222; font-family: monospace, monospace; font-size: 15px; white-space-collapse: preserve;">=sort(ArrayFormula(sequence(MATCH(2,1/(B:B<>""),1)-1)),1,0)</span></p><p><span style="background-color: #f1f1f1; color: #222222; font-family: monospace, monospace; font-size: 15px; white-space-collapse: preserve;">ทดสอบการทำงานในช่อง B2 กรอกข้อมูลชื่อแรกลงไปแล้ว enter จะได้เลขลำดับอัตโนมัติ เรียงจากมากไปน้อย ตามลำดับ</span></p><p><span style="background-color: #f1f1f1; color: #222222; font-family: monospace, monospace; font-size: 15px; white-space-collapse: preserve;"><br /></span></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-90735112640826815272023-08-06T22:33:00.004+07:002023-08-06T22:34:02.425+07:00วิธีดาวโหลดและติดตั้ง windows11<p> ดาวโหลด Windows 11 สำหรับ user ที่สนใจจะลองลงโปรแกรมวินโดว์ 11 ด้วยตัวเอง สามารถโหลดได้จากเว็บไซต์ของ Microsoft ด้านล่าง</p><p>ดาวโหลด <a href="https://www.microsoft.com/th-th/software-download/windows11" target="_blank">Windows11</a></p><p>คำแนะนำการดาวโหลดและติดตั้ง เพื่อเป็นแนวทางสำหรับผู้สนใจ</p><p>แนะนำให้โหลดโปรแกรมสร้างสื่อติดตั้งโปรแกรม วินโดว์ 10 ก่อน จะต้องเตรียม USB Drive เปล่าด้วย 1 อัน เพื่อใช้ในการสร้างสือติดตั้ง</p><p><br /></p><p>จากนั้นดาวโหลดไฟล์อิมเมจของ Windows11 มาลงในเครื่องไว้ก่อน </p><p>รันโปรแกรมสร้างสื่อติดตั้ง ระบุตัว USB Disk ที่จะใช้งาน เลือกไฟล์อิมเมจที่โหลดลงมา แล้วคลิกปุ่ม start เพื่อเริ่มต้นสร้างแผ่น หรือ Disk ในการติดตั้งวินโดว์ 11</p><p>สร้างจบแล้ว ก็นำไปใช้งาน กดแป้น esc หรือ del หรือ F2 ตามแต่รุ่นและยี่ห้อของ เมนบอร์ด ในตัวเลือกค่าการ boot เลือกเป็น USB disk แล้วรันการทำงานตามขั้นตอนไปจนครบ </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZiupEhOTgoGAYVQemlCFBni1Yv4aJnRyT-2scV_IpeUU7T-SgfzM-x6rAR27vG1sKFVc5qqyJ9ai9ClvUrEnez5F6veqs0u8vybaK-XhqUYxNyP3wfk0uvreJ2EGztUVfjRs6SxMtQ53HWldkYL-vFaoX-_rDSC8EYq8q1yXXMai7eqb_iGmc-ol977k/s431/w11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="270" data-original-width="431" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZiupEhOTgoGAYVQemlCFBni1Yv4aJnRyT-2scV_IpeUU7T-SgfzM-x6rAR27vG1sKFVc5qqyJ9ai9ClvUrEnez5F6veqs0u8vybaK-XhqUYxNyP3wfk0uvreJ2EGztUVfjRs6SxMtQ53HWldkYL-vFaoX-_rDSC8EYq8q1yXXMai7eqb_iGmc-ol977k/s320/w11.png" width="320" /></a></div><br /><p><br /></p><p>ศึกษาทำความเข้าใจ หน้าตา คำสั่งการทำงาน การตั้งค่าการใช้งานต่างๆ ต้องใช้เวลาสักระยะในการคุ้นเคยกับ วินโดว์ 11 </p><p><br /></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-13789290426312966942023-07-07T12:57:00.004+07:002023-07-07T12:59:13.719+07:00การดาวน์โหลดและติดตั้ง Windows SP1 จาก Microsoft Update Catalog<p> ในปี 2566 จะยังมีคอมเก่าๆ ที่ยังต้องการใช้งานโปรแกรม Windows7 กันอยู่หรือเปล่า ถ้ามีก็ถือว่าปกติ อาจจะด้วยเหตุผล และความจำเป็นของการใช้งานที่แตกต่างกันออกไป </p><p>เอาเป็นว่าทางผู้พัฒนา Microsoft ได้ยุติหรือไม่สนับสนุนการใช้งาน windows7 กับคอมพิวเตอร์รุ่นใหม่ๆ ในปัจจุบันแล้ว เปลี่ยนมาใช้งานเป็น windows 10 หรือ 11 แทน </p><p>สำหรับคนที่ยังใช้งานมันอยู่ ผมก็อยากจะแนะนำลิงค์ในการดาวโหลดและอัพเดทการทำงานของโปรแกรม ให้เป็นปัจจุบันและทันสมัยสุดในปี 2566 คือ Windows SP1 จาก Microsoft update catalog ครับ</p>สามารถติดตั้ง SP1 จาก Windows Update โดยสามารถดาวน์โหลดแพคเกจการติดตั้งจาก Microsoft Update Catalog แล้วติดตั้ง SP1 ด้วยตนเอง<br /><br /><br /><br />ไปที่ <a href="https://www.catalog.update.microsoft.com/Search.aspx?q=KB976932">หน้าดาวน์โหลด Windows 7 Service Pack 1</a> บนเว็บไซต์ของ Microsoft<br /><br /><br />เลือกลิงก์ ดาวน์โหลด ที่สอดคล้องกับเวอร์ชัน Windows 7 ของคุณ<br /><br /><br />เลือกลิงก์ดาวน์โหลดแต่ละลิงก์และบันทึกลงในพีซีของคุณ เมื่อคุณพร้อมที่จะติดตั้ง SP1 ให้เรียกใช้ไฟล์.exeที่คุณดาวน์โหลดจากไซต์ จากนั้นทําตามคําแนะนําเพื่อติดตั้ง SP1 พีซีของคุณอาจรีสตาร์ตสองสามครั้งระหว่างการติดตั้งใหม่<br /><br /><br />หลังจากติดตั้ง SP1 ให้ลงชื่อเข้าใช้พีซีของคุณ คุณอาจเห็นการแจ้งให้ทราบที่ระบุว่าการอัปเดตประสบความสำเร็จแล้วหรือไม่ หากคุณปิดใช้งานซอฟต์แวร์ป้องกันไวรัสของคุณก่อนที่จะติดตั้ง ให้ตรวจสอบให้แน่ใจว่าคุณได้เปิดอีกครั้งแล้ว<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrbVFU7D964PhT78D2GW5VsUE_wK4S2kOpe8L00S-IWKvEDPxqdQY7tNnAuSE4wLTgm4vpBf__lAbb5RChP-Dc6eMjJoGsGXtDNwQ-geFgZqip_zMfb91bnBsQ1vEMtzM_HymvKwCuSOWvtUPSgruAqIlpueCTshxQM9A_sky2rvp1jLTpqToIEjEMXJY/s365/Windows_7_SP1_screenshot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="274" data-original-width="365" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrbVFU7D964PhT78D2GW5VsUE_wK4S2kOpe8L00S-IWKvEDPxqdQY7tNnAuSE4wLTgm4vpBf__lAbb5RChP-Dc6eMjJoGsGXtDNwQ-geFgZqip_zMfb91bnBsQ1vEMtzM_HymvKwCuSOWvtUPSgruAqIlpueCTshxQM9A_sky2rvp1jLTpqToIEjEMXJY/s320/Windows_7_SP1_screenshot.png" width="320" /></a></div><br /><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-66251295189794549062023-07-04T20:11:00.009+07:002023-07-10T21:29:09.227+07:00ฝึกสร้างฐานข้อมูลนักเรียนด้วย PHP <p>สร้างตารางเก็บข้อมูลนักเรียน tbl_student</p><p>โครงสร้างตารางฐานข้อมูลใน Phpmyadmin</p><p>คลิกคำสั่ง SQL แล้วคัดลอก code ในการสร้างตารางฐานข้อมูล</p><p><span face="sans-serif" style="background-color: #f8f9fa; font-size: 13.12px; white-space-collapse: preserve;">CREATE TABLE `tbl_student` (</span><span face="sans-serif" style="background-color: #f8f9fa; font-size: 13.12px; white-space-collapse: preserve;">
`id` int(11) NOT NULL AUTO_INCREMENT,</span><span face="sans-serif" style="background-color: #f8f9fa; font-size: 13.12px; white-space-collapse: preserve;">
`fname` varchar(100) NOT NULL,</span><span face="sans-serif" style="background-color: #f8f9fa; font-size: 13.12px; white-space-collapse: preserve;">
`lname` varchar(100) NOT NULL,</span><span face="sans-serif" style="background-color: #f8f9fa; font-size: 13.12px; white-space-collapse: preserve;">
`phone` varchar(10) NOT NULL,</span><span face="sans-serif" style="background-color: #f8f9fa; font-size: 13.12px; white-space-collapse: preserve;">
`class` varchar(255) NOT NULL,</span><span face="sans-serif" style="background-color: #f8f9fa; font-size: 13.12px; white-space-collapse: preserve;">
`datecreate` timestamp NOT NULL DEFAULT current_timestamp(),</span><span face="sans-serif" style="background-color: #f8f9fa; font-size: 13.12px; white-space-collapse: preserve;">
PRIMARY KEY (`id`)</span><span face="sans-serif" style="background-color: #f8f9fa; font-size: 13.12px; white-space-collapse: preserve;">
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci</span></p><span><a name='more'></a></span><p><br /></p><p>ไฟล์ style.css</p><p>เก็บข้อมูลการแสดงผล อักษร สี ขนาด สีพื้นหลัง และระยะห่าง ฯลฯ</p><div style="background-color: #1f1f1f; color: #cccccc; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #569cd6;">*</span> {</div><div> <span style="color: #9cdcfe;">box-sizing</span>: <span style="color: #ce9178;">border-box</span>;</div><div> <span style="color: #9cdcfe;">font-family</span>: -apple-system, BlinkMacSystemFont, <span style="color: #ce9178;">"segoe ui"</span>, roboto, oxygen, ubuntu, cantarell, <span style="color: #ce9178;">"fira sans"</span>, <span style="color: #ce9178;">"droid sans"</span>, <span style="color: #ce9178;">"helvetica neue"</span>, <span style="color: #ce9178;">Arial</span>, <span style="color: #ce9178;">sans-serif</span>;</div><div> <span style="color: #9cdcfe;">font-size</span>: <span style="color: #b5cea8;">16px</span>;</div><div> <span style="color: #9cdcfe;">-webkit-font-smoothing</span>: <span style="color: #ce9178;">antialiased</span>;</div><div> <span style="color: #9cdcfe;">-moz-osx-font-smoothing</span>: <span style="color: #ce9178;">grayscale</span>;</div><div>}</div><div><span style="color: #d7ba7d;">body</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#FFFFFF</span>;</div><div> <span style="color: #9cdcfe;">margin</span>: <span style="color: #b5cea8;">0</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.navtop</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#3f69a8</span>;</div><div> <span style="color: #9cdcfe;">height</span>: <span style="color: #b5cea8;">60px</span>;</div><div> <span style="color: #9cdcfe;">width</span>: <span style="color: #b5cea8;">100%</span>;</div><div> <span style="color: #9cdcfe;">border</span>: <span style="color: #b5cea8;">0</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.navtop</span> <span style="color: #d7ba7d;">div</span> {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">flex</span>;</div><div> <span style="color: #9cdcfe;">margin</span>: <span style="color: #b5cea8;">0</span> <span style="color: #ce9178;">auto</span>;</div><div> <span style="color: #9cdcfe;">width</span>: <span style="color: #b5cea8;">1000px</span>;</div><div> <span style="color: #9cdcfe;">height</span>: <span style="color: #b5cea8;">100%</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.navtop</span> <span style="color: #d7ba7d;">div</span> <span style="color: #d7ba7d;">h1</span>, <span style="color: #d7ba7d;">.navtop</span> <span style="color: #d7ba7d;">div</span> <span style="color: #d7ba7d;">a</span> {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">inline-flex</span>;</div><div> <span style="color: #9cdcfe;">align-items</span>: <span style="color: #ce9178;">center</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.navtop</span> <span style="color: #d7ba7d;">div</span> <span style="color: #d7ba7d;">h1</span> {</div><div> <span style="color: #9cdcfe;">flex</span>: <span style="color: #b5cea8;">1</span>;</div><div> <span style="color: #9cdcfe;">font-size</span>: <span style="color: #b5cea8;">24px</span>;</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">0</span>;</div><div> <span style="color: #9cdcfe;">margin</span>: <span style="color: #b5cea8;">0</span>;</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#ecf0f6</span>;</div><div> <span style="color: #9cdcfe;">font-weight</span>: <span style="color: #ce9178;">normal</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.navtop</span> <span style="color: #d7ba7d;">div</span> <span style="color: #d7ba7d;">a</span> {</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">0</span> <span style="color: #b5cea8;">20px</span>;</div><div> <span style="color: #9cdcfe;">text-decoration</span>: <span style="color: #ce9178;">none</span>;</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#c5d2e5</span>;</div><div> <span style="color: #9cdcfe;">font-weight</span>: <span style="color: #ce9178;">bold</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.navtop</span> <span style="color: #d7ba7d;">div</span> <span style="color: #d7ba7d;">a</span> <span style="color: #d7ba7d;">i</span> {</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">2px</span> <span style="color: #b5cea8;">8px</span> <span style="color: #b5cea8;">0</span> <span style="color: #b5cea8;">0</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.navtop</span> <span style="color: #d7ba7d;">div</span> <span style="color: #d7ba7d;">a:hover</span> {</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#ecf0f6</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.content</span> {</div><div> <span style="color: #9cdcfe;">width</span>: <span style="color: #b5cea8;">1000px</span>;</div><div> <span style="color: #9cdcfe;">margin</span>: <span style="color: #b5cea8;">0</span> <span style="color: #ce9178;">auto</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.content</span> <span style="color: #d7ba7d;">h2</span> {</div><div> <span style="color: #9cdcfe;">margin</span>: <span style="color: #b5cea8;">0</span>;</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">25px</span> <span style="color: #b5cea8;">0</span>;</div><div> <span style="color: #9cdcfe;">font-size</span>: <span style="color: #b5cea8;">22px</span>;</div><div> <span style="color: #9cdcfe;">border-bottom</span>: <span style="color: #b5cea8;">1px</span> <span style="color: #ce9178;">solid</span> <span style="color: #ce9178;">#ebebeb</span>;</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#666666</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">.create-contact</span> {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">inline-block</span>;</div><div> <span style="color: #9cdcfe;">text-decoration</span>: <span style="color: #ce9178;">none</span>;</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#38b673</span>;</div><div> <span style="color: #9cdcfe;">font-weight</span>: <span style="color: #ce9178;">bold</span>;</div><div> <span style="color: #9cdcfe;">font-size</span>: <span style="color: #b5cea8;">14px</span>;</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#FFFFFF</span>;</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">10px</span> <span style="color: #b5cea8;">15px</span>;</div><div> <span style="color: #9cdcfe;">margin</span>: <span style="color: #b5cea8;">15px</span> <span style="color: #b5cea8;">0</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">.create-contact:hover</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#32a367</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">.pagination</span> {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">flex</span>;</div><div> <span style="color: #9cdcfe;">justify-content</span>: <span style="color: #ce9178;">flex-end</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">.pagination</span> <span style="color: #d7ba7d;">a</span> {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">inline-block</span>;</div><div> <span style="color: #9cdcfe;">text-decoration</span>: <span style="color: #ce9178;">none</span>;</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#a5a7a9</span>;</div><div> <span style="color: #9cdcfe;">font-weight</span>: <span style="color: #ce9178;">bold</span>;</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#FFFFFF</span>;</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">5px</span> <span style="color: #b5cea8;">10px</span>;</div><div> <span style="color: #9cdcfe;">margin</span>: <span style="color: #b5cea8;">15px</span> <span style="color: #b5cea8;">0</span> <span style="color: #b5cea8;">15px</span> <span style="color: #b5cea8;">5px</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">.pagination</span> <span style="color: #d7ba7d;">a:hover</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#999b9d</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> {</div><div> <span style="color: #9cdcfe;">width</span>: <span style="color: #b5cea8;">100%</span>;</div><div> <span style="color: #9cdcfe;">padding-top</span>: <span style="color: #b5cea8;">30px</span>;</div><div> <span style="color: #9cdcfe;">border-collapse</span>: <span style="color: #ce9178;">collapse</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">thead</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#ebeef1</span>;</div><div> <span style="color: #9cdcfe;">border-bottom</span>: <span style="color: #b5cea8;">1px</span> <span style="color: #ce9178;">solid</span> <span style="color: #ce9178;">#d3dae0</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">thead</span> <span style="color: #d7ba7d;">td</span> {</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">10px</span>;</div><div> <span style="color: #9cdcfe;">font-weight</span>: <span style="color: #ce9178;">bold</span>;</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#767779</span>;</div><div> <span style="color: #9cdcfe;">font-size</span>: <span style="color: #b5cea8;">14px</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> {</div><div> <span style="color: #9cdcfe;">border-bottom</span>: <span style="color: #b5cea8;">1px</span> <span style="color: #ce9178;">solid</span> <span style="color: #ce9178;">#d3dae0</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr:nth-child</span>(even) {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#fbfcfc</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr:hover</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#376ab7</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr:hover</span> <span style="color: #d7ba7d;">td</span> {</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#FFFFFF</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr:hover</span> <span style="color: #d7ba7d;">td:nth-child</span>(<span style="color: #b5cea8;">1</span>) {</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#FFFFFF</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> <span style="color: #d7ba7d;">td</span> {</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">10px</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> <span style="color: #d7ba7d;">td:nth-child</span>(<span style="color: #b5cea8;">1</span>) {</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#a5a7a9</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> <span style="color: #d7ba7d;">td.actions</span> {</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">8px</span>;</div><div> <span style="color: #9cdcfe;">text-align</span>: <span style="color: #ce9178;">right</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> <span style="color: #d7ba7d;">td.actions</span> <span style="color: #d7ba7d;">.edit</span>, <span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> <span style="color: #d7ba7d;">td.actions</span> <span style="color: #d7ba7d;">.trash</span> {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">inline-flex</span>;</div><div> <span style="color: #9cdcfe;">text-align</span>: <span style="color: #ce9178;">right</span>;</div><div> <span style="color: #9cdcfe;">text-decoration</span>: <span style="color: #ce9178;">none</span>;</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#FFFFFF</span>;</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">10px</span> <span style="color: #b5cea8;">12px</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> <span style="color: #d7ba7d;">td.actions</span> <span style="color: #d7ba7d;">.trash</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#b73737</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> <span style="color: #d7ba7d;">td.actions</span> <span style="color: #d7ba7d;">.trash:hover</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#a33131</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> <span style="color: #d7ba7d;">td.actions</span> <span style="color: #d7ba7d;">.edit</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#37afb7</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.read</span> <span style="color: #d7ba7d;">table</span> <span style="color: #d7ba7d;">tbody</span> <span style="color: #d7ba7d;">tr</span> <span style="color: #d7ba7d;">td.actions</span> <span style="color: #d7ba7d;">.edit:hover</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#319ca3</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.update</span> <span style="color: #d7ba7d;">form</span> {</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">15px</span> <span style="color: #b5cea8;">0</span>;</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">flex</span>;</div><div> <span style="color: #9cdcfe;">flex-flow</span>: <span style="color: #ce9178;">wrap</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.update</span> <span style="color: #d7ba7d;">form</span> <span style="color: #d7ba7d;">label</span> {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">inline-flex</span>;</div><div> <span style="color: #9cdcfe;">width</span>: <span style="color: #b5cea8;">400px</span>;</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">10px</span> <span style="color: #b5cea8;">0</span>;</div><div> <span style="color: #9cdcfe;">margin-right</span>: <span style="color: #b5cea8;">25px</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.update</span> <span style="color: #d7ba7d;">form</span> <span style="color: #d7ba7d;">input</span> {</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">10px</span>;</div><div> <span style="color: #9cdcfe;">width</span>: <span style="color: #b5cea8;">400px</span>;</div><div> <span style="color: #9cdcfe;">margin-right</span>: <span style="color: #b5cea8;">25px</span>;</div><div> <span style="color: #9cdcfe;">margin-bottom</span>: <span style="color: #b5cea8;">15px</span>;</div><div> <span style="color: #9cdcfe;">border</span>: <span style="color: #b5cea8;">1px</span> <span style="color: #ce9178;">solid</span> <span style="color: #ce9178;">#cccccc</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.update</span> <span style="color: #d7ba7d;">form</span> <span style="color: #d7ba7d;">input</span>[<span style="color: #9cdcfe;">type</span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;">"submit"</span>] {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">block</span>;</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#38b673</span>;</div><div> <span style="color: #9cdcfe;">border</span>: <span style="color: #b5cea8;">0</span>;</div><div> <span style="color: #9cdcfe;">font-weight</span>: <span style="color: #ce9178;">bold</span>;</div><div> <span style="color: #9cdcfe;">font-size</span>: <span style="color: #b5cea8;">14px</span>;</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#FFFFFF</span>;</div><div> <span style="color: #9cdcfe;">cursor</span>: <span style="color: #ce9178;">pointer</span>;</div><div> <span style="color: #9cdcfe;">width</span>: <span style="color: #b5cea8;">200px</span>;</div><div> <span style="color: #9cdcfe;">margin-top</span>: <span style="color: #b5cea8;">15px</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.update</span> <span style="color: #d7ba7d;">form</span> <span style="color: #d7ba7d;">input</span>[<span style="color: #9cdcfe;">type</span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;">"submit"</span>]<span style="color: #d7ba7d;">:hover</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#32a367</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.delete</span> <span style="color: #d7ba7d;">.yesno</span> {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">flex</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.delete</span> <span style="color: #d7ba7d;">.yesno</span> <span style="color: #d7ba7d;">a</span> {</div><div> <span style="color: #9cdcfe;">display</span>: <span style="color: #ce9178;">inline-block</span>;</div><div> <span style="color: #9cdcfe;">text-decoration</span>: <span style="color: #ce9178;">none</span>;</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#38b673</span>;</div><div> <span style="color: #9cdcfe;">font-weight</span>: <span style="color: #ce9178;">bold</span>;</div><div> <span style="color: #9cdcfe;">color</span>: <span style="color: #ce9178;">#FFFFFF</span>;</div><div> <span style="color: #9cdcfe;">padding</span>: <span style="color: #b5cea8;">10px</span> <span style="color: #b5cea8;">15px</span>;</div><div> <span style="color: #9cdcfe;">margin</span>: <span style="color: #b5cea8;">15px</span> <span style="color: #b5cea8;">10px</span> <span style="color: #b5cea8;">15px</span> <span style="color: #b5cea8;">0</span>;</div><div>}</div><div><span style="color: #d7ba7d;">.delete</span> <span style="color: #d7ba7d;">.yesno</span> <span style="color: #d7ba7d;">a:hover</span> {</div><div> <span style="color: #9cdcfe;">background-color</span>: <span style="color: #ce9178;">#32a367</span>;</div><div>}</div></div><p>ไฟล์ create.php</p><p>ไฟล์นี้จะประกอบด้วย การเชื่อมต่อตารางฐานข้อมูล การตรวจสอบค่าการบันทึกข้อมูลจากแบบฟอร์ม ว่าเป็นค่าว่างหรือไม่ และส่วนในการแทรก หรือเขียนบันทึกข้อมูลลงตารางฐานข้อมูล โดยใช้ code ภาษาแบบ PDO ซึ่งจะมีความปลอดภัยสูงในการป้องกันการแฮกข้อมูลจากผู้ไม่หวังดี </p><div style="background-color: #1f1f1f; color: #cccccc; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #569cd6;"><?php</span></div><div><span style="color: #c586c0;">include</span><span style="color: #d4d4d4;"> </span><span style="color: #ce9178;">'function.php'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">pdo_connect_mysql</span><span style="color: #d4d4d4;">();</span></div><div><span style="color: #9cdcfe;">$msg</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #6a9955;">// Check if POST data is not empty</span></div><div><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (!</span><span style="color: #dcdcaa;">empty</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">)) {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// Post data not empty insert a new record</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// Set-up the variables that are going to be inserted, we must check if the POST variables exist if not we can default them to blank</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$id</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]) && !</span><span style="color: #dcdcaa;">empty</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]) && </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">] != </span><span style="color: #ce9178;">'auto'</span><span style="color: #d4d4d4;"> ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">] : </span><span style="color: #569cd6;">NULL</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// Check if POST variable "name" exists, if not default the value to blank, basically the same for all variables</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$fname</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'fname'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'fname'</span><span style="color: #d4d4d4;">] : </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$lname</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'lname'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'lname'</span><span style="color: #d4d4d4;">] : </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$phone</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'phone'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'phone'</span><span style="color: #d4d4d4;">] : </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$class</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'class'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'class'</span><span style="color: #d4d4d4;">] : </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$datecreate</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'datecreate'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'datecreate'</span><span style="color: #d4d4d4;">] : </span><span style="color: #dcdcaa;">date</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Y-m-d H:i:s'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// Insert new record into the student table</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">prepare</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'</span><span style="color: #569cd6;">INSERT</span><span style="color: #ce9178;"> </span><span style="color: #569cd6;">INTO</span><span style="color: #ce9178;"> tbl_student </span><span style="color: #569cd6;">VALUES</span><span style="color: #ce9178;"> (?, ?, ?, ?, ?, ?)</span><span style="color: #ce9178;">'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">execute</span><span style="color: #d4d4d4;">([</span><span style="color: #9cdcfe;">$id</span><span style="color: #d4d4d4;">,</span><span style="color: #9cdcfe;">$fname</span><span style="color: #d4d4d4;">,</span><span style="color: #9cdcfe;">$lname</span><span style="color: #d4d4d4;">,</span><span style="color: #9cdcfe;">$phone</span><span style="color: #d4d4d4;">,</span><span style="color: #9cdcfe;">$class</span><span style="color: #d4d4d4;">,</span><span style="color: #9cdcfe;">$datecreate</span><span style="color: #d4d4d4;">]);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// Output message</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$msg</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">'Created Successfully!'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;">}</span></div><div><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><br /><div><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">template_header</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Create'</span><span style="color: #d4d4d4;">)</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><br /><div><span style="color: grey;"><</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"content update"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span>Create student data<span style="color: grey;"></</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">form</span> <span style="color: #9cdcfe;">action</span>=<span style="color: #ce9178;">"create.php"</span> <span style="color: #9cdcfe;">method</span>=<span style="color: #ce9178;">"post"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"id"</span><span style="color: grey;">></span>ID<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"fname"</span><span style="color: grey;">></span>fName<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"id"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"26"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"auto"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"id"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"fname"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"John Doe"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"fname"</span><span style="color: grey;">></span></div><br /><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"lname"</span><span style="color: grey;">></span>lname<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"phone"</span><span style="color: grey;">></span>Phone<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"lname"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"johndoe@example.com"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"lname"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"phone"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"0817453746"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"phone"</span><span style="color: grey;">></span></div><br /><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"class"</span><span style="color: grey;">></span>class<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"datecreate"</span><span style="color: grey;">></span>datecreate<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"class"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"grade3"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"class"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"datetime-local"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"datecreate"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"</span><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">date</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Y-m-d\TH:i'</span><span style="color: #d4d4d4;">)</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"datecreate"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"submit"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"Create"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">form</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (</span><span style="color: #9cdcfe;">$msg</span><span style="color: #d4d4d4;">): </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$msg</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">endif</span><span style="color: #d4d4d4;">; </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div><span style="color: grey;"></</span><span style="color: #569cd6;">div</span><span style="color: grey;">></span></div><br /><div><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">template_footer</span><span style="color: #d4d4d4;">()</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div></div><p>ไฟล์ index.php</p><p>ไฟล์แสดงผลหน้าแรกของเวบไซต์ ที่จะมีเมนู ในการคลิกและดึงข้อมูลจากตารางมาแสดงผล </p><div style="background-color: #1f1f1f; color: #cccccc; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #569cd6;"><?php</span></div><div><span style="color: #c586c0;">include</span><span style="color: #d4d4d4;"> </span><span style="color: #ce9178;">'function.php'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #6a9955;">// Your PHP code here.</span></div><br /><div><span style="color: #6a9955;">// Home Page template below.</span></div><div><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><br /><div><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">template_header</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Home'</span><span style="color: #d4d4d4;">)</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><br /><div><span style="color: grey;"><</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"content"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span>Home<span style="color: grey;"></</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span>Welcome to Student database<span style="color: grey;"></</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span></div><div><span style="color: grey;"></</span><span style="color: #569cd6;">div</span><span style="color: grey;">></span></div><br /></div><p><span style="background-color: #1f1f1f; color: #569cd6; font-family: Consolas, "Courier New", monospace; font-size: 14px; white-space: pre;"><?=</span><span style="background-color: #1f1f1f; color: #dcdcaa; font-family: Consolas, "Courier New", monospace; font-size: 14px; white-space: pre;">template_footer</span><span style="background-color: #1f1f1f; color: #d4d4d4; font-family: Consolas, "Courier New", monospace; font-size: 14px; white-space: pre;">()</span><span style="background-color: #1f1f1f; color: #569cd6; font-family: Consolas, "Courier New", monospace; font-size: 14px; white-space: pre;">?</span><span style="background-color: #1f1f1f; color: #569cd6; font-family: Consolas, "Courier New", monospace; font-size: 14px; white-space: pre;">></span> </p><p>ไฟล์ function.php </p><p>จะมี 3 ส่วนหลักๆ ด้วยกัน คือ ส่วนติดต่อกับตารางฐานข้อมูล ส่วนหัวของหน้าเพจ และส่วนท้ายของเพจ</p><p><span style="background-color: #1f1f1f; color: #569cd6; font-family: Consolas, "Courier New", monospace; font-size: 14px; white-space: pre;"><?php</span></p><div style="background-color: #1f1f1f; color: #cccccc; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #569cd6;">function</span><span style="color: #d4d4d4;"> </span><span style="color: #dcdcaa;">pdo_connect_mysql</span><span style="color: #d4d4d4;">() {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$DATABASE_HOST</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">'localhost'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$DATABASE_USER</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">'root'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$DATABASE_PASS</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$DATABASE_NAME</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">'student_db'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">try</span><span style="color: #d4d4d4;"> {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">return</span><span style="color: #d4d4d4;"> </span><span style="color: #569cd6;">new</span><span style="color: #d4d4d4;"> </span><span style="color: #4ec9b0;">PDO</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'mysql:host='</span><span style="color: #d4d4d4;"> </span><span style="color: #d4d4d4;">.</span><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$DATABASE_HOST</span><span style="color: #d4d4d4;"> </span><span style="color: #d4d4d4;">.</span><span style="color: #d4d4d4;"> </span><span style="color: #ce9178;">';dbname='</span><span style="color: #d4d4d4;"> </span><span style="color: #d4d4d4;">.</span><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$DATABASE_NAME</span><span style="color: #d4d4d4;"> </span><span style="color: #d4d4d4;">.</span><span style="color: #d4d4d4;"> </span><span style="color: #ce9178;">';charset=utf8'</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">$DATABASE_USER</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">$DATABASE_PASS</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> } </span><span style="color: #c586c0;">catch</span><span style="color: #d4d4d4;"> (</span><span style="color: #4ec9b0;">PDOException</span><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$exception</span><span style="color: #d4d4d4;">) {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// If there is an error with the connection, stop the script and display the error.</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">exit</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Failed to connect to database!'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> }</span></div><div><span style="color: #d4d4d4;">}</span></div><div><span style="color: #569cd6;">function</span><span style="color: #d4d4d4;"> </span><span style="color: #dcdcaa;">template_header</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$title</span><span style="color: #d4d4d4;">) {</span></div><div><span style="color: #dcdcaa;">echo</span><span style="color: #d4d4d4;"> </span><span style="color: #ce9178;"><<<</span><span style="color: #d4d4d4;">EOT</span></div><div><span style="color: #ce9178;"><!DOCTYPE html></span></div><div><span style="color: #ce9178;"><html></span></div><div><span style="color: #ce9178;"> <head></span></div><div><span style="color: #ce9178;"> <meta charset="utf-8"></span></div><div><span style="color: #ce9178;"> <title></span><span style="color: #9cdcfe;">$title</span><span style="color: #ce9178;"></title></span></div><div><span style="color: #ce9178;"> <link href="style.css" rel="stylesheet" type="text/css"></span></div><div><span style="color: #ce9178;"> <link rel="styleseet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"></span></div><div><span style="color: #ce9178;"> </head></span></div><div><span style="color: #ce9178;"> <body></span></div><div><span style="color: #ce9178;"> <nav class="navtop"></span></div><div><span style="color: #ce9178;"> <div></span></div><div><span style="color: #ce9178;"> <h1>Website Title</h1></span></div><div><span style="color: #ce9178;"> <a href="index.php"><i class="fas fa-home"></i>Home</a></span></div><div><span style="color: #ce9178;"> <a href="read.php"><i class="fas fa-address-book"></i>Contacts</a></span></div><div><span style="color: #ce9178;"> </div></span></div><div><span style="color: #ce9178;"> </nav></span></div><div><span style="color: #d4d4d4;">EOT</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;">}</span></div><div><span style="color: #569cd6;">function</span><span style="color: #d4d4d4;"> </span><span style="color: #dcdcaa;">template_footer</span><span style="color: #d4d4d4;">() {</span></div><div><span style="color: #dcdcaa;">echo</span><span style="color: #d4d4d4;"> </span><span style="color: #ce9178;"><<<</span><span style="color: #d4d4d4;">EOT</span></div><div><span style="color: #ce9178;"> </body></span></div><div><span style="color: #ce9178;"></html></span></div><div><span style="color: #d4d4d4;">EOT</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;">}</span></div></div><p><span style="background-color: #1f1f1f; color: #569cd6; font-family: Consolas, "Courier New", monospace; font-size: 14px; white-space: pre;">?</span><span style="background-color: #1f1f1f; color: #569cd6; font-family: Consolas, "Courier New", monospace; font-size: 14px; white-space: pre;">></span> </p><p>ไฟล์ read.php</p><p>เป็น code ในการดึงข้อมูลจากตารางมาแสดงผล ตามหัวข้อที่กำหนด และมีปุ่มคำสั่งในการเรียกแบบฟอร์มในการ add ข้อมูล</p><div style="background-color: #1f1f1f; color: #cccccc; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #569cd6;"><?php</span></div><div><span style="color: #c586c0;">include</span><span style="color: #d4d4d4;"> </span><span style="color: #ce9178;">'function.php'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #6a9955;">// Connect to MySQL database</span></div><div><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">pdo_connect_mysql</span><span style="color: #d4d4d4;">();</span></div><div><span style="color: #6a9955;">// Get the page via GET request (URL param: page), if non exists default the page to 1</span></div><div><span style="color: #9cdcfe;">$page</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'page'</span><span style="color: #d4d4d4;">]) && </span><span style="color: #dcdcaa;">is_numeric</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'page'</span><span style="color: #d4d4d4;">]) ? (</span><span style="color: #569cd6;">int</span><span style="color: #d4d4d4;">)</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'page'</span><span style="color: #d4d4d4;">] : </span><span style="color: #b5cea8;">1</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #6a9955;">// Number of records to show on each page</span></div><div><span style="color: #9cdcfe;">$records_per_page</span><span style="color: #d4d4d4;"> =</span><span style="color: #b5cea8;">5</span><span style="color: #d4d4d4;"> ;</span></div><br /><br /><div><span style="color: #6a9955;">// Prepare the SQL statement and get records from our contacts table, LIMIT will determine the page</span></div><div><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">prepare</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'</span><span style="color: #569cd6;">SELECT</span><span style="color: #ce9178;"> </span><span style="color: #d4d4d4;">*</span><span style="color: #ce9178;"> </span><span style="color: #569cd6;">FROM</span><span style="color: #ce9178;"> tbl_student </span><span style="color: #569cd6;">ORDER BY</span><span style="color: #ce9178;"> id </span><span style="color: #569cd6;">LIMIT</span><span style="color: #ce9178;"> :current_page, :record_per_page</span><span style="color: #ce9178;">'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">bindValue</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">':current_page'</span><span style="color: #d4d4d4;">, (</span><span style="color: #9cdcfe;">$page</span><span style="color: #d4d4d4;">-</span><span style="color: #b5cea8;">1</span><span style="color: #d4d4d4;">)*</span><span style="color: #9cdcfe;">$records_per_page</span><span style="color: #d4d4d4;">, </span><span style="color: #4ec9b0;">PDO</span><span style="color: #d4d4d4;">::PARAM_INT);</span></div><div><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">bindValue</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">':record_per_page'</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">$records_per_page</span><span style="color: #d4d4d4;">, </span><span style="color: #4ec9b0;">PDO</span><span style="color: #d4d4d4;">::PARAM_INT);</span></div><div><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">execute</span><span style="color: #d4d4d4;">();</span></div><div><span style="color: #6a9955;">// Fetch the records so we can display them in our template.</span></div><div><span style="color: #9cdcfe;">$contacts</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-> </span><span style="color: #dcdcaa;">fetchAll</span><span style="color: #d4d4d4;">(</span><span style="color: #4ec9b0;">PDO</span><span style="color: #d4d4d4;">::FETCH_ASSOC);</span></div><br /><br /><br /><div><span style="color: #6a9955;">// Get the total number of contacts, this is so we can determine whether there should be a next and previous button</span></div><div><span style="color: #9cdcfe;">$num_contacts</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">query</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'</span><span style="color: #569cd6;">SELECT</span><span style="color: #ce9178;"> </span><span style="color: #dcdcaa;">COUNT</span><span style="color: #ce9178;">(</span><span style="color: #d4d4d4;">*</span><span style="color: #ce9178;">) </span><span style="color: #569cd6;">FROM</span><span style="color: #ce9178;"> tbl_student</span><span style="color: #ce9178;">'</span><span style="color: #d4d4d4;">)-></span><span style="color: #dcdcaa;">fetchColumn</span><span style="color: #d4d4d4;">();</span></div><div><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><br /><div><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">template_header</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Read'</span><span style="color: #d4d4d4;">)</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><br /><div><span style="color: grey;"><</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"content read"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span>Read Student contacts<span style="color: grey;"></</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">a</span> <span style="color: #9cdcfe;">href</span>=<span style="color: #ce9178;">"create.php"</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"create-contact"</span><span style="color: grey;">></span>Create Contact<span style="color: grey;"></</span><span style="color: #569cd6;">a</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">table</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">thead</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">tr</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span>id<span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span>fName<span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span>lname<span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span>Phone<span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span>class<span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span>datecreate<span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">tr</span><span style="color: grey;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">thead</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">tbody</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">foreach</span><span style="color: #d4d4d4;"> (</span><span style="color: #9cdcfe;">$contacts</span><span style="color: #d4d4d4;"> as </span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">): </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">tr</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'fname'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'lname'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'phone'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'class'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'datecreate'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><br /><div> <span style="color: grey;"><</span><span style="color: #569cd6;">td</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"actions"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">a</span> <span style="color: #9cdcfe;">href</span>=<span style="color: #ce9178;">"update.php?id=</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"edit"</span><span style="color: grey;">><</span><span style="color: #569cd6;">i</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"fas fa-pen fa-xs"</span><span style="color: grey;">></</span><span style="color: #569cd6;">i</span><span style="color: grey;">></</span><span style="color: #569cd6;">a</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">a</span> <span style="color: #9cdcfe;">href</span>=<span style="color: #ce9178;">"delete.php?id=</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"trash"</span><span style="color: grey;">><</span><span style="color: #569cd6;">i</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"fas fa-trash fa-xs"</span><span style="color: grey;">></</span><span style="color: #569cd6;">i</span><span style="color: grey;">></</span><span style="color: #569cd6;">a</span><span style="color: grey;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">td</span><span style="color: grey;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">tr</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">endforeach</span><span style="color: #d4d4d4;">; </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">tbody</span><span style="color: grey;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">table</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"pagination"</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (</span><span style="color: #9cdcfe;">$page</span><span style="color: #d4d4d4;"> > </span><span style="color: #b5cea8;">1</span><span style="color: #d4d4d4;">): </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">a</span> <span style="color: #9cdcfe;">href</span>=<span style="color: #ce9178;">"read.php"</span><span style="color: grey;">><</span><span style="color: #569cd6;">i</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"fas fa-angle-double-left fa-sm"</span><span style="color: grey;">></</span><span style="color: #569cd6;">i</span><span style="color: grey;">></</span><span style="color: #569cd6;">a</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">endif</span><span style="color: #d4d4d4;">; </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (</span><span style="color: #9cdcfe;">$page</span><span style="color: #d4d4d4;">*</span><span style="color: #9cdcfe;">$records_per_page</span><span style="color: #d4d4d4;"> < </span><span style="color: #9cdcfe;">$num_contacts</span><span style="color: #d4d4d4;">): </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">a</span> <span style="color: #9cdcfe;">href</span>=<span style="color: #ce9178;">"read.php"</span><span style="color: grey;">><</span><span style="color: #569cd6;">i</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"fas fa-angle-double-right fa-sm"</span><span style="color: grey;">></</span><span style="color: #569cd6;">i</span><span style="color: grey;">></</span><span style="color: #569cd6;">a</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">endif</span><span style="color: #d4d4d4;">; </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">div</span><span style="color: grey;">></span></div><div><span style="color: grey;"></</span><span style="color: #569cd6;">div</span><span style="color: grey;">></span></div><br /><div><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">template_footer</span><span style="color: #d4d4d4;">()</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div></div><div style="background-color: #1f1f1f; color: #cccccc; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><br /></div><div style="background-color: #1f1f1f; color: #cccccc; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><br /></div>
ไฟล์ update ข้อมูล
<div>ในส่วนนี้จะคล้ายๆกับไฟล์ create.php สามารถคัดลอกมาวาง และแก้ไขได้เลย </div><div>กรณีเราต้องการแก้ไข เปลี่ยนแปลงข้อมูล ก็จะใช้ไฟล์นี้เรียกคำสั่งทำงาน ขึ้นมา </div><div><div style="background-color: #1f1f1f; color: #cccccc; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #569cd6;"><?php</span></div><div><span style="color: #c586c0;">include</span><span style="color: #d4d4d4;"> </span><span style="color: #ce9178;">'function.php'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">pdo_connect_mysql</span><span style="color: #d4d4d4;">();</span></div><div><span style="color: #9cdcfe;">$msg</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #6a9955;">// Check if the contact id exists, for example update.php?id=1 will get the contact with the id of 1</span></div><div><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (</span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">])) {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (!</span><span style="color: #dcdcaa;">empty</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">)) {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// This part is similar to the create.php, but instead we update a record and not insert</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$id</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">] : </span><span style="color: #569cd6;">NULL</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$fname</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'fname'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'fname'</span><span style="color: #d4d4d4;">] : </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$lname</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'lname'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'lname'</span><span style="color: #d4d4d4;">] : </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$phone</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'phone'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'phone'</span><span style="color: #d4d4d4;">] : </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$class</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'class'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'class'</span><span style="color: #d4d4d4;">] : </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$datecreate</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'datecreate'</span><span style="color: #d4d4d4;">]) ? </span><span style="color: #9cdcfe;">$_POST</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'datecreate'</span><span style="color: #d4d4d4;">] : </span><span style="color: #dcdcaa;">date</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Y-m-d H:i:s'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// Update the record</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">prepare</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'</span><span style="color: #569cd6;">UPDATE</span><span style="color: #ce9178;"> tbl_student </span><span style="color: #569cd6;">SET</span><span style="color: #ce9178;"> id </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ?, fname </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ?,lname </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ?, phone </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ?, class </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ?, datecreate </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ? </span><span style="color: #569cd6;">WHERE</span><span style="color: #ce9178;"> id </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ?</span><span style="color: #ce9178;">'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">execute</span><span style="color: #d4d4d4;">([</span><span style="color: #9cdcfe;">$id</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">$fname</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">$lname</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">$phone</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">$class</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">$datecreate</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]]);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$msg</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">'Updated Successfully!'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> }</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// Get the contact from the contacts table</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">prepare</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'</span><span style="color: #569cd6;">SELECT</span><span style="color: #ce9178;"> </span><span style="color: #d4d4d4;">*</span><span style="color: #ce9178;"> </span><span style="color: #569cd6;">FROM</span><span style="color: #ce9178;"> tbl_student </span><span style="color: #569cd6;">WHERE</span><span style="color: #ce9178;"> id </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ?</span><span style="color: #ce9178;">'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">execute</span><span style="color: #d4d4d4;">([</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]]);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">fetch</span><span style="color: #d4d4d4;">(</span><span style="color: #4ec9b0;">PDO</span><span style="color: #d4d4d4;">::FETCH_ASSOC);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (!</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">) {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">exit</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Contact doesn</span><span style="color: #d7ba7d;">\'</span><span style="color: #ce9178;">t exist with that ID!'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> }</span></div><div><span style="color: #d4d4d4;">} </span><span style="color: #c586c0;">else</span><span style="color: #d4d4d4;"> {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">exit</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'No ID specified!'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;">}</span></div><div><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><br /><div><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">template_header</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Read'</span><span style="color: #d4d4d4;">)</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><br /><div><span style="color: grey;"><</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"content update"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span>Update Contact #<span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">form</span> <span style="color: #9cdcfe;">action</span>=<span style="color: #ce9178;">"update.php?id=</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">method</span>=<span style="color: #ce9178;">"post"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"id"</span><span style="color: grey;">></span>ID<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"name"</span><span style="color: grey;">></span>Name<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"id"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"1"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"id"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"fname"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"John Doe"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'fname'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"fname"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"email"</span><span style="color: grey;">></span>Email<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"phone"</span><span style="color: grey;">></span>Phone<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"lname"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"johndoe@example.com"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'lname'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"lname"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"phone"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"2025550143"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'phone'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"phone"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"title"</span><span style="color: grey;">></span>Title<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">label</span> <span style="color: #9cdcfe;">for</span>=<span style="color: #ce9178;">"created"</span><span style="color: grey;">></span>Created<span style="color: grey;"></</span><span style="color: #569cd6;">label</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"text"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"class"</span> <span style="color: #9cdcfe;">placeholder</span>=<span style="color: #ce9178;">"Employee"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'class'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"class"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"datetime-local"</span> <span style="color: #9cdcfe;">name</span>=<span style="color: #ce9178;">"datecreate"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"</span><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">date</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Y-m-d\TH:i'</span><span style="color: #d4d4d4;">, </span><span style="color: #dcdcaa;">strtotime</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'datecreate'</span><span style="color: #d4d4d4;">]))</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">"</span> <span style="color: #9cdcfe;">id</span>=<span style="color: #ce9178;">"datecreate"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">input</span> <span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"submit"</span> <span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"Update"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">form</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (</span><span style="color: #9cdcfe;">$msg</span><span style="color: #d4d4d4;">): </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$msg</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">endif</span><span style="color: #d4d4d4;">; </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div><span style="color: grey;"></</span><span style="color: #569cd6;">div</span><span style="color: grey;">></span></div><br /><div><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">template_footer</span><span style="color: #d4d4d4;">()</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div></div></div><div>ไฟล์ delete.php สำหรับการลบข้อมูลออกจากฐานข้อมูล</div><div><div style="background-color: #1f1f1f; color: #cccccc; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #569cd6;"><?php</span></div><div><span style="color: #c586c0;">include</span><span style="color: #d4d4d4;"> </span><span style="color: #ce9178;">'function.php'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;"> = </span><span style="color: #dcdcaa;">pdo_connect_mysql</span><span style="color: #d4d4d4;">();</span></div><div><span style="color: #9cdcfe;">$msg</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">''</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #6a9955;">// Check that the contact ID exists</span></div><div><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (</span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">])) {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// Select the record that is going to be deleted</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">prepare</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'</span><span style="color: #569cd6;">SELECT</span><span style="color: #ce9178;"> </span><span style="color: #d4d4d4;">*</span><span style="color: #ce9178;"> </span><span style="color: #569cd6;">FROM</span><span style="color: #ce9178;"> </span><span style="color: #569cd6;">WHERE</span><span style="color: #ce9178;"> id </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ?</span><span style="color: #ce9178;">'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">execute</span><span style="color: #d4d4d4;">([</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]]);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">fetch</span><span style="color: #d4d4d4;">(</span><span style="color: #4ec9b0;">PDO</span><span style="color: #d4d4d4;">::FETCH_ASSOC);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (!</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">) {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">exit</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Contact doesn</span><span style="color: #d7ba7d;">\'</span><span style="color: #ce9178;">t exist with that ID!'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> }</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// Make sure the user confirms beore deletion</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (</span><span style="color: #dcdcaa;">isset</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'confirm'</span><span style="color: #d4d4d4;">])) {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'confirm'</span><span style="color: #d4d4d4;">] == </span><span style="color: #ce9178;">'yes'</span><span style="color: #d4d4d4;">) {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// User clicked the "Yes" button, delete record</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;"> = </span><span style="color: #9cdcfe;">$pdo</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">prepare</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'</span><span style="color: #569cd6;">DELETE</span><span style="color: #ce9178;"> </span><span style="color: #569cd6;">FROM</span><span style="color: #ce9178;"> </span><span style="color: #569cd6;">WHERE</span><span style="color: #ce9178;"> id </span><span style="color: #d4d4d4;">=</span><span style="color: #ce9178;"> ?</span><span style="color: #ce9178;">'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$stmt</span><span style="color: #d4d4d4;">-></span><span style="color: #dcdcaa;">execute</span><span style="color: #d4d4d4;">([</span><span style="color: #9cdcfe;">$_GET</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]]);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #9cdcfe;">$msg</span><span style="color: #d4d4d4;"> = </span><span style="color: #ce9178;">'You have deleted the contact!'</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> } </span><span style="color: #c586c0;">else</span><span style="color: #d4d4d4;"> {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #6a9955;">// User clicked the "No" button, redirect them back to the read page</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #dcdcaa;">header</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Location: read.php'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">exit</span><span style="color: #d4d4d4;">;</span></div><div><span style="color: #d4d4d4;"> }</span></div><div><span style="color: #d4d4d4;"> }</span></div><div><span style="color: #d4d4d4;">} </span><span style="color: #c586c0;">else</span><span style="color: #d4d4d4;"> {</span></div><div><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">exit</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'No ID specified!'</span><span style="color: #d4d4d4;">);</span></div><div><span style="color: #d4d4d4;">}</span></div><div><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">template_header</span><span style="color: #d4d4d4;">(</span><span style="color: #ce9178;">'Delete'</span><span style="color: #d4d4d4;">)</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><br /><div><span style="color: grey;"><</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"content delete"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span>Delete Contact #<span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">h2</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">if</span><span style="color: #d4d4d4;"> (</span><span style="color: #9cdcfe;">$msg</span><span style="color: #d4d4d4;">): </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$msg</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: grey;"></</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">else</span><span style="color: #d4d4d4;">: </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span>Are you sure you want to delete contact #<span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span>?<span style="color: grey;"></</span><span style="color: #569cd6;">p</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">div</span> <span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"yesno"</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">a</span> <span style="color: #9cdcfe;">href</span>=<span style="color: #ce9178;">"delete.php?id=</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">&confirm=yes"</span><span style="color: grey;">></span>Yes<span style="color: grey;"></</span><span style="color: #569cd6;">a</span><span style="color: grey;">></span></div><div> <span style="color: grey;"><</span><span style="color: #569cd6;">a</span> <span style="color: #9cdcfe;">href</span>=<span style="color: #ce9178;">"delete.php?id=</span><span style="color: #569cd6;"><?=</span><span style="color: #9cdcfe;">$contact</span><span style="color: #d4d4d4;">[</span><span style="color: #ce9178;">'id'</span><span style="color: #d4d4d4;">]</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span><span style="color: #ce9178;">&confirm=no"</span><span style="color: grey;">></span>No<span style="color: grey;"></</span><span style="color: #569cd6;">a</span><span style="color: grey;">></span></div><div> <span style="color: grey;"></</span><span style="color: #569cd6;">div</span><span style="color: grey;">></span></div><div> <span style="color: #569cd6;"><?php</span><span style="color: #d4d4d4;"> </span><span style="color: #c586c0;">endif</span><span style="color: #d4d4d4;">; </span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div><div><span style="color: grey;"></</span><span style="color: #569cd6;">div</span><span style="color: grey;">></span></div><br /><div><span style="color: #569cd6;"><?=</span><span style="color: #dcdcaa;">template_footer</span><span style="color: #d4d4d4;">()</span><span style="color: #569cd6;">?</span><span style="color: #569cd6;">></span></div></div></div><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-47726025132476333442023-07-04T15:05:00.005+07:002023-07-04T21:14:33.570+07:00แปลง celcius to farenheit ด้วย google sheet <p> เราสามารถใช้งาน Google sheet ในการสร้างสูตรคำนวณได้ ไม่จำกัด รวมถึงการแปลงหน่วยองศา เซลเซียสเป็นฟาเรนไฮน์ เช่นกัน</p><p>เราจะมาดูการเขียน code ภาษาในการแปลงหน่วยวัดองศากัน เริ่มจากเปิด google sheet ขึ้นมา </p><p>มี แค่ 2 คอลัมน์คือ เซลเซียส กับ ฟาเรนไฮน์ </p><p>ในช่องฟาเรนไฮน์ให้เรากรอกข้อมูล = CTOFH (A2)<span></span></p><a name='more'></a><p></p><p><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDiqSZ02Sma21Z_2TDd5a4bpkRQJGjGBAztoJ4U4w5SvhUGvyTIfAH19H2w3mZr1Ur0wZ5P8g5bU9IbfCafm96R3bvel58uFh9PpRxVQL1Mzoxag88q5pQo8EwuzLVCED3R-wuoyNiZemdjFjzT0XUtBJb7CvXx6JlrOoH8yita1rAmFiQdjkMz85RIIY/s620/ctf.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="415" data-original-width="620" height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDiqSZ02Sma21Z_2TDd5a4bpkRQJGjGBAztoJ4U4w5SvhUGvyTIfAH19H2w3mZr1Ur0wZ5P8g5bU9IbfCafm96R3bvel58uFh9PpRxVQL1Mzoxag88q5pQo8EwuzLVCED3R-wuoyNiZemdjFjzT0XUtBJb7CvXx6JlrOoH8yita1rAmFiQdjkMz85RIIY/s320/ctf.png" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div><br /></div><br /><p>การเรียนใช้สูตรใน script </p><p>คลิกส่วนขยาย </p><p>คลิก App Script พิมพ์ข้อความลงไป ตามภาพแล้ว save </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gUXswIHTyy8OPx9e4tnc95ViCyPk7Mh5_lt6AotfYNiuWaS8PYgoTpmkZUi1WBwj13wCV8zb4_zmwvDrjcSR8eTX0ztp--aJTxmeLoj8CQljuwpHfU0qTJjjaoBlXJq72hzK6LAZ5STzaudLUsUjGD5T8x8pad8l_c-sfE6S_6tfb9HvW9rKJaOrvqI/s939/ctf2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="478" data-original-width="939" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gUXswIHTyy8OPx9e4tnc95ViCyPk7Mh5_lt6AotfYNiuWaS8PYgoTpmkZUi1WBwj13wCV8zb4_zmwvDrjcSR8eTX0ztp--aJTxmeLoj8CQljuwpHfU0qTJjjaoBlXJq72hzK6LAZ5STzaudLUsUjGD5T8x8pad8l_c-sfE6S_6tfb9HvW9rKJaOrvqI/s320/ctf2.png" width="320" /></a></div><br /><p><br /></p><div style="background-color: #f8f9fa; color: #3c4043; font-family: "Roboto Mono", Consolas, "Courier New", monospace; font-size: 13px; line-height: 18px; white-space: pre;"><div><span style="color: #185abc;">function</span> <span style="color: #c92786;">CTOFH</span> (<span style="color: #202124;">input</span>) {</div><div><span style="color: #185abc;">return</span> <span style="color: #202124;">input</span> * <span style="color: #098591;">1.8</span> + <span style="color: #098591;">32</span>;</div><div><br /></div><div><br /></div><div>กลับมาที่หน้า Google sheet ลอง refresh ดูจะได้ค่าการแปลงตามที่เราต้องการ </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeesG5j2y9w6tlXjGyr-wW7CtzPL0NvimzI8pz-YDl2X3RG8pOCCNk0gc4zHhS2_0Qm7kOk0fZ3PMVzf2a5SgDab5izdT1Lb0jzbI4ZPt7LwW9hSR5V2KUoX3wwstWtxOqq7ChVWA5XMZnCBa0tXeC_S19hVZ7OImHIUY6JhRf8rq1CNbtOHhIVnjzitE/s792/ctf23.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="477" data-original-width="792" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeesG5j2y9w6tlXjGyr-wW7CtzPL0NvimzI8pz-YDl2X3RG8pOCCNk0gc4zHhS2_0Qm7kOk0fZ3PMVzf2a5SgDab5izdT1Lb0jzbI4ZPt7LwW9hSR5V2KUoX3wwstWtxOqq7ChVWA5XMZnCBa0tXeC_S19hVZ7OImHIUY6JhRf8rq1CNbtOHhIVnjzitE/s320/ctf23.png" width="320" /></a></div><br /><div><br /></div></div><span><!--more--></span><span><!--more--></span><span><!--more--></span><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-60907675681301515652023-07-03T15:29:00.001+07:002023-07-03T15:29:16.005+07:00ติดตั้งส่วนขยายแสดงภาพบน wordpress<p> สร้างอัลบัมภาพบนเวบไซต์ WordPress ด้วยส่วนขยาย </p><p>จุดเด่น พัฒนาแบบเปิด Open _source สามารถนำไปพัฒนาต่อได้ </p><p>สำหรับการแสดงภาพสวยๆ บนหน้าเวบ ที่ใช้โปรแกรม Wordpress ในการจัดทำ</p><p>ต้องมีความรู้พื้นฐาน ในการติดตั้ง plugin หรือส่วนขยายของ wordpress </p><p>เพิ่มความสวยงามและน่าสนใจกับเวบเพจของเรา ได้อย่างดี </p><p>ดาวโหลด <a href="https://wordpress.org/plugins/photo-gallery/" style="font-family: "Open Sans", sans-serif; font-size: 18px;" target="_blank">Photo Gallery by 10Web </a></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsQztORHEXhUiaed3B-ZAwVLs3HaxnWWFj2JCvlht849c5xYcwCEsviRFrv32KeiGyrMoyjRO8KuVaEdW7QcF5TkP1lV6CkfCCTFktMYZzTc_SW90inv_376v289G3jFrrTogeJCpEKsq0E0eIaXQq13dquPaHAcGs7wmy4tSxvENB0_NgGZ95TPR5neE/s941/ddd.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="559" data-original-width="941" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsQztORHEXhUiaed3B-ZAwVLs3HaxnWWFj2JCvlht849c5xYcwCEsviRFrv32KeiGyrMoyjRO8KuVaEdW7QcF5TkP1lV6CkfCCTFktMYZzTc_SW90inv_376v289G3jFrrTogeJCpEKsq0E0eIaXQq13dquPaHAcGs7wmy4tSxvENB0_NgGZ95TPR5neE/w400-h238/ddd.PNG" width="400" /></a></div><br /><p>ภาพตัวอย่างหน้าจอการทำงาน </p><p><span style="background-color: white; color: #32373c; font-family: "Open Sans", sans-serif; font-size: 18px;">“<a href="https://wordpress.org/plugins/photo-gallery/" target="_blank">Photo Gallery by 10Web </a>– Mobile-Friendly Image Gallery” is open source software. The following people have contributed to this plugin</span></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-24901216266381955642023-07-01T12:15:00.006+07:002023-07-01T13:01:07.266+07:00ฝึกเขียน code บันทึกข้อมูลนักเรียน<p> บทความนี้เป็นการหาความรู้จากแหล่งเปิด Open Source เพื่อฝึกฝนตนเองในการเขียน Code ภาษา โดยจะใช้บริการของ Google Sheet เป็นฐานข้อมูล และ ใช้ภาษา App Script ในการเขียน </p><p>ขั้นตอนแรก ให้เราไปที่ google Sheet ของเรา แล้วสร้าง ไฟล์ใหม่ขึ้นมา ตั้งชื่อว่า Test Form</p><p>สำหรับการฝึกฝนตามตัวอย่าง จะมีแค่ 2 คอลัมน์คือ Name กับ Date </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2kSNdrkUDPdxGA9xCG6Kv0bpmKnHE-iODG4SrgKWD68hs8CGeILQulA-4TTOqxpdW3mPeujdWbCW9XUFj-iVQAXPN5H_XYNLtE8g4MVO4w-hRxuLkuD-tyrMgI9hMY8ZO8GmI1NHIbIBnAtd9j79aBaFmwUrzVIQlYoSDSUDICB717_wB4DCsZH5WVZo/s849/test%20form.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="480" data-original-width="849" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2kSNdrkUDPdxGA9xCG6Kv0bpmKnHE-iODG4SrgKWD68hs8CGeILQulA-4TTOqxpdW3mPeujdWbCW9XUFj-iVQAXPN5H_XYNLtE8g4MVO4w-hRxuLkuD-tyrMgI9hMY8ZO8GmI1NHIbIBnAtd9j79aBaFmwUrzVIQlYoSDSUDICB717_wB4DCsZH5WVZo/w400-h226/test%20form.PNG" width="400" /></a></div><br /><p>บนเมนูบาร์ให้เราไปที่คำสั่ง ส่วนขยาย หรือ extension แล้วคลิก app script</p><p>จะได้ไฟล์ชื่อว่า รหัส.gs ให้เราฝึกเขียน code หรือ จะcopy ไปวางก็ได้ </p><pre class="prism line-numbers language-js" data-file="Code.gs" data-lang="JavaScript" style="border-radius: 0px; border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); counter-reset: linenumber 0; font-family: var(--hcb-font-family,"Menlo","Consolas","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif); font-size: var(--hcb-font-size,14px); hyphens: none; letter-spacing: 0.1px; line-height: 1; margin-bottom: 0px; margin-top: 0px; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1.75em 1.5em 1.75em 3.75em; position: static; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; word-break: normal;"><code class=" language-js" data-hcb-clip="1" style="border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; position: relative; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; white-space: inherit; word-break: normal; word-spacing: normal;"><span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">AddRecord</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span>name<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span> <span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span>
<span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">var</span> ss<span class="token operator" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span> SpreadsheetApp<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">getActiveSpreadsheet</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
<span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">var</span> mainSheet <span class="token operator" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span> ss<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">getSheetByName</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token string" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"MAIN"</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
mainSheet<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">appendRow</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">[</span>name<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">,</span> <span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">new</span> <span class="token class-name" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Date</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">startForm</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span>
<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span>
<span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">var</span> form <span class="token operator" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span> HtmlService<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">createHtmlOutputFromFile</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token string" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'AddForm'</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
SpreadsheetApp<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">getUi</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">showModalDialog</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span>form<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">,</span> <span class="token string" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Add Record'</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">addMenu</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span>
<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span>
<span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">var</span> menu <span class="token operator" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span> SpreadsheetApp<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">getUi</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">createMenu</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token string" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Custom'</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
menu<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">addItem</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token string" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'Add Record Form'</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">,</span> <span class="token string" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">'startForm'</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
menu<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">addToUi</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span>
<span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">onOpen</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token parameter" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">e</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span>
<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span>
<span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">addMenu</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span></code></pre><p>ในไฟล์จะมี 3 ส่วนหลักๆ คือส่วนที่เชื่อมต่อกับตารางฐานข้อมูล google sheet </p><p>ส่วนที่เรียกใช้งานแบบฟอร์ม html ในการกรอกข้อมูล</p><p>และส่วนที่เพิ่มเมนูในการเพิ่มข้อมูล Name </p><p>ขั้นตอนต่อมา ให้เราสร้างไฟล์สำหรับผู้ใช้งาน กรอกข้อมูล name เข้ามา </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitHPDspgwTSRLagUn36SkaWZSp8IlnvxKg1czkfNz9iDVS-TxgrDnwWAvMGwFI8F-h-rIFUeQalAumk7YZLfPF8zVvBS57PjiQHC7S_Vy3aSr6cplePzmHIodUxEX9PvJf-ikTTAkBebVWvNzHU5bYiWJ8xciy-HdkVkGCbItPazphSYzN4W2Re-IL6Sg/s1076/test%20form3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="354" data-original-width="1076" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitHPDspgwTSRLagUn36SkaWZSp8IlnvxKg1czkfNz9iDVS-TxgrDnwWAvMGwFI8F-h-rIFUeQalAumk7YZLfPF8zVvBS57PjiQHC7S_Vy3aSr6cplePzmHIodUxEX9PvJf-ikTTAkBebVWvNzHU5bYiWJ8xciy-HdkVkGCbItPazphSYzN4W2Re-IL6Sg/w400-h131/test%20form3.png" width="400" /></a></div><br /><p><br /></p><p>กำหนดชื่อไฟล์เป็น AddForm.html</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjINhT-ajPXVuhERqLmiPSc3X5ifW-aULnMrPsSQpjSin6TAOLFy3h0HUE-FOBgxjE-nXs0IU5V6rx2W3VkVk9Pn3rgY5-hKFDc6mNHjQos69fMqmMIqh0SWIWq2xy5yDupBhcGYHSqEVlEFC8nx13mSyCL7x_tAM7DaFP9tggVNkIqpdk-VZwfJZ-zFeo/s1153/test%20form2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="560" data-original-width="1153" height="194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjINhT-ajPXVuhERqLmiPSc3X5ifW-aULnMrPsSQpjSin6TAOLFy3h0HUE-FOBgxjE-nXs0IU5V6rx2W3VkVk9Pn3rgY5-hKFDc6mNHjQos69fMqmMIqh0SWIWq2xy5yDupBhcGYHSqEVlEFC8nx13mSyCL7x_tAM7DaFP9tggVNkIqpdk-VZwfJZ-zFeo/w400-h194/test%20form2.png" width="400" /></a></div><br /><p><br /></p><p>จะเขียน code ที่ละบรรทัด หรือจะ copy วางก็ตามสะดวกและถนัด</p><pre class="prism line-numbers language-html" data-file="AddForm.html" data-lang="HTML" style="border-radius: 0px; border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); counter-reset: linenumber 0; font-family: var(--hcb-font-family,"Menlo","Consolas","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif); font-size: var(--hcb-font-size,14px); hyphens: none; letter-spacing: 0.1px; line-height: 1; margin-bottom: 0px; margin-top: 0px; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1.75em 1.5em 1.75em 3.75em; position: static; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; word-break: normal;"><code class=" language-html" data-hcb-clip="2" style="border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; position: relative; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; white-space: inherit; word-break: normal; word-spacing: normal;"><span class="token doctype" style="border: 0px; box-sizing: border-box; color: slategrey; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><!DOCTYPE html></span>
<span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><</span>html</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span></span>
<span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><</span>head</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span></span>
<span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><</span>base</span> <span class="token attr-name" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">target</span><span class="token attr-value" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span>_top<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span></span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span></span>
<span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><</span>script</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span></span><span class="token script language-javascript" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">AddRow</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span>
<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span>
<span class="token keyword" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">var</span> name <span class="token operator" style="border: 0px; box-sizing: border-box; color: #c72c4c; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span> document<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">getElementById</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="token string" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"name"</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span>value<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
google<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span>script<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span>run<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.</span><span class="token function" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">AddRecord</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span>name<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span>
<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span>
</span><span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></</span>script</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span></span>
<span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></</span>head</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span></span>
<span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><</span>body</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span></span>
Name: <span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><</span>input</span> <span class="token attr-name" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="token attr-value" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span>text<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span></span> <span class="token attr-name" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">id</span><span class="token attr-value" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span>name<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span></span> <span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/></span></span>
<span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><</span>input</span> <span class="token attr-name" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">type</span><span class="token attr-value" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span>button<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span></span> <span class="token attr-name" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">value</span><span class="token attr-value" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span>Add<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span></span> <span class="token attr-name" style="border: 0px; box-sizing: border-box; color: #407b08; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">onclick</span><span class="token attr-value" style="border: 0px; box-sizing: border-box; color: #0077aa; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">=</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span>AddRow()<span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">"</span></span> <span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/></span></span>
<span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></</span>body</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span></span>
<span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token tag" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"></</span>html</span><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">></span></span></code></pre><pre class="prism line-numbers language-html" data-file="AddForm.html" data-lang="HTML" style="border-radius: 0px; border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); counter-reset: linenumber 0; font-family: var(--hcb-font-family,"Menlo","Consolas","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif); font-size: var(--hcb-font-size,14px); hyphens: none; letter-spacing: 0.1px; line-height: 1; margin-bottom: 0px; margin-top: 0px; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1.75em 1.5em 1.75em 3.75em; position: static; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; word-break: normal;"><code class=" language-html" data-hcb-clip="2" style="border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; position: relative; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; white-space: inherit; word-break: normal; word-spacing: normal;"><span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">อธิบาย Code ในส่วนนี้ จะมีช่องให้กรอกชื่อ และปุ่ม Add เพื่อเพิ่มข้อมูล</span></span></code></pre><pre class="prism line-numbers language-html" data-file="AddForm.html" data-lang="HTML" style="border-radius: 0px; border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); counter-reset: linenumber 0; font-family: var(--hcb-font-family,"Menlo","Consolas","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif); font-size: var(--hcb-font-size,14px); hyphens: none; letter-spacing: 0.1px; line-height: 1; margin-bottom: 0px; margin-top: 0px; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1.75em 1.5em 1.75em 3.75em; position: static; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; word-break: normal;"><code class=" language-html" data-hcb-clip="2" style="border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; position: relative; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; white-space: inherit; word-break: normal; word-spacing: normal;"><span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ส่วนที่ 2 จะอาศัยภาษา java script ในการทำงานร่วมกัน โดยชุดคำสั่งดังกล่าวจะอยู่ในแท็ก </span></span></code></pre><pre class="prism line-numbers language-html" data-file="AddForm.html" data-lang="HTML" style="border-radius: 0px; border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); counter-reset: linenumber 0; font-family: var(--hcb-font-family,"Menlo","Consolas","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif); font-size: var(--hcb-font-size,14px); hyphens: none; letter-spacing: 0.1px; line-height: 1; margin-bottom: 0px; margin-top: 0px; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1.75em 1.5em 1.75em 3.75em; position: static; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; word-break: normal;"><code class=" language-html" data-hcb-clip="2" style="border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; position: relative; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; white-space: inherit; word-break: normal; word-spacing: normal;"><span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><script> </script></span></span></code></pre><pre class="prism line-numbers language-html" data-file="AddForm.html" data-lang="HTML" style="border-radius: 0px; border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); counter-reset: linenumber 0; font-family: var(--hcb-font-family,"Menlo","Consolas","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif); font-size: var(--hcb-font-size,14px); hyphens: none; letter-spacing: 0.1px; line-height: 1; margin-bottom: 0px; margin-top: 0px; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1.75em 1.5em 1.75em 3.75em; position: static; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; word-break: normal;"><code class=" language-html" data-hcb-clip="2" style="border: none; box-sizing: border-box; color: var(--hcb-color--text,#1f1e1e); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; hyphens: none; line-height: 1.5; margin: 0px; outline: 0px; overflow-wrap: normal; padding: 0px; position: relative; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; white-space: inherit; word-break: normal; word-spacing: normal;"><span class="token tag" style="border: 0px; box-sizing: border-box; color: #990055; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="token punctuation" style="border: 0px; box-sizing: border-box; color: #5f5f5f; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">เมื่อผู้ใช้งานคลิกปุ่ม add จะเรียนใช้งานฟังก์ชั่น ที่ชื่อว่า AddRow </span></span></code></pre><pre class="prism line-numbers language-html" data-file="AddForm.html" data-lang="HTML" style="border-radius: 0px; border: none; box-sizing: border-box; counter-reset: linenumber 0; font-family: var(--hcb-font-family,"Menlo","Consolas","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif); font-size: var(--hcb-font-size,14px); hyphens: none; letter-spacing: 0.1px; line-height: 1; margin-bottom: 0px; margin-top: 0px; max-width: 100%; outline: 0px; overflow-wrap: normal; overflow: auto; padding: 1.75em 1.5em 1.75em 3.75em; position: static; tab-size: 4; text-shadow: 0 1px var(--hcb-color--text-shadow,#fff); vertical-align: baseline; word-break: normal;"><span style="color: #5f5f5f;">สำหรับคอลัมน์ date วันที่ จะเป็นอัตโนมัติของ google sheet ก็ว่าได้ </span></pre><p>ขั้นตอนการทดสอบการทำงานของไฟล์ </p><p>กลับมาที่ไฟล์ google sheet แล้วกด refresh จะมีเมนูบาร์ custom เพิ่มขึ้นมา ให้คลิกเลือกใช้งานฟังก์ชั่นในการเพิ่มข้อมูล </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs9xuQru2R27RiogCseq1VLFC3em9hKrxJZZcacs77OBXf4WtyZgk-FoFi4EthsMxYRLkgUGdGOtUM0-Z0E-tUGE-yATcmlCjaFk3uywmIKrpeBNPWcyk5IK25nV-q8TIU4G-ILHdb6RP872Aq6pmuZ3PkV8H4ptPwPVUEHI_s2ekFXshMfPUrdEM4ODM/s1319/test%20form4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="378" data-original-width="1319" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs9xuQru2R27RiogCseq1VLFC3em9hKrxJZZcacs77OBXf4WtyZgk-FoFi4EthsMxYRLkgUGdGOtUM0-Z0E-tUGE-yATcmlCjaFk3uywmIKrpeBNPWcyk5IK25nV-q8TIU4G-ILHdb6RP872Aq6pmuZ3PkV8H4ptPwPVUEHI_s2ekFXshMfPUrdEM4ODM/w400-h115/test%20form4.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;">ทดสอบกรอกข้อมูล name เข้าไปตามตัวอย่าง </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2TJq9lsxB35vgaYqDZYaWFn9_fkmPcLFQ_XiDyjGa1os-bawoVbu0NvX-YyRxuhDBzCtL8bWwr1x7GYAfqmgySWaXYUDuyXPyO7T_JsGKesjjiC6CLVtyiDtDVVo8-r38kogOFTwSa7vM9pXSFDAjyyxQzvM3SQwDkIrfpoYo58ndNDpVPg3pb6XDdf8/s1095/test%20form5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="528" data-original-width="1095" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2TJq9lsxB35vgaYqDZYaWFn9_fkmPcLFQ_XiDyjGa1os-bawoVbu0NvX-YyRxuhDBzCtL8bWwr1x7GYAfqmgySWaXYUDuyXPyO7T_JsGKesjjiC6CLVtyiDtDVVo8-r38kogOFTwSa7vM9pXSFDAjyyxQzvM3SQwDkIrfpoYo58ndNDpVPg3pb6XDdf8/w400-h193/test%20form5.png" width="400" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><p><br /></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-66814485489484705462023-06-29T14:43:00.006+07:002023-06-29T14:45:28.204+07:00ฝึกเขียน Google Apps Script แรก<p> App script เป็น Code ภาษาคอมพิวเตอร์ ที่น่าสนใจและนำมาพัฒนาปรับปรุงรูปแบบการทำงานของบุคคล หรือองค์กรได้อย่างน่าสนใจและมีประสิทธิภาพ </p><p>สำหรับมือใหม่หรือผู้เริ่มต้นศึกษา อยากจะลองเขียน Code แรกด้วยตนเอง </p><p>ขั้นตอนแรก ให้ไปสร้างไฟล์ google sheet ขึ้นมา ตั้งชื่อเป็น test01 ก็ได้</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyPPIG0WeUvuSEOOhwwqTwicpWp3KpQLIfHZQKiI8LTBdem6Zyve53llS_NYyKC0lcEePMklPTkrpM5jo04rlVVQTVMWkE0T4rdbdvujoRBAk0pXrUjzhvQveWcuyV3LBT_6E0YKQ2V-n3NE6en1LaXvsjf_CRBoAXgdFmD3o6l7ga-vaJQTC7_vhJm-s/s1288/1stapp.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="698" data-original-width="1288" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyPPIG0WeUvuSEOOhwwqTwicpWp3KpQLIfHZQKiI8LTBdem6Zyve53llS_NYyKC0lcEePMklPTkrpM5jo04rlVVQTVMWkE0T4rdbdvujoRBAk0pXrUjzhvQveWcuyV3LBT_6E0YKQ2V-n3NE6en1LaXvsjf_CRBoAXgdFmD3o6l7ga-vaJQTC7_vhJm-s/w640-h346/1stapp.png" width="640" /></a></div><br /><p>ในหน้าต่าง editor ของโปรแกรม จะมี</p><p>จะมีข้อมูลโครงสร้างภาษา เป็น myfunction </p><p>ให้ทดสอบพิมพ์ <code class="jscript plain" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px; border: 0px; box-shadow: none; box-sizing: content-box; direction: ltr; display: inline; float: none; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; height: auto; hyphens: none; inset: auto; line-height: 1.1em; margin: 0px; outline: 0px; overflow: visible; padding: 0px; position: static; vertical-align: baseline; white-space: pre; width: auto;">Browser.msgBox(</code><code class="jscript string" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px; border: 0px; box-shadow: none; box-sizing: content-box; color: blue; direction: ltr; display: inline; float: none; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; height: auto; hyphens: none; inset: auto; line-height: 1.1em; margin: 0px; outline: 0px; overflow: visible; padding: 0px; position: static; vertical-align: baseline; white-space: pre; width: auto;">"Hello World!"</code><code class="jscript plain" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px; border: 0px; box-shadow: none; box-sizing: content-box; direction: ltr; display: inline; float: none; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; height: auto; hyphens: none; inset: auto; line-height: 1.1em; margin: 0px; outline: 0px; overflow: visible; padding: 0px; position: static; vertical-align: baseline; white-space: pre; width: auto;">);</code></p><p><code class="jscript plain" style="background-attachment: initial; background-clip: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px; border: 0px; box-shadow: none; box-sizing: content-box; direction: ltr; display: inline; float: none; font-family: Monaco, Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; font-size: 19px; height: auto; hyphens: none; inset: auto; line-height: 1.1em; margin: 0px; outline: 0px; overflow: visible; padding: 0px; position: static; vertical-align: baseline; white-space: pre; width: auto;">เข้าไปในหน้าต่างโปรแกรม </code></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqx3l0Nv0cNzOxFA9-ytfXzKatBnONZtGOJPwb1CEG1Sw2U7p7rvzsfLRM1Mlf9gzsrFQ3zvnEbGCtXg8ZMcK7m8rayiac0UONkSIn-50EWB7f4uvfyQzKzIES_3Yi2gwBWgYcUbQ6zQw2Gtu2y5_oF2g1knYDqdzQOwrTpNav-JeB4sS-V7jebdytCZw/s995/2stapp.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="677" data-original-width="995" height="436" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqx3l0Nv0cNzOxFA9-ytfXzKatBnONZtGOJPwb1CEG1Sw2U7p7rvzsfLRM1Mlf9gzsrFQ3zvnEbGCtXg8ZMcK7m8rayiac0UONkSIn-50EWB7f4uvfyQzKzIES_3Yi2gwBWgYcUbQ6zQw2Gtu2y5_oF2g1knYDqdzQOwrTpNav-JeB4sS-V7jebdytCZw/w640-h436/2stapp.png" width="640" /></a></div><br /><br />การบันทึกและ ไอค่อนรูป disk และคลิกปุ่มคำสั่ง เรียกใช้<br /><br />อาจจะต้องยินยอมเงื่อนไขการรักษาความปลอดภัย ตรวจสอบสิทธิ์ และอนุญาตการเข้าใช้งานตามบัญชี gmail ของผู้ใช้งาน <br /><br /><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjviegKWJvNk70YPhDAP1mLZkQdQjv3T7UJ7gp07_HyEuyIbY2vV3Tl6bmbltZaUpfcRBoIuT8SFusIEf_IhyX-oGkb3VuHwntpGcvg0-mFTB3qnFJxuY-NbPu9LSlxiBBl3Zzii4aQojP4KSKPH4baQ5l5XV-_eGmCtvKjkUUJXPwE-Dd4dvhuaW4DDeA/s988/3stapp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="524" data-original-width="988" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjviegKWJvNk70YPhDAP1mLZkQdQjv3T7UJ7gp07_HyEuyIbY2vV3Tl6bmbltZaUpfcRBoIuT8SFusIEf_IhyX-oGkb3VuHwntpGcvg0-mFTB3qnFJxuY-NbPu9LSlxiBBl3Zzii4aQojP4KSKPH4baQ5l5XV-_eGmCtvKjkUUJXPwE-Dd4dvhuaW4DDeA/w640-h340/3stapp.png" width="640" /></a></div><br />ควรจะได้ข้อความผลการทำงานบนหน้าต่างตามภาพ <p></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-90657922103683731662023-06-28T22:31:00.001+07:002023-06-28T22:31:09.359+07:00ดาวโหลดและติดตั้ง Flutter<p> สำหรับท่านที่สนใจสร้างหรือพัฒนาแอพพลิเคชั่นใช้งาน ต่างๆ ผมอยากจะแนะนำให้ลองศึกษาและใช้งาน Flutter ในการทำงาน เพราะเป็นโปรแกรมที่ช่วยในการสร้างแอพออกมาใช้งานกับมือถือทั้งแบบ iOS และ Android เรียกว่าสร้างแอพเดียวสามารถใช้งานได้ทั้งสองค่ายเลยทีเดียว</p><p>ขั้นตอนการดาวโหลดและติดตั้ง ไปที่ลิงค์ <a href="https://docs.flutter.dev/get-started/install" target="_blank">install Flutter </a>เพื่อเลือกดาวโหลดไฟล์ติดตั้ง </p><p>เลือกระบบปฏิบัติการตามที่ต้องการ </p><p>Windows</p><p>macOS</p><p>Linux</p><p>Chrome</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1R75Jv8W567bQJDLDEU9QavKx1invISkADcDgy7vfjWjMB3sizX6GbXbXZo5G1SuiSamn0Oy5uAvQ6Wn7del-CwAmpR0DLLgDpeLxlZfGndJMepDA9uUhhJCtcSfjOpZFen9O-KPLwuRcxh1pCfRlZEdIO9oGP3gGvHup6ConE-CfpwKD5YATpS0SF8w/s1197/flutter.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="347" data-original-width="1197" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1R75Jv8W567bQJDLDEU9QavKx1invISkADcDgy7vfjWjMB3sizX6GbXbXZo5G1SuiSamn0Oy5uAvQ6Wn7del-CwAmpR0DLLgDpeLxlZfGndJMepDA9uUhhJCtcSfjOpZFen9O-KPLwuRcxh1pCfRlZEdIO9oGP3gGvHup6ConE-CfpwKD5YATpS0SF8w/w640-h186/flutter.PNG" width="640" /></a></div><br /><p>ในการสร้างแอพด้วย Flutter สามารถเลือกโปรแกรมสำหรับการเขียนโค้ดอย่าง VSC หรือ Android Studio ได้ </p><p>จากนั้นจะเป็นการ test drive หรือการทดสอบความพร้อมในการสร้างแอพด้วย flutter </p><p>เมื่อทุกส่วนพร้อมก็จะเริ่มต้นสร้างแอพแรกด้วย Flutter กัน โดยจะเริ่มจากง่ายไปหายาก ตามลำดับ</p><p><br /></p><p><br /></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7448170657324920323.post-31632707880464684782023-06-09T23:08:00.005+07:002023-06-09T23:11:57.965+07:00ภาพรวมๆ Overview สู่การพัฒนาฐานข้อมูลบนเว็บด้วยตนเอง <p> แนวความคิดการพัฒนาฐานข้อมูลด้วยภาษา PHP และ MYSQL </p><p>เพราะว่าเป็นฟรีแวร์ และมีการใช้งานโดยหลายระบบเช่น Facebook เป็นต้น</p><p>สำหรับผู้เริ่มต้นศึกษา และเรียนรู้การทำงาน จะต้องมีพื้นฐานด้าน คอมพิวเตอร์เครือข่าย Network และระบบปฏิบัติการเช่น Linux OS หรือ Windows เป็นต้น </p><p>การสื่อสารข้อมูลผ่านระบบเครือข่ายคอมพิวเตอร์ภายในองค์กร หรือระหว่างองค์กร Fiber Optic Network for instance </p><p>การดาวโหลดและติดตั้งแม่ข่ายจำลอง Web Service เช่น XAMPP ,APACHE2 เป็นต้น </p><p><a href="https://www.apachefriends.org/download.html" target="_blank">https://www.apachefriends.org/download.html</a></p><p>การดาวโหลดติดตั้งโปรแกรม Coding Editor แนะนำเป็นโปรแกรม VSC </p><p><a href="https://code.visualstudio.com/download">https://code.visualstudio.com/download</a></p><p>การออกแบบและสร้างตารางฐานข้อมูล </p><p>การสร้างไฟล์สำหรับการ Connect หรือเชื่อมต่อฐานข้อมูลหรือ Database </p><p>การสร้างแบบฟอร์มสำหรับให้ผู้ใช้งาน user กรอกข้อมูลเข้ามา </p><p>การตกแต่งฟอร์มโดยใช้คำสั่งจัดเรียงข้อมูลและตกแต่งแบบฟอร์มช่วยอย่าง Bootstarp เป็นต้น </p><p>การศึกษาการประกาศค่าตัวแปรภาษา PHP การศึกษาและเรียนรู้คำสั่งโครงสร้างภาษา PHP Syntax </p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENQIM6eUfODXp6X4jsUnEfEP3_hQHACe_3LLKaQ0j5S7oSwo1WV11_ow0elcgAGjyOxtD_OnXyA75DBwC_mu78rxnymRkrzCbP9jjbiALzHx5JK1iGyI6PHm3pEQl8QrGifU6R5qQv7zEvK-CbKHMdXWvyvIGNB2jtsMnBvgvjh05bN7F17egCqbs/s937/aaaaaa.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="447" data-original-width="937" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiENQIM6eUfODXp6X4jsUnEfEP3_hQHACe_3LLKaQ0j5S7oSwo1WV11_ow0elcgAGjyOxtD_OnXyA75DBwC_mu78rxnymRkrzCbP9jjbiALzHx5JK1iGyI6PHm3pEQl8QrGifU6R5qQv7zEvK-CbKHMdXWvyvIGNB2jtsMnBvgvjh05bN7F17egCqbs/w400-h191/aaaaaa.PNG" width="400" /></a></div><br /><p><br /></p><p>ขั้นตอน 2 การต่อยอดสู้การเขียนแอพเพื่อเชื่อมต่อระบบ SQL Databace โดยต้องศึกษาการเขียนประตูเชื่อมระหว่าง PHP MYADMIN กับ แอพพลิเคชั่นบน SmartPhone เช่น Node Js ,Flutter เป็นต้น </p><p><br /></p><div class="blogger-post-footer">http://www.thaifreewaredownload.com/</div>Unknownnoreply@blogger.com0