Skip to Content

Blog Archives

Gherkin and Cucumber ทางเลือกใหม่ในการจัดการ Automation Testing ให้เป็นระบบ

ในกระบวนการพัฒนา Software แบบ Agile นั้น ใช้ User Story เพื่ออธิบาย Feature, Requirement ต่าง ๆ ของ Software ในมุมมองของ end-user แต่อย่างไรก็ตาม ก็ยังคงมีอุปสรรคในการสื่อสาร User Story เหล่านี้ระหว่าง Business Team และ Tech Team ให้เข้าใจตรงกัน Gherkin ถูกประดิษฐ์ขึ้นเพื่อช่วยแก้ไขปัญหานี้

 

Gherkin เป็นภาษาสำหรับบรรยาย Requirement และ Acceptance Criteria ในรูปแบบที่คล้าย Human Language ซึ่งช่วยให้ทีมงานทำความเข้าใจ Requirement ต่าง ๆ ได้ง่าย ทั้งในเชิง Business และ Technical

 

Gherkin Systax

การอธิบาย Scenario ด้วย Gherkin มีองค์ประกอบดังนี้

  1. Scenario: อธิบายสถานการณ์ของการใช้ระบบ
  2. Given: Precondition / Context / Step ที่ต้องเกิดขึ้นเพื่อนำระบบไปอยู่ใน State ที่ต้องการ ก่อนที่ผู้ใช้งานจะมี Interaction ใด ๆ กับระบบ ส่วนของ Given สามารถมีหลายข้อได้ และเชื่อมกันด้วย And
  3. When: Interaction ต่างที่ User กระทำ หากมีหลาย Action ให้เชื่อมด้วย And
  4. Then: ผลลัพธ์ที่เกิดขึ้น มักจะกล่าวถึงสิ่งที่เราต้องตรวจสอบ เช่น user interface, report, message, command output เป็นต้น และยังรวมถึง External System ที่เกี่ยวข้องด้วย เช่น หากมีการส่งข้อมูลไปยังระบบอื่น

 

Case Study: Login

ในบทความนี้ขอยกกรณีศึกษา User Story การเข้าสู่ระบบ (Login) โดยให้มี User Story ดังนี้

As a customer, I want to login using username and password, so that I can see information in the homepage.

 

Business Analyst (BA) สามารถเขียน Scenario ต่างๆ ในรูป Gherkin ได้ดังต่อไปนี้


Scenario Outline: Check login is successful with valid credentials

Given user is on login page

When user enters valid username and password – username: <username>, password: <password>

And clicks on login button

Then user is navigated to the home page

Examples:

| username | password |

| Raghav   |    12345 |

| Ele      |    12345 |


Scenario Outline: Check login is failed with invalid credentials

Given user is on login page

When user enters invalid username and password – username: <username>, password: <password>

And clicks on login button

Then error message is displayed – invalid credential

Examples:

| username | password |

|                    |    11111 |


 

จากตัวอย่าง มีการใช้ Example เพื่อกำหนด Test Data (Sample) สำหรับการทดสอบ โดยแต่ละ Scenario แรกมี 2 sample และ Scenario ที่สองมี 1 sample สิ่งที่เกิดขึ้นคือ เมื่อทำการทดสอบ โปรแกรมจะนำค่าใน Sample นี้ไปแทนค่า Variable ต่าง ๆ ของ Scenario นั้น เช่น <username>, <password>

นอกจากนี้แล้วเราสามารถใช้ Tag เพื่อใช้แบ่งกลุ่ม จัดระเบียบ จำแนก scenario ได้ โดยใส่เครื่องหมาย @ ตามด้วยข้อความใด ๆ ที่เราต้องการ ไว้หน้า Scenario เช่น เราต้องการแยก Positive/Negative Test หรือต้องการกำหนด Scenario สำหรับ Smoke Test ก็สามารถใส่ Tag @positive, @negative, @smoke ลงไปได้

Tag เหล่านี้จะถูกใช้ตอน Execute Test โดยระบุ Tag Name ของ Scenario ที่เราต้องการทดสอบลงไป โปรแกรมก็จะ Execute เฉพาะ Scenario เหล่านั้นให้

 


@positive

@smoke

Scenario Outline: Check login is successful with valid credentials


@negative

Scenario Outline: Check login is failed with invalid credentials


 

เรารวบรวม Scenario ที่เป็นรูปแบบ Gherkin ไว้ใน File ที่เรียกว่า Feature File และ File นี้จะถูกนำมาสร้างเป็น Code สำหรับ Automated Test ได้ โดยอาศัยเครื่องมือที่ชื่อว่า Cucumber โดยในบทความต่อไปนี้จะยกตัวอย่างการใช้ Cucumber ร่วมกับ Maven, Eclipse, Seleninum

เมื่อเราใช้ Cucumber อ่าน Feature File เราจะได้ Output ออกมาเป็น Code Snippet ซึ่งเป็นโครงร่างเพื่อนำไปเขียน Code ต่อดังรูปตัวอย่าง

รูปฝั่งซ้ายเป็น Feature File (userlogin.feature) ส่วนฝั่งขวาเป็น Code Snippet ในภาษา Java (LoginSteps.java) สำหรับนำไปเขียน code ทำ Automated Test ต่อ ให้สังเกตว่าใน Code จะมี Annotation @Given, @When, @Then ซึ่งจะสอดคล้องกับ Scenario ใน userlogin.feature

 

เมื่อเราได้ Code Snippet แล้ว เราสามารถใช้ Selenium Library for Java เพื่อสร้าง “Glue Code” สำหรับ Automated Test ต่อไปได้ โดยจะแบ่งเป็น Class Page Factory และ Class Test Step

Page Factory Class เป็น Class ที่เป็นตัวแทนของ Page (หน้าจอ) ที่เราต้องการทดสอบ เราจะประกาศตัวแปร Web Element ต่าง ๆ เท่าที่จำเป็นในการทดสอบ เช่น หน้าจอ Login ก็จะมี Web Element ได้แก่ name (Textbox), password (Textbox), login (Button) นอกจากนี้จะมีส่วนที่เป็น division สำหรับแสดงข้อความ error message อยู่ 2 ที่ ซึ่งไม่ได้กำหนด ID แต่ใช้ CSS Class ชื่อว่า invalid-feedback

 

สร้าง Class LoginPage_PF เป็น Page Factory โดยให้มีตัวแปร Web Element สอดคล้องกับหน้าจอ ดังนี้

 

สังเกตใน Class LoginPage_PF จะมีตัวแปร WebElement ผูกกับ ID ของ Object ต่าง ๆ บนหน้าจอ ด้วย Annotation @FindBy(id) นอกจากนี้เราสามารถสร้าง List ของ WebElement ได้ เช่น ค้นหา Object บนหน้าจอ ที่ใช้ CSS Class ชื่อว่า “invalid-feedback”

 

สำหรับ Constructor นั้น ให้รับ Parameter เป็น WebDriver เข้ามา ซึ่งจะทำให้เราสามารถผูก WebElement กับ Object บนหน้าจอได้

 

จากนั้นเราเขียน code selenium ที่สั่งให้ทำ Action ต่าง ๆ บนหน้าจอ เช่น การกรอก username ในช่อง name, การกรอก password ในช่อง password, การคลิกปุ่ม Login, การตรวจหาข้อความ “Password is invalid”

 

หลังจากที่ทำ Page Factor Class LoginPage_PF เสร็จแล้ว เราก็จะมาเขียน “Glue Code” ใน LoginSteps Class ต่อ ซึ่ง Class นี้จะเรียกใช้งาน LoginPage_PF และมี Method ต่าง ๆ สอดคล้องกับกับ Scenario ใน Feature File (userlogin.feature)

 

เราเริ่มจาก Code สำหรับ Initialize และ Finalize ก่อน

  • Method browserSetup() ใช้สำหรับ setup การทดสอบ โดยทั่วไปจะ create driver ของ browser ขึ้นมา (เช่น Chrome, Firefox, Edge ซึ่งในตัวอย่างนี้ใช้ Microsoft Edge) กำหนดค่า setting ทั่วไป (เช่น timeout)
  • Method teardown() ใช้สำหรับสิ้นสุดการทำงาน โดยทั่วไปจะ close driver และ quit driver

 

 

  • จาก Code ที่แสดง เราสามารถกำหนดให้บาง Method ทำงานก่อนที่จะเริ่ม execute test ได้ โดยใส่ Annotation @Before(order) ได้ พร้อมระบุ Order เป็นเลขลำดับ ในที่นี้เราใส่ @Before ให้กับ method browserSetup ()
  • ในทางกลับกัน เราสามารถกำหนดให้บาง Method ทำงานหลังการ execute test ได้เช่นกัน โดยใส่ Annotation @After(order) ในที่นี้เราใส่ @After ให้กับ method teardown()

 

จากนั้นเราเขียน code ส่วนที่เหลือ คือ Test Step ต่าง ๆ ตาม Scenario ซึ่งจะไปเรียกใช้ Method ต่าง ๆ ที่เราสร้างไว้ใน LoginPage_PF

  • user_enters_valid_username_and_password() : การกรอก username และ Password
  • clicks_on_login_button() : การกดปุ่ม Login

 

 

สุดท้ายคือ Code สำหรับตรวจสอบผลลัพธ์ ซึ่งในที่นี้จะตรวจสอบว่าหน้าจอที่แสดงเป็นหน้าจอ Home Page หรือไม่โดยค้นหา Object ปุ่ม Logout ถ้าค้นหาพบ แสดงว่าหน้าจออยู่ที่ Home Page แล้ว

 

สังเกตว่าจะเรียกใช้ Page Factory อีก Class หนึ่งคือ HomePage_PF ซึ่งมี Web Element ที่เราสนใจคือปุ่ม Logout

 

สุดท้ายเมื่อ Build แล้ว เราสามารถ Run Automated Test ได้ผ่าน Eclipse หรือ Command Line ก็ได้

รูปต่อไปนี้แสดงการใช้ Command Line “mvn test”

 

โปรแกรมก็จะเปิด Browser ขึ้นมา และทำ Action ต่าง ๆ ที่เราเขียน Scenario ไว้ โดยอัตโนมัติ จะสังเกตว่าแต่ละการทดสอบของ Scenario จะแสดง Scenario Step (Gherkin) คู่กับ Glue Code ที่ทำงาน โดยแสดง Package Name, Class Name, Method Name เช่น

  • Step “Given user is on login page” มี Glue Code ที่คู่กันคือ LoginStep.user_is_on_login_page

ซึ่งสิ่งนี้เองที่ทำให้เห็นภาพชัดเจนขึ้นว่า การใช้ Gherkin-Cucumber จะช่วยจัดระเบียบ ให้ทำความความเข้าใจและเชื่อมโยงระหว่าง Scenario และ Test ได้ดีขึ้น นอกจากนี้ หากอนาคตมีการเปลี่ยนรายละเอียดของ Step ก็จะทราบส่วนที่ต้องแก้ไข Code Automated Test ได้เร็วขึ้นด้วย

 

ในตอนท้าย โปรแกรมจะแสดงสรุปผลการ Test ว่าผ่านหรือไม่ผ่านกี่ Scenario

 

หากเราต้องการทดสอบบาง Scenario เราสามารถระบุ Cucumber option ตอนที่ Run maven test ได้ ในที่นี้ขอยกตัวอย่างง่าย ๆ ดังต่อไปนี้

  • กรณีต้องการทดสอบ scenario ที่มี tag ชื่อที่เราต้องการ เช่น

    • ต้องการทดสอบ scenario tag positive

mvn test -Dcucumber.options=”–tags @positive”


    • ต้องการทดสอบ scenario tag smoke

mvn test -Dcucumber.options=”–tags @smoke”


 

  • กรณีที่ Project มีหลาย Feature File เราสามารถเจาะจง Feature File ที่ต้องการทดสอบได้

    • การเจาะจงทดสอบเพียง Feature File ที่เราต้องการ ให้ระบุ Relative path ของ Feature file นั้น

mvn test -Dcucumber.options=”src/test/resources/features/userlogin.feature”


    • การเจาะจงทดสอบเพียง Feature File ใน Directory ที่เราต้องการ ให้ระบุ Relative path ของ Directory นั้น

mvn test -Dcucumber.options=”src/test/resources/features”


 

สำหรับบทความนี้ก็ขอจบเท่านี้ครับ หากสนใจโซลูชั่นด้านดิจิทัล สามารถติดต่อเราได้ที่อีเมล Marketing@stream.co.th หรือโทร. 02-679-2233 นะครับ

เรียบเรียงโดย Siripod Surabotsophon

Reference

  • Selenium Cucumber Java BDD Framework

https://youtu.be/4e9vhX7ZuCw

  • Source Code ในบทความนี้ สามารถ Download ได้จาก GitHub

https://github.com/siripods/SeleniumCucumberBDD

 

0 0 Continue Reading →

ปรับกระบวนการทำงานขององค์กรอย่างไรให้ปัง – RPA นวัตกรรมตัวช่วยสุดล้ำ

ทุกวันนี้โลกของเราพัฒนาไปข้างหน้าอย่างต่อเนื่อง วิธีการทำงานของผู้คนก็เปลี่ยนแปลงไป จากแต่เดิมเราใช้แรงงานของคนในการทำงาน ก็พัฒนาสิ่งต่าง ๆ มาทดแทนและเสริมสร้างกระบวนการทำงานให้มีประสิทธิภาพสูงขึ้น ทุกวันนี้มีการใช้หุ่นยนต์ และปัญญาประดิษฐ์ (AI) เข้ามาช่วยในการทำงานของผู้คนอย่างมาก ที่เกริ่นมานี้ เพราะเรามีเทคโนโลยีหนึ่งที่อยากแนะนำให้ทุกท่านรู้จักคือ “Robotic Process Automation” หรือเรียกย่อ ๆ ว่า “RPA” ซึ่งแน่นอนว่าเทคโนโลยีนี้จะช่วยให้กระบวนทำงานของท่านเป็นระบบและง่ายขึ้น

RPA เป็น software solution ที่มีความสามารถในการทำงานแทนมนุษย์ ข้อดีหลัก ๆ ของ RPA ก็คือการลดความผิดพลาดที่เกิดจากมนุษย์ (Human Error) ลดระยะเวลาทำงานลง และทำให้ได้ผลลัพธ์ของงานในปริมาณที่มากยิ่งขึ้น โดยที่การทำงานแทนของ RPA จะทำงานบน software อื่น ๆ บนเครื่องคอมพิวเตอร์ ใช้งานร่วมกับโปรแกรมต่าง ๆ เช่น Microsoft Excel, Web browser หรือแม้กระทั่ง SAP GUI ก็สามารถใช้ได้

งานที่เหมาะจะนำ RPA มาใช้ คือเนื้องานที่มีการทำซ้ำเป็นประจำทุกวัน หรืองาน routine โดยการทำงานของ RPA นั้น ควรตั้งอยู่บนเงื่อนไขที่ไม่ซับซ้อนมากเกินไป เพื่อให้การทำงานของ RPA มีความลื่นไหล และรวดเร็ว

ขอยก use case เพื่อช่วยอธิบายข้อดีของ RPA ให้เห็นภาพชัด ๆ สมมติว่า ณ บริษัทหนึ่งได้มีงานประเภท Finance เยอะมาก การทำงาน Finance ในส่วนของงาน Payment Process ใช้คนในการทำงานมากกว่า 20 คน เพื่อทำงานดังกล่าวให้เสร็จสิ้นใน 1 วัน แต่หลังจากนำ RPA มาประยุกต์ใช้ในงานนี้แล้ว จะสามารถลดปริมาณคนลงเหลือเพียงไม่กี่คน เพื่อตรวจสอบข้อมูลผิดปกติ ซึ่งเป็นปัญหาให้ไม่สามารถทำงานได้ตามกระบวนการเท่านั้น

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

สำหรับองค์กรที่อยากทราบข้อมูลของ RPA ให้มากขึ้น ทางสตรีมฯ สามารถให้คำปรึกษา วางแผน ไปจนถึงติดตั้งระบบ และดูแลระบบของท่านให้ดำเนินการเป็นปกติเรียบร้อย สนใจติดต่อฝ่ายการตลาด อีเมล Marketing@stream.co.th หรือโทร. 02-679-2233

0 0 Continue Reading →

สตรีมร่วมออกบูธกับ Resolve Systems ในงาน Telecomsworld Asia 2018

เมื่อวันจันทร์ที่ 19 มีนาคม ที่ผ่านมา บริษัทสตรีมได้ไปร่วมออกบูธกับ Resolve Systems ในงาน Telecomsworld Asia 2018 ที่จัดขึ้น ณ โรงแรมเซ็นทารา แกรนด์ แอท เซ็นทรัลเวิลด์

โซลูชัน Resolve Systems ที่นำไปออกเป็น Incident Automation Platform ซึ่งสามารถรับเรื่องปัญหาที่เกิดขึ้นโดยตรงจากอุปกรณ์ หรือระบบ monitoring อื่นๆ แล้วสั่งการให้ดำเนินการแก้ไข รวมถึงเก็บข้อมูลที่เกี่ยวข้องกับปัญหานั้นๆ แบบอัตโนมัติ และส่งให้คนที่เกี่ยวข้องได้ จึงทำให้การทำงานเป็นระบบมากขึ้นและมีประสิทธิภาพมากขึ้นด้วย

ผู้ที่สนใจ สามารถสอบถามรายละเอียดได้ที่ marketing@stream.co.th หรือโทร 02-679-2233 ค่ะ

0 0 Continue Reading →

Stream @ IBM Power Your Future with AI Forum

เมื่อวันพฤหัสที่ 8 มีนาคม 2561 ที่ผ่านมา สตรีมได้ไปร่วมออกบูธกับ IBM ในงาน Power Your Future with AI Forum จัดขึ้นที่โรงแรมแกรนด์ ไฮแอท เอราวัณ กรุงเทพฯ โดยนำ Software Application ล่าสุด “IBM Robotic Process Automation (RPA)” ไปร่วมแสดงในงาน

ซอฟต์แวร์ตัวนี้จะช่วยลดภาระงานกรอกข้อมูลที่ต้องมีคนทำทุกวัน กล่าวคือระบบจะทำหน้าที่ดึงข้อมูล ซึ่งปกติจะต้องมีคนเข้าไปกรอก ให้มาลงในส่วนต่างๆ ที่กำหนดโดยอัตโนมัติ

การทำงานของ RPA จะมีอยู่ 2 ส่วนหลัก ส่วนแรกคือ Screen Recorder เป็นการจดจำหน้าจอว่าจะต้องกดปุ่มไหน เพื่อทำงานอะไร ซึ่งระบบจะจดจำทุกอย่างเพื่อให้งานดำเนินไปตามที่ระบุ และส่วนที่สองคือ Task Editor ทำหน้าที่แทรกคำสั่งหรือเงื่อนไขพิเศษเข้าไป รวมถึงการสั่งการให้ระบบทำงานซ้ำๆ จนกว่าข้อมูลจะครบ

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

จุดที่แตกต่างและโดดเด่นกว่าระบบอื่นที่ทำงานคล้ายกันก็คือ RPA จะมี module ให้มาด้วย ไม่ว่าจะเป็น SAP, FTA, Database, Excel ฯลฯ ซึ่งช่วยเพิ่มประสิทธิภาพการทำงานให้ดียิ่งขึ้น

ชม Live สดจากงานได้ที่ https://www.facebook.com/techtalkthai/videos/2003127689717201/

ขอขอบคุณทุกท่านที่แวะมาชมและฟัง RPA ที่บูธสตรีมนะคะ

สนใจสอบถามข้อมูล product เพิ่มเติมได้ที่ marketing@stream.co.th หรือโทร 02-679-2233 ค่ะ

0 0 Continue Reading →

Automic Live Bangkok งานสัมมนาองค์ความรู้เทคโนโลยีการทำ Automation สุด Exclusive

Stream I.T. Consulting มีความยินดีเป็นอย่างยิ่ง ที่เราได้สนับสนุนและร่วมมือกับ Automic Software Pte. ซึ่งเป็นคู่ค้ากันมายาวนาน รังสรรค์จัดกิจกรรมดีๆ อย่างงาน Automic Live Bangkok ซึ่งจัดขึ้นเมื่อวันที่ 23 มีนาคม 2560 ณ โรงแรม The St. Regis Bangkok ให้กับลูกค้าผู้มีอุปการคุณ ได้มีทางเลือกในการส่งเสริมธุรกิจให้เติบโตอย่างยั่งยืน ด้วย Solution จาก Automic Software ซึ่งเป็นซอฟต์แวร์ที่ช่วยให้กระบวนการทำงานทางด้าน IT Operation สามารถดำเนินไปได้อย่างเป็นระบบ เป็นขั้นตอน และอัตโนมัติ

โดย Solution ของ Automic Software สามารถช่วยให้งาน IT Operation ต่างๆ เป็น IT Automation ได้อย่างมีประสิทธิภาพ  ไม่ว่าจะเป็นกระบวนการประมวลผลแบบ Batch Processing กระบวนการ Application Deployment  หรือกระบวนการบริหารจัดการระบบงานต่างๆ ใน Data Center ให้เป็นไปอย่างถูกต้อง รวดเร็ว ซึ่งจะช่วยเพิ่มประสิทธิภาพและลดเวลาในการทำงานทางด้าน IT Operation ได้อย่างมาก สามารถตอบสนองความต้องการทางด้านธุรกิจขององค์กรได้สูงสุด

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

เราได้รวบรวมภาพบรรยากาศในงานมาให้ชมกันค่ะ

ติดตามข้อมูลข่าวสารเกี่ยวกับ Stream I.T. Consulting ได้ที่เว็บไซต์ www.stream.co.th และ FB Fan Page www.fb.com/streamitconsulting

สนใจสอบถามรายละเอียดเกี่ยวกับโซลูชั่นต่างๆ ได้ที่ marketing@stream.co.th หรือโทร 02-679-2233

0 0 Continue Reading →

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายการใช้คุกกี้ และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

  • คุกกี้เพื่อการวิเคราะห์

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

Save