• จะทำอย่างไรให้สามารถดึงข้อมูลมาแสดงผลด้วย Progress bar โดยใช้ .Net (C#)

    Post Views: 23

    wanwarang.j

              จากบทความก่อนหน้านี้ ผู้เขียนได้แนะนำเกี่ยวกับ Progress bar และวิธีการใช้งานเบื้องต้นกันไปแล้ว ซึ่งใครที่ยังไม่ได้อ่าน สามารถอ่านเพิ่มเติมได้ ที่นี่ มาถึงในบทความนี้ ผู้เขียนจึงขอนำความรู้ดังกล่าวมาต่อยอดประยุกต์ใช้กับการทำงานจริงที่มีการดึงข้อมูลตอน Runtime มาแสดงผลด้วย Progress bar โดยผู้เขียนจะไม่ขอลงรายละเอียดในส่วนของการสร้างสไตล์ชีทและการกำหนดค่าต่างๆแล้ว แต่จะเน้นในส่วนของการดึงข้อมูลมาแสดงแทน โดยผู้เขียนจะพยายามยกตัวอย่างให้เห็นหลายแนว เพื่อให้ผู้อ่านเห็นภาพในการนำไปใช้มากขึ้น ซึ่งแต่ละแบบจะต้องทำอย่างไรบ้าง มาดูกันเลยค่ะ แบบแถบละสี ดึงข้อมูลจากฐานข้อมูล และจัดเตรียม Tag Html ที่จะใช้ในการแสดงผล 2. เมธอดในการแปลงค่าสไตล์ชีทเพื่อปรับสีตามจำนวนที่ส่งมาเป็นพารามิเตอร์ จากโค้ดข้างต้นจะเป็นการกำหนดสไตล์ชีทที่จะใช้ ซึ่งจะขึ้นอยู่กับจำนวนค่า % ที่ส่งมาเป็นพารามิเตอร์ โดยจะแบ่งออกเป็น 4 ช่วง สีแดง ช่วงตั้งแต่ 0 – 25 % สีส้ม ช่วงตั้งแต่ 26 – 50 % สีฟ้า ช่วงตั้งแต่ 51 – 75 % สีเขียว ช่วงตั้งแต่…

    >> Read More <<

    , ,

  • มาทำความรู้จักและเรียนรู้การใช้งาน Progress bar ในเบื้องต้นกันเถอะ

    Post Views: 153

    wanwarang.j

              โดยปกติแล้วในการพัฒนาเว็บไซต์ของเรา คงมีบางเวลาที่เราอาจจะอยากแสดงผลข้อมูลของเราในรูปแบบของ Progress bar ซึ่งเป็นแถบของข้อมูล เพื่อเพิ่มมุมมองให้กับการแสดงผลให้ไม่น่าเบื่อจำเจแทนที่จะเป็นเพียงการแสดงผลตัวเลขเฉยๆ โดยเจ้า Progress bar นี้จะทำให้เราเห็นภาพได้ว่า ข้อมูลของเราได้ดำเนินการใกล้ถึงเป้าหมายแล้วหรือยัง ซึ่งขึ้นอยู่กับวัตถุประสงค์ในการนำไปใช้ ดังนั้นในบทความนี้ ผู้เขียนจึงขอแนะนำวิธีการใช้งาน Progress bar แบบเบื้องต้น โดยจะมีขั้นตอนง่ายๆ 3 ขั้นตอน ดังนี้ การกำหนสไตล์ชีท โดยเราจะใช้สไตล์ชีทเหล่านี้ เพื่อช่วยให้การแสดงผลของ Progress bar ของเราสวยงามมากยิ่งขึ้น ซึ่งการกำหนดสไตล์ชีทสามารถทำได้ 2 วิธี คือแบบที่กำหนดในไฟล์เลย หรือแยกเป็นไฟล์สไตล์ชีทต่างหากได้ ซึ่งโดยส่วนตัวผู้เขียนขอแนะนำให้ทำเป็นแบบแยกไฟล์สไตล์ชีทออกมาต่างหากแล้วอ้างถึงจากไฟล์ที่เรียกใช้แทน เพื่อง่ายต่อการปรับปรุง และใช้งานในครั้งต่อไปค่ะ ไฟล์ Progress.css เพิ่มเติม : การอ้างอิงไฟล์สไตล์ชีทจากภายนอก โดยที่อยู่ของไฟล์ก็ขึ้นกับการระบุของแต่ละท่าน 2. การกำหนดพื้นที่ในการแสดงผล Progress bar ในส่วนของแท็ก body ในไฟล์ html คำอธิบาย : จากตัวอย่าง จะเห็นว่าเราสามารถปรับแต่งและใส่ข้อมูลให้กับ Progress bar…

    >> Read More <<

  • ว่าด้วยการนับแถวข้อมูลใน ORACLE

    Post Views: 16

    chumnan.i

                  การนับแถวข้อมูล (Row Count) ในตารางข้อมูล (Table) บน ORACLE จะใช้คำสั่ง SQL พื้นฐานคือ                             SELECT COUNT(*) FROM table_name;               แต่ในบางครั้งข้อมูลที่ไม่ปกติหรือการเพิ่มพารามิเตอร์ในคำสั่ง COUNT อาจทำให้ได้ผลลัพธ์ที่แตกต่างกันได้ดังตัวอย่าง               จากภาพเป็นการเพิ่มตารางข้อมูล และเพิ่มข้อมูลในลักษณะที่แตกต่างกันคือ เพิ่มข้อมูลที่ไม่ซ้ำกัน เพิ่มข้อมูลซ้ำกัน เพิ่มข้อมูลที่เป็น NULL ทั้งสิ้น 7 rows               เมื่อใช้คำสั่งเรียกดูข้อมูลและนับจำนวนข้อมูลพบว่าข้อมูลถูกแสดงถูกต้อง และสามารถนับได้ 7 rows ถูกต้อง               เมื่อใช้พารามิเตอร์ ALL ในคำสั่ง COUNT จะพบว่าสามารถนับได้ 5 แถว ซึ่งจะหมายถึงการนับเฉพาะแถวที่มีค่าข้อมูล (ยกเว้นแถวที่มี F1 เป็น NULL)               การทำงานโดยใช้คำสั่ง SELECT COUNT( ALL…

    >> Read More <<

  • การใช้งานหน่วยเวลาใน ORACLE ระดับมิลลิวินาที

    Post Views: 15

    chumnan.i

                  การใช้งานประเภทเวลาใน ORACLE ที่เราใช้งานปกติคือข้อมูลประเภท Date (Data Type=Date) ซึ่งจะเก็บข้อมูลที่มีหน่วยเล็กที่สุดคือ วินาที (second)               การใช้งานระบบที่มีผู้ใช้จำนวนมากพร้อมๆกัน ในบางครั้งหน่วยวินาทีอาจไม่ละเอียดพอ จำเป็นต้องใช้หน่วยเวลาที่เล็กกว่าวินาทีคือมิลลิวินาที (1000 มิลลิวินาที = 1 วินาที) ซึ่งใน ORACLE ได้จัดเตรียมข้อมูลประเภทนี้ไว้ให้คือ Timestamp ซึ่งสามารถใช้งานได้ทั้งการสร้างเป็นคอลัมน์ในตารางข้อมูลหรือเป็นตัวแปรใน PL/SQL ดังตัวอย่าง การใช้งาน Timestamp ใน SQL               จากรูปจะสร้างฟิลด์ประเภท NUMBER, DATE และ TIMESTAMP (ที่ระดับความละเอียด 6 digits) โดยฟิลด์ DATE กำหนด Default Value = SYSDATE และ TIMESTAMP กำหนด Default = SYSTIMESTAMP               เมื่อเพิ่มข้อมูลโดยระบุค่าในฟิลด์ ID…

    >> Read More <<

  • Migrate จากฐานข้อมูล MySql มายัง Oracle ด้วย Sql Developer

    Post Views: 31

    cheerasak.s

    เนื่องจากงานที่รับผิดชอบ จะต้องมีการโอนย้ายข้อมูลจากฐานข้อมูลอื่นๆมายัง Oracle เป็นประจำ พบว่าการย้าย MySql มายัง Oracle นั้นสามารถทำได้ง่ายมาก (อาจเพราะเจ้าของเดียวกัน) โดยมีวิธีดังนี้ 1. ดาวส์โหลดและติดตั้ง Oracle SQL Developer 2. ทำการเชื่อมต่อไปยังฐานข้อมูล Oracle ด้วย User system 3. สร้าง Oracle User สำหรับเก็บข้อมูลจาก MySql และกำหนดสิทธิให้เรียบร้อย 4. ดาวส์โหลดไฟล์ Third Party JDBC Driver สำหรับ My Sql 5. เปิดการใช้งาน Third Party JDBC Driver โดยไปที่ Tools > Preferences > Database > Third Party JDBC Drivers…

    >> Read More <<

  • [บันทึกกันลืม] วิธีย้ายทั้ง Folder จาก Google Drive ไปยัง Shared Drives ขององค์กร

    Post Views: 18

    kanakorn.h

    จากที่ Google Apps for Education หรือ Google Workspace for Education ปัจจุบัน ซึ่งจากเดิม ชูนโยบาย Unlimited Storage มาเป็น 100 GB ต่อ คน และ 100 TB ต่อ องค์กร — เพียงพอ ต่อการใช้งานเพื่อการศึกษาจริง ๆ ถ้าจัดการให้ดี เหตุแห่งการเปลี่ยนแปลง ผมว่า ก็เรา ๆ นี่แหล่ะ ใช้พื้นที่เค้าแบบไม่ใช่เพื่อการศึกษา ต้องยอมรับก่อน แล้วเรามาแก้ไขกัน มีบางคนในองค์กร เอาไปเก็บไฟล์หนัง ไม่เกี่ยวกับการศึกษา จริงหรือไม่ รู้อยู่แก่ใจ, เรื่องนี้ Super Admin ขององค์กรตรวจสอบได้ ด้วย Google Vault จัดการให้เด็ดขาด (Super Admin รายงานได้ ผู้มีอำนาจต้องตัดสินใจ…

    >> Read More <<

  • [บันทึกกันลืม] แก้ปัญหารัน Shell Script กับมือทุกอย่างสมบูรณ์ แต่พอใช้ cron แล้วพัง

    Post Views: 11

    kanakorn.h

    เรา “จำกันมา” ว่า การเขียน Shell Script นั้น ทำด้วยมืออย่างไร ก็เขียนลงไปในไฟล์ แล้วเอา Shell เช่น Bash ไป Run แล้วเอาไปตั้งในไฟล์ /etc/cron.d/mycron ปัญหาคือ บางทีเขียนด้วยภาษา Script เช่น python, R แล้วบางที ก็อยากจะเพิ่มภาษาไทยเข้าไป ตามสูตร ก็ต้องใช้คำสั่ง locale ตรวจสอบ ก็จะพบว่า เป็น UTF-8 สวยงาม เขียนใส่ข้อมูลที่ประมวลผลมา ก็จะได้เป็นภาษาไทยสวยงาม แต่ พอเอาไปใส่ Shell Script ผลออกมาเป็นตัวอักษรบนตัวเลข ซึ่งนั่นคือ UTF-8 HEX code เหตุของปัญหา ก็ลองเอา คำสั่ง locale ไปใส่ใน Shell Script แล้วดูผลในไฟล์พบว่า สรุปคือ locale ตอนใช้…

    >> Read More <<

  • Youtube ~ Checks !!

    Post Views: 8

    parnchanok.j

    Hi ผู้อ่านทุกๆ ท่านนนนนนน ช่วงนี้เป็นช่วงการระบาดระลอกใหม่ ของ COVID-19 ซึ่งเรื่องที่ตามอย่างหลีกเลี่ยงไม่ได้เรื่องนึงเลยก็คือ การต้องทำงานแบบ WFH นั่นเอง !! (เฮ้อ ….) ส่วนตัวของผู้เขียนงานหลักๆ ในช่วงนี้ก็จะเป็นการอบรมออนไลน์ และสร้างสื่อวิดีโอ เพื่อแนะนำการใช้งานง่ายๆ ของระบบที่อยู่ภายใต้ความรับผิดชอบ โดยผู้เขียนเลือกจะที่ใช้ช่องทางการเผยแพร่วิดีโอ ผ่าน Youtube ซึ่งสะดวก และง่ายต่อการเข้าถึง ล่าสุด Youtube เหมือนจะมีเครื่องมือใหม่คือ Youtube Studio ที่มีส่วนเข้ามาช่วยตรวจสอบการละเมิดลิขสิทธิ์ของวิดีโอ ตั้งแต่ในส่วนขั้นตอนการอัปโหลด ก่อนการเผยแพร่ออกไป ซึ่ง … เฮ้ย มันโอเคเลยนะ ที่เราจะรู้ว่าวิดีโอเรามีการละเมิดลิขสิทธิ์ใดๆ หรือไม่ ไม่ใช่อัปโหลดแล้ว คนอื่นมาดูแล้ว แต่เพิ่งได้รับแจ้งว่าเนื้อหาภายในมีการละเมิดลิขสิทธิ์ !! (ตัวผู้เขียนเองก็เคยโดนอยู่บ่อยๆ แหะๆ) แล้วขั้นตอนการตรวจสอบทีว่าเพิ่มเข้ามาเนี่ย มันอยู่ตรงไหน ? งั้นไป ไปดูกันเลย …. ขอเริ่มต้นด้วยขั้นตอนหลักๆ ในการอัปโหลดวิดีโอ กันก่อนนะ ทุกคน ขั้นตอนที่ 1…

    >> Read More <<

  • Chrome ~ Live Caption

    Post Views: 12

    parnchanok.j

    กราบสวัสดีคุณผู้อ่านทุกๆ ท่านนนน … blog วันนี้ ผู้เขียนจะขอว่าด้วยเรื่องของ Google Chrome Live Caption !! คาดว่าหลายๆ ท่านอาจจะเคยเจอปัญหาเช่นเดียวกับผู้เขียน เช่น เมื่อเราต้องการดูข้อมูลวิธีการอะไรสักอย่างนึง เราก็จะ Search google เพื่อหาข้อมูล บ่อยครั้งที่ข้อมูลที่เราได้จะอยู่ในรูปแบบของวิดีโอ ซึ่งมีผู้รู้หลายๆ ท่านมาแชร์เอาไว้ และก็บ่อยครั้งอีกเช่นเดียวกัน ที่ความรู้เหล่านั้นอยู่ในรูปแบบภาษาอังกฤษ (ซึ่งทักษะภาษาอังกฤษของผู้เขียนก็ … นะ T T) ปัญหาของผู้เขียนก็คือ ฟังไม่ทัน ฟังไม่เข้าใจ เค้าพูดอะไร !! 55+ ดังนั้นผู้เขียนจึงหาข้อมูล หาวิธีการต่างๆ ที่จะช่วยให้ตัวเองสามารถเข้าใจในข้อมูลเหล่านั้นได้เพิ่มมากขึ้น ในระยะเวลาที่จำกัด ค้นไปค้นมา นั่นแน่ … ก็มาเจอกับ Feature ใหม่ของ Google Chrome ที่มีชื่อว่า Live Caption นั่นเอง Live Caption บน Google…

    >> Read More <<