สวัสดีครับ หลังจากที่เราได้มีโอกาสไปร่วมงาน  TeCS: Thailand eCommerce Summit 2016  ที่จัดขึ้นเมื่อวัน พุธ ที่ 22 เดือนมิถุนายน พ.ศ. 2556  ที่ Grand Hyatt Erawan Hotel, กทม.  ภายในงานก็จะมีการเชิญเหล่าเจ้าพ่อ eCommerce ของเมืองไทยมาพูดคุยแลกเปลี่ยนแชร์ประสบการณ์ที่ทำให้เกิดผลสำเร็จ แบ่งออกเป็น 2 ส่วนใหญ่ ๆ  ได้แก่ Conference Room, Workshop Room  หากใครที่ยังไม่เข้าไปในห้องก็สามารถเดินดูบูธของบริษัทต่างๆ ที่นำสินค้าของตัวเองมาจัดแสดง และสามารถถามข้อสงสัยกับเจ้าหน้าที่ประจำบูทได้  แต่ในบทความนี้เราจะขอพูดถึง  Workshop Room

Workshop Room จะเป็นห้องเหล่าเจ้าพ่อ eCommerce มาแนะนำและแชร์ประสบการณ์ของตัวเองที่ได้ปฏิบัติมาจนทำให้เกิดความสำเร็จกับธุริจในปัจจุบัน ซึ่งจะมี Workshop  อยู่มากมาย แต่เราจะขอพูดถึง Workshop  ที่เป็น Session  ของ Facebook ครับ ซึ่งเขาจะพูดเกี่ยวกับเนื้อหาของ Social Commerce (S-Commerce) และ Elevate your sales with the new facebook page shop ซึ่งเป็นเนื้อหาที่น่าสนใจเลยทีเดียวครับ  สำหรับ Social Commerce  เราจะไม่ขอยกมาพูดในบทนี้ ซึ่งผู้อ่านสามารถเข้าไปอ่านได้จาก [ Blog ของคุณ Thanakrit Promsiri คลิกเพื่ออ่าน ]

ตอนนี้เทรนตลาด eCommerce กำลังมาแรงครับ  Facebook ได้พัฒนา New Feature สำคัญที่ช่วยให้พ่อค้าแม่ค้า ขายของบน Facebook ได้ดียิ่งขึ้นซึ่งเดิมที่จะสามารถเปิด  Fan page, Group  เพื่อขายสินค้าออนไลน์  เมื่อได้รับความนิยมจากผู้ใช้งานทั่วโลก  Facebook จึงได้ขยับมาเล่นในตลาดแพลตฟอร์มสำหรับธุรกิจออนไลน์อย่างเต็มตัว  จึงพัฒนาระบบดูแล page,group ที่มีประสิทธิภาพคือ  Facebook Shop  จัดเป็นกลุ่ม  Facebook for Business  ซึ่งเสริมฟังก์ชั่นให้ Facebook group, Fanpage ให้สามารถประกาศขายของภายในกลุ่มได้ และสามารถเลือกสั่งซื้อสินค้าและส่ง message ถึงเจ้าของร้านค้าได้อย่างง่ายดายครับ  จะมีเมนู  Shop  แสดงขึ้นมาที่  facebook fan page ครับ

1. หมดปัญหาโพสต์ใหม่ดันโพสต์เก่าลงไปข้างล่าง การโพสต์ผ่าน “เมนู Shop” จะทำใช้ลูกค้าเห็นสินค้าในลักษณะแคทตาล็อกอยู่บนสุดของเพจอยู่เสมอ แล้วใช้วิธีสไลด์ภาพสินค้าจากซ้ายไปขวา ซึ่งเป็นวิธีที่นิยมในการสไลด์ดูรูปบน Facebook อยู่แล้ว

2. ในแคตาล็อกสินค้า มีปุ่มให้ Message หาผู้ขายได้โดยตรง ทำให้เพิ่มโอกาสลูกค้าติดต่อเข้ามาที่ร้านโดยตรงมากขึ้น โอกาสขายสินค้าเพิ่มก็มีมากขึ้น

3. โฆษณาสินค้าได้น่าสนใจและคุ้มค่ามากขึ้น ไม่เหมือนแต่ก่อนจะต้องลงแรงทำ Boost Post กันหน่อย

4. วิเคราะห์พฤติกรรมลูกค้าง่ายขึ้น – การลงโฆษณาด้วยโพสต์แบบ “เมนู Shop” จะทำให้เจ้าของร้านเห็น Insight หรือข้อมูลสติถิทางพฤติกรรมได้ชัดเจนขึ้น รู้ว่าสินค้าตัวไหนในแคทตาล็อกได้รับความสนใจมากที่สุด ตัวไหนทำให้คนตัดสินใจทักข้อความมาหาเจ้าของร้านมากที่สุด เป็นต้น

1. ในเพจจะมีปุ่มคำว่า “+ Add Shop Section”  ที่มุมขวาบนของเพจ หากต้องการเพิ่ม Shop ก็สามารถคลิกเข้าไปได้เลยเลยครับ จากนั้นจะมี Pop up  แสดงขึ้นมา จากนั้นคลิกที่ปุ่ม  Add Shop Section
   
2. จากนั้นเพิ่มสินค้าให้กับ Shop ครับ
   
3. ภายใน Shop ของเราก็สามารถสั่งซื้อสินค้าได้อย่างง่ายดายแล้วครับ
   เขียนและเรียบเรียงโดย
   

หลังจากที่ทำความเข้าใจกับ Requirement ของระบบงานแล้ว ต่อมา ก็คือการเขียน Test script พอเขียนเสร็จ ก็จะเป็นขั้นตอนของการลงมือ Test ระบบตาม Step ที่เขียนใน Test script ซีงในส่วนของวิธีการที่ทำจะ Test ก็แล้วแต่ว่า Case ไหนเราสามารถทำ Automate test ได้ หรือ Case ไหนที่เราควร Manual Test

โดยในบทความนี้เราจะกล่าวถึงการทำ Automate Test โดยใช้ Robot framework ค่ะ

          “ Robot Framework คือซอฟต์แวร์ Open Source ที่ใช้สำหรับการทำ Acceptance Testing และ ATDD (Acceptance Test-Driven Development) โดยมีรูปแบบ Syntax ที่เป็นภาษาเขียนธรรมดาทำให้การ Test ระบบไม่น่าเบื่ออีกต่อไป ”

ตัวอย่างประโยคในการเขียน Test Script

Case 1 : ลงชื่อเข้าสู่ระบบ Facebook  กรณีระบุ Username  และ Password ถูกต้อง ระบบจะแสดงหน้าหลักของเว็บไซต์ Facebook

จากตัวอย่าง case ข้างต้นเราก็จะเห็น Process การทำงานที่เรียงเป็นลำดับได้ดังนี้

จาก Process ดังกล่าว เราสามารถนำมาเขียนเป็น Script ใน Robot framework ได้ดังนี้

1. เริ่มที่การวางโครงสร้างโดยใน sublime สามารถเรียกโครงสร้างของ Robot ได้โดยคลิกขวา > Robot Framework > Snippets

ก็จะปรากฎโครงสร้างส่วนต่าง ๆ ของ Robot ให้เลือกโดยที่เราไม่ต้องพิมพ์เองเลย

          บันทึกไฟล์ชื่อ case-1-facebook-login.txt ไว้ในโฟล์เดอร์ที่ต้องการ

2. เมื่อสร้างโครงสร้างเรียบร้อยแล้วก็เริ่มเขียน Test case ได้เลย ในกรอบสี่เหลี่ยมสีชมพูคือคีย์เวิร์ด ที่สั่งให้สคริปทำงานนั่นเองค่ะ สามารถเข้าไปดู Keyword ใน Selenium2Library ได้ที่นี่

คำอธิบาย :

Note : ช่องว่างระหว่าง Keyword กับ Argument ต้องห่างกัน 2 วรรคขึ้นไป ไม่เช่นนั้น Robot จะถือว่าเป็น Keyword เดียวกัน

• Open Browser https://www.facebook.com/    gc

คำสั่งเปิดเว็บไซต์ facebook  จากตัวอย่างจะเขียนตามด้วย  gc  คือจะเป็นการกำหนดเว็บบราวเซอร์เปิดโดยเว็บบราวเซอร์ Google Chrome แต่ถ้าไม่มีการกำหนด ก็จะเปิดเว็บไซต์ด้วย Default web browser นั่นคือ Firefox

• Wait Until Page Contains โลโก้ Facebook

Wait Until Page Contains เป็นคำสั่งที่ตรวจสอบว่า เจอสิ่งที่เราคาดหวังหรือไม่ จากตัวอย่างคือ เมื่อเปิดเว็บไซต์ facebook ขึ้นมาจะต้องเจอ “โลโก้ Facebook” ซึ่งสิ่งที่เราคาดหวังเราจะหาได้โดยการกด inspec ในหน้าเว็บไซต์

          ทั้งนี้สิ่งที่เราคาดหวังอาจจะเป็นได้ทั้งข้อความ, รูปภาพ, Text box หรือ Element อื่น ๆ ก็ได้ แต่ Wait Until Page Contains จะใช้ในกรณีสิ่งที่เราคาดหวังเป็น Text เท่านั้น ถ้าสิ่งที่เราคาดหวังเป็นรูปภาพอาจจะใช้คีย์เวิร์ดอื่นแทน เช่น

Wait Until Page Contains Element    <<Element locator>>

          ซึ่ง Element locator ได้แก่

• Input Text        email    xxx@hotmail.com

เป็นคำสั่งให้กรอกค่าลงไปใน Text box หรือ Text area ซึ่งระบุ Text box ที่ต้องการให้กรอกด้วย Element locator นั่นเอง

• Input Password pass    xxx

คำสั่งนี้ลักษณะการทำงานจะเหมือนกับ Input Text แต่ค่าข้อมูลที่ระบุลงไปจะเป็นลักษณะของการกรอก Password

• Click Button เข้าสู่ระบบ

เป็นคำสั่งให้คลิกปุ่ม

• Wait Until Page Contains หน้าหลัก

ตรวจสอบว่าเมื่อคลิกปุ่มเข้าสู่ระบบแล้ว หากกรอกอีเมล์และรหัสผ่านถูกต้อง ระบบจะแสดงหน้าหลักของ Facebok

• Close Browser

คำสั่งปิดบราวเซอร์ เมื่อเสร็จสิ้นการทำงาน

3. หลังจากที่เราทำการเขียนครบทุกคีย์เวิร์ดแล้ว กดบันทึกอีกครั้งแล้วทำการรันโดยกด Ctrl+B Robot ก็จะทำงานโดยเริ่มจากคีย์เวิร์ดในบรรทัดแรกไปจนถึงบรรทัดสุดท้าย

เมื่อรันเสร็จสิ้น Sublime จะแสดงผลการรันดังนี้

นอกจากนี้ตัว Robot framework ก็จะ Generate Log file หลังจากที่เสร็จสิ้นการรันเป็น .html ไฟล์ ในโฟล์เดอร์เดียวกับไฟล์ .txt ของเราด้วยซึ่งจะมีลักษณะดังนี้

Note: คีย์เวิร์ด “Wait Until Page Contain” หรือ “Wait …”  เป็นคีย์เวิร์ดที่สำคัญและจำเป็นที่จะต้องมีหลังจากที่เกิดการกระทำกับระบบที่เราทำการ Test เช่น Mouse action ต่าง ๆ เนื่องจากเป็นการกำหนดว่า พอเกิดการกระทำจากคำสั่งใด ๆ แล้วผลลัพธ์เมื่อการกระทำนั้นเกิดขึ้นจะเป็นอย่างไร

________________________________________________________________________

บทความอื่น ๆ ที่เกี่ยวกับ Robot framework

• มาทำความรู้จักกับ Robot framework เบื้องต้น
• การติดตั้ง Robot framework
• เขียน Script ใน Robot framework อย่างไร? เมื่อใน 1 case มีมากกว่า 1 Scenario

________________________________________________________________________

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

ทัศนีย์ คัดเจริญ
Quality Assurance

หลังจากที่ได้รู้จักกับ Robot Framework เบื้องไปแล้วจากบทความ มาทำความรู้จักกับ Robot Framework เบื้องต้น  ในบทความนี้จะกล่าวถึงขั้นตอนของการติดตั้งตัว Robot Framework กันนะคะ

สิ่งที่ต้องมี

• Python version 2.xx เท่านั้น (Robot Framework ยังไม่รองรับเวอร์ชั่นที่สูงกว่า)
• Get-pip.py
• Sublime Text version 2 หรือ 3
• Web Browser : Firefox

ขั้นตอนการติดตั้ง

1. ดาวน์โหลดและติดตั้ง Python

เข้าไปดาวน์โหลด Python ได้ที่ https://www.python.org/download/releases/2.7.8/  หลังจากนั้นทำการติดตั้ง

2. หลังจากนั้นทำการเซ็ต Path ของ Python ตามขั้นตอนต่อไปนี้

2.1 คลิกขวาที่ Computer

2.2 เลือก Properties

2.3 ปรากฎหน้า Advanced system settings

2.4 Environment Variables..

2.5 เลือก System Variables แล้วเลือก Path

2.6 คลิกปุ่ม Edit

2.7 จากนั้นทำการเพิ่ม Path “C:\Python27\;C:\Python27\Scripts\” ลงไป

3. ดาวน์โหลดและติดตั้ง get-pip.py

3.1 ทำการดาวน์โหลด get-pip.py จาก  https://bootstrap.pypa.io/get-pip.py

3.2 หลังจากได้ไฟล์ get-pip.py แล้ว คัดลอกไฟล์ไปไว้ในโฟล์เดอร์ที่ต้องการติดตั้ง

3.3 ทำการติดตั้งโดยเข้าไปในโฟล์เดอร์ที่เก็บไฟล์ get-pip.py  ดับเบิลคลิกที่ไฟล์ ก็จะเป็นการเริ่มติดตั้ง

3.4 เปิด cmd (command prompt) เพื่อตรวจสอบเวอร์ชันของ pip ที่ทำการติดตั้ง โดยพิมพ์คำสั่งต่อไปนี้

pip –version

4. ทำการติดตั้ง Robot Framework ผ่าน pip โดยพิมพ์คำสั่ง

pip install robotframework

5. ทดสอบว่าติดตั้งสำเร็จและสามารถใช้งานได้ โดยพิมพ์คำสั่ง

pybot –version

6. ติดตั้ง Library ที่จะใช้งาน โดยในที่นี้เราจะใช้งาน Selenium ก็สามารถติดตั้งโดยใช้คำสั่งต่อไปนี้

pip install robotframework-selenium2library

7. ติดตั้ง Sublime Text Editor

7.1 ติดตั้ง Sublime Text เวอร์ชัน 2 หรือ 3 ในที่นี้เราจะติดตั้งเวอร์ชัน 2

7.2 ติดตั้ง Package Control โดยเข้าไปคัดลอกซอร์สโค๊ดจาก   https://sublime.wbond.net/installation#st2

        7.3 เมื่อติดตั้งเสร็จแล้ว ทำการเปิดโปรแกรม Sublime Text ขึ้นมา จากนั้นเลือก View เลือก Show Console จากนั้นนำซอร์สโค๊ดที่คัดลอกไว้ใน 7.2 มาวางใน Console รอให้มันทำการติดตั้ง Package Control สักครู่

        7.4 หลังจากนั้น ทำการปิดโปรแกรม Sublime แล้วเปิดอีกครั้ง เพื่อเป็นการ Restart โปรแกรม

7.5 เมื่อ Restart Sublime เรียบร้อยแล้วขั้นตอนสุดท้าย คือการ install package Robot Framework เพื่อสามารถรันผ่าน Sublime ไปที่ Preferance > Package Control

จากนั้นพิมพ์คำว่า install เลือก install package

พิมพ์ Robot Framework

________________________________________________________________________

บทความอื่น ๆ ที่เกี่ยวกับ Robot framework

• มาทำความรู้จักกับ Robot framework เบื้องต้น
• การติดตั้ง Robot framework
• ถอด Test Script ให้เป็น Robot Script (Robot Framework)
• เขียน Script ใน Robot framework อย่างไร? เมื่อใน 1 case มีมากกว่า 1 Scenario

________________________________________________________________________

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

ทัศนีย์ คัดเจริญ
Quality Assurance

Code Smell & Refactoring ตอนที่ 2
จากครั้งที่แล้ว เรารู้จักความหมายของ Code Smell และ Refactoring กันแล้วนะครับ
วันนี้ Stream Magento ทีม Code คุณภาพ  มาพูดถึง Code Smell ในแต่ละชนิดกันครับ หากเรารู้ว่า Code Smell มีลักษณะอย่างไร เราก็จะป้องกันการเกิด Code Smell ได้ตั้งแต่ต้น และสามารถรู้จุดที่จะ Refactoring ให้ Code มีคุณภาพได้ครับ และอย่างไรก็ตามการใช้ Unit Testing Framework ตั้งแต่ต้นก็จะสามารถ Refactoring ได้ง่ายและปลอดภัย

ในครั้งนี้เราจะมาเล่าเกี่ยวกับประเภทของ Code Smell กันก่อนนะครับ เพื่อให้เข้าใจในภาพกว้างก่อนที่จะรายละเอียด Code Smell มีการแบ่งประเภทไว้ใหญ่ๆ  5 ประเภท

1. Code Smell แบบบวมๆ(Bloaters)

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

Bloaters  คือลักษณะของ Code, Method และ  Class ที่มีขนาดใหญ่ ทำงานหลายๆอย่างเสร็จสรรพในตัวมันเอง ลักษณะเหล่านี้ในระยะการเขียนโปรแกรมแรกๆอาจยังไม่ปรากฏขึ้น  แต่จะเกิดจากการเขียนส่วนเพิ่มเติมเข้าไป หรือขาดการวางโครงสร้างที่ดี และลักษณะ Bloaters  มีแนวโน้มสะสมโตขึ้นเรื่อยๆ ซึ่งจะเกิดผลเสียขึ้นในกรณีที่มีการเปลี่ยนแปลง การแก้ไขทำได้ยากเนื่องจาก อาจมีส่วนเกี่ยวข้องกับส่วนอื่นๆอีก มีความซับซ้อนมาก หรือถ้าพยายามเปลี่ยนแปลงโครงสร้างภายหลังทำให้ระบบพังเลยก็มี ดังนั้นในส่วนนี้จึงไม่มีใครอยากจะยุ่งเท่าไรนัก เป็นไปได้ว่า Code, Method และ  Class ที่มีขนาดใหญ่ ทำงานหลายๆอย่างเสร็จสรรพในตัวมันเอง แต่การเปลี่ยนแปลงเพียงเล็กน้อยนั้นก็เพียงพอที่จะทำให้ล้มเหลวหลายๆอย่างด้วยตัวมันเองได้เช่นกันครับ

2. Code Smell แบบใช้ OO  แบบผิดๆ(Object-Orientation Abusers)

วิธีการหรือแนวทางการเขียนโปรแกรม แม้จะมีหลากหลายแบบตามการใช้งาน แต่ก็ปฏิเสธไม่ได้ว่า การเขียนโปรแกรมเชิงวัตถุ ( Object-oriented programming, OOP) ได้รับความนิยมนำมาพัฒนาในงานธุรกิจเป็นอย่างมาก OOP คือรูปแบบการเขียนโปรแกรมคอมพิวเตอร์ ที่ให้ความสำคัญกับ วัตถุ ซึ่งสามารถนำมาประกอบกันและนำมาทำงานรวมกันได้ โดยการแลกเปลี่ยนข่าวสารเพื่อนำมาประมวลผลและส่งข่าวสารที่ได้ไปให้ วัตถุ อื่นๆที่เกี่ยวข้องเพื่อให้ทำงานต่อไป โดยหลักการ OO มีหลักการขั้นตอนที่เป็นที่ยอมรับกันในระดับสากล แต่ก็ไม่แปลกที่มีการละเมิดหลักการเหล่านั้น หรือการใช้งานแบบผิด เนื่องจากผู้เขียนเองไม่ทราบหลักการนั้นๆ หรือขี้เกียจ หรือสุดแท้แล้วแต่เหตุผล ดังนั้น Object-Orientation Abusers ก็คือ โปรแกรมที่ไม่สมบูรณ์ตามหลักการ หรือผิดหลักการการเขียนโปรแกรมเชิงวัตถุนั้นเองครับ

เนื้อหาชักจะมากเกินไป ครั้งนี้เอาไว้เพียงแค่นี้ก่อน ในครั้งต่อ ๆ ไปเราจะมาพูดถึง Code Smell 3 ประเภท  ที่เหลือนะครับ

Stream Magento ทีม Code คุณภาพ

Sources

• Refactoring: Improving the Design of Existing Code – Martin Fowler
• Mäntylä, M. V. and Lassenius, C. “Subjective Evaluation of Software Evolvability Using Code Smells: An Empirical Study”. Journal of Empirical Software Engineering, vol. 11, no. 3, 2006, pp. 395-431.

          จากงาน TeCS : Thailand eCommerce Summit 2016 จัดที่โรงแรม Grand Hyatt Erawan เมื่อวันที่ 22 มิถุนายน ที่ผ่านมา มีธุรกิจ eCommerce ชั้นนำมากมายที่เข้ามาร่วมพูดคุยแลกเปลี่ยนมุมมอง และแนวคิดในการทำธุรกิจให้ประสบความสำเร็จ

ธุรกิจหนึ่งที่น่าสนใจอย่าง 425Degree.com เว็บไซต์จำหน่ายเคสโทรศัพท์และ Accesseries อื่น ๆ  ซึ่งมีช่องทางการจัดจำหน่ายผ่าน Social Network อย่าง Facebook และ Line โดยคุณ Vee Lertsaroj ทีมาพูดคุย Workshop ในหัวข้อ “How to Engage your Customers with Facebook and Line” ทั้งนี้คุณ Vee ได้พูดถึงแนวคิดที่น่าสนใจในการดึงดูดลูกค้าให้เข้ามาชมสินค้าใน Facebook Fanpage และทำอย่างไรไม่ให้เกิดการ Reject Page

คุณ Vee กล่าวว่า “Bad content is Picture and price”

การขายแบบ Hard sale ถือว่าเป็น Bad content เมื่อโพสต์ในลักษณะนี้มากเกินไป ลูกค้าจะรู้สึกเบื่อ ผลสุดท้าย ก็จะเกิดการ Reject page

          และยังพบว่า แนวโน้ม ความสนใจของลูกค้าต่อโพสต์ในเพจ วิเคราะห์จากยอดกดไลค์และกดแชร์โพสต์พบว่า

          หากโพสต์เนื้อหาข่าว หรือบทความที่น่าสนใจ จะมียอดไลค์และแชร์เป็นจำนวนมาก แต่หากโพสต์ในลักษณะของการขาย ยอดไลค์และแชร์จะน้อย ทั้งนี้ วิธีการโพสต์ของเพจ 425Degree คือการสอดแทรกความรู้และข่าวสารประจำวันอื่น ๆ หรือข้อมูลที่เกี่ยวกับสินค้า เป็นการให้ข้อมูลความรู้แก่ลูกค้าไม่ให้ดูเป็น Hard sale มากเกินไป

และอีกหนึ่งจุดแข็งของเพจ 425Degree ก็คือ การทำวิดีโอรีวิวสินค้าแบบเจาะลึก ทำให้สินค้าดูมีความน่าสนใจและดึงดูดลูกค้าได้เป็นจำนวนมาก ซึ่ง ณ ขณะนี้มียอดกดติดตามเพจกว่า 1.3 ล้านคน!!

เรียกได้ว่าเป็นเป็นธุรกิจของคนรุ่นใหม่ที่ประสบความสำเร็จด้วย Social Commerce อย่างแท้จริง

ชมบรรยากาศในงาน TeCS 2016 เพิ่มเติมได้ที่นี่

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

ทัศนีย์ คัดเจริญ

Quality Assurance

Line Pay with Magento

Line Pay เป็นเเพลตฟอร์มการชำระเงินผ่านมือถือที่ผูกกับบัตรเครดิต/เดบิต ใช้ชำระสินค้าแทนกระเป๋าเงิน ซึ่งสะดวกและปลอดภัยเพราะ Line Pay มีระบบ OTP และ Touch ID ในการยืนยันตัวตน

เเบ่งประเภทเป็น 2 ประเภท คือ ลูกค้า กับ ร้านค้า

1.วิธีการสมัครLine Pay ของลูกค้า

• ลงทะเบียน Line pay via Line App

• เพิ่มบัตรเครดิต/เดบิต หลังจากกรอกแล้วครั้งต่อไปที่มีการชำระเงินก็ไม่ต้องใส่ข้อมูลบัตรทุกครั้ง บัตรที่สามารถใช้ได้ คือ VISA MASTER JCB เท่านั้น และสามารถใส่ข้อมูลบัตรได้ถึง3 ใบ ใน 1 account

• การชำระเงิน จะใช้บัตรเดบิต/เครดิต หรือการเติมเงินใส่Line pay ในการซื้อสินค้าหรือบริการกับร้านค้าที่ร่วมรายการ

2.วิธีการเชื่อมต่อLine Payเข้ากับ Magentoหรือเข้ากับเว็บไซต์ร้านค้า

1.สมัครLine Pay ก่อนตามลิงค์นี้ https://pay.line.me/th/intro?locale=th_TH

1.1 คลิ๊กลงทะเบียน กรอกข้อมูลสมัครและส่งเอกสารให้เรียบร้อย

2.เมื่อทำการลงทะเบียนเสร็จเรียบร้อย จะได้ username และ password มา

คลิ๊ก Mypage ในลิงค์นี้ https://pay.line.me/th/intro?locale=th_THแล้วจะมีให้Login

3.เมื่อLogin เข้ามาแล้วจะเห็นเป็นหน้าจอแบบนี้ คลิ๊ก Manage Payment Server IP แล้วก็กรอกไอพีสำหรับจัดการPayment server

4.คลิ๊กเลือก Manage Link Key แล้วใส่รหัสที่ได้รับจากLine Payที่ส่งเข้ามาในemail

5.หลังจากใส่รหัสผ่านเสร็จก็จะเห็นChannel ID and Channel secret Key เก็บรหัสตรงนี้ไว้ จะได้รหัสมา2ชุด เป็น sandbox mode และ real modeจะนำรหัสตรงนี้ไปใส่ใน payment method

การติดตั้งLine Pay

1.ไปที่admin panel System -> Magento Connect -> Magento Connect Manager

2.คลิ๊ก Plugin Download จาก https://pay.line.me/developers/magento/install?locale=th_TH

เลือกไฟล์ magento_0.7.0.tgz แล้วคลิก “Upload”

3. คลิ๊กอัพโหลดจะแสดงหน้าจอด้านล่าง

4. พอติดตั้งเสร็จแล้วไปที่admin panel -> system -> configuration ->Payment Method -> Line Pay แล้วเริ่มการใช้ enabled เป็น Yes กรอก Channel Info และ Development ที่ได้มาถ้าต้องการTest การชำระเงินให้เปิดโหมดsandbox เป็น yes

5. หลังจากติดตั้งเสร็จเรียบร้อยเราก็สามารถที่จะเลือกช่องทางการชำระเงินเป็นLine Pay ได้ทางหน้าเว็บไซต์ของร้านค้าของMagento

• Login การชำระเงิน หรือใช้Smartphone scan QR code เพื่อชำระเงินสินค้า
• ในกรณีเลือกการScan QR Code ลูกค้ายืนยันการซื้อด้วยLine Pay

• พอชำระเงินเสร็จเรียบร้อยด้านหน้าเว็บไซต้ของร้านค้าก็จะเเสดงหน้าจอแบบนี้ขึ้นมา

Reference:http://www.click-end.com/wp/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%8A%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%A1%E0%B8%95%E0%B9%88%E0%B8%AD%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%9A/#prettyPhoto

http://line.me/th/pay

https://pay.line.me/developers/magento/install?locale=th_TH

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

กัญญารัตน์ โพธิ์วรสิน

Kanyarat Povorasin

Magento Certified Developer Plus

https://www.magentocommerce.com/certification/directory/dev/2133171/

ข้อมูลของยอดขาย E-Commerce ในประเทศไทย

            ปีที่ผ่านมาหลายคนคงเห็นข่าวการทุ่มทุนของ “iTrueMart” มากกว่า 5.3 พันล้านบาท บุกตลาด E-Commerce หรือ ข่าว “เซ็นทรัล” จัดทัพออนไลน์ ทุ่ม 1 พันล้านพร้อมรุกเออีซี ผลักดันรายได้ธุรกิจออนไลน์ภายในปี 2563 เพิ่มเป็น 10% ของกลุ่มเซ็นทรัล หลายคนคงคิดว่าทำไมถึงต้องทุ่มทุนขนาดนั้น ลงทุนไปแล้วจะได้อะไรกลับมา เรามาดูกันครับ

*ข้อมูลมูลค่ายอดขายนี้เป็นตัวเลขประมาณการณ์โดยสำรวจจากการซื้อขายสินค้าที่จับต้องได้(physical goods)และมีลักษณะ B2C ที่มีการซื้อขายผ่าน คอมพิวเตอร์ และ Mobile Devices

จากรูปด้านบน ภาพรวมมูลค่ายอดขายสินค้าผ่าน E-Commerce ในประเทศไทยมีแนวโน้มเพิ่มขึ้นอย่างต่อเนื่อง ในปี 2014 มีมูลค่าสูงถึง 1,929 ล้านดอลลาร์สหรัฐ คิดเป็นเงินไทยถึง 69,444 ล้านบาท และในปี 2015 ที่ผ่านมา 83,520 ล้านบาท มูลค่าเพิ่มขึ้นถึง 20% ในปี 2016 คาดการณ์ว่าเพิ่มขึ้น 49% จากปี 2014 และเพิ่มขึ้นอย่างต่อเนื่องไปจนถึงปี 2020 ซึ่งคิดเป็นมูลค่า 5,572 ล้านดอลลาร์สหรัฐ คิดเป็นเงินไทยถึง 200,592 ล้านบาท

Market Segment ที่ทำมูลค่าได้มากที่สุดคือ “Consumer electronics & physical media*”  รองลงมาเป็น “Special Interest*” อันดับที่สามจะเป็น “Clothes & Shoes” สินค้าทั้งสามกลุ่มเราจะเห็นได้จาก website ทั่วๆไปที่ขายกัน แต่ที่น่าสนใจในช่วงปี 2014-2016 คือ กลุ่ม “Special Interest” เป็นสินค้าจำพวกของเล่น ของสะสม อุปกรณ์กีฬา นาฬิกา เครื่องประดับต่าง สินค้า DIY อุปกรณ์แต่งรถ และอื่นๆ มีมูลค่าแซงมาเป็นอันดับสอง

อัตราการเติบโตยอดขาย E-Commerce ในประเทศไทย

จากกราฟจะเห็นได้ว่าตั้งแต่ปี 2015 – 2020 Market Segment ทุก Segment เป็นยังมีอัตราเติบโตเป็นบวกใน E-Commerce ซึ่งดาวรุ่งพุ่งแรงในปี 2017 หนีไม่พ้น Segment ของ “Clothes & Shoes” มีการอัตราเติบโตสูงถึง 43.8% ก่อนที่จะแผวลงไปในปีต่อๆไป ในทางกลับกัน Segment “Furniture & home appliance” และ “Special Interest” มีแนวโน้มลดลดจากปี 2015 อย่างเห็นได้ชัด ในส่วนของ Segment “Consumer electronics & physical media” มีอัตราการเติบโตคงที่สม่ำเสมอ

อัตราการเติบโตของ Market Segment ต่างๆ ส่งผลให้มูลค่ายอดขายเพิ่มมากขึ้นอย่างต่อเนื่อง สาเหตุหลักๆ มาจากการเข้าถึงผู้ใช้สามารถเข้าถึง Internet ในประเทศเพิ่มมากขึ้นและอุปกรณ์ IT ต่างๆ มีราคาลดลงและคนรุ่นใหม่ยุค Gen Y,Z ที่เติบโตมาพร้อมกับเทคโนโลยีสมัยใหม่จะเป็นกลุ่มลูกค้าที่มีกำลังซื้อและมีศักยภาพในการผลักดัน E-Commerce ในอนาคต

*Consumer electronics & physical media (e.g. books, DVDs, CDs, Blu-ray discs, computer/console games), consumer electronics (e.g. TVs, DVD players) and communication devices (e.g. desktop computers, laptops, smartphones, tablets).

* Special Interest” includes the online trade of toys, babyware (inclusive of baby food and clothing), sport, outdoor and garden products (e.g. sports equipment, outdoor equipment, flowers, plants, tools, DIY products), as well as hobby, luxury and other articles (e.g. art/collectors’ items, jewelry, watches, car parts and adult entertainment products)

Credit: www.statista.com/

http://www.manager.co.th/iBizChannel/ViewNews.aspx?NewsID=9580000046784

http://www.thansettakij.com/2015/12/23/22403

_______________________________________________________________________

ไปต่อกับบทความ ยอดขาย  E-Commerce ในประเทศไทยแยกตามภาคธุรกิจ

• ภาคธุรกิจอิเล็กทรอนิกส์
• ภาคธุรกิจอาหาร,เครื่องสำอาง,ยาและเวชภัณฑ์
• ภาคธุรกิจสินค้าเฉพาะทาง(ของเล่น ของสะสมและเครื่องใช้สำหรับเด็กทารก,อุปกรณ์กีฬาและของจัดสวน,งานอดิเรก งานฝีมือและเครื่องประดับ)

_______________________________________________________________________

จากข้อมูลทั้งหมด ทาง Stream IT Consulting มี Solution ที่ตอบโจทย์ E-Commerce ทุกภาคธุรกิจ ได้อย่างครบถ้วน อย่างแน่นอน

สนใจที่จะใช้บริการ สามารถติดต่อได้ที่ฝ่ายขายของเรา marketing@stream.co.th เราเป็น Magento Partner หนึ่งเดียวในประเทศไทย

เขียนและเรียบเรียงโดย Kittiphat Dumrongprat

Business Analyst

เมื่อตอนเริ่มต้นในปี 2012 Uber คิดค่าธรรมเนียม 20% จากค่าโดยสาร หรือ 1 ใน 5… แต่ขณะนี้ สำหรับผู้ขับรถ uberX ในบางเมือง ทาง Uber เริ่มทดลองเพิ่มค่าธรรมเนียมเป็น 25-30% แล้วค่ะ

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

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

แต่แน่นอน กระแสต้านจากผู้ขับรถแท็กซี่ก็ยังแรงอยู่ในทุกเมือง ล่าสุด รัฐแคลิฟอร์เนียได้ตัดสินแล้วว่าผู้ขับรถถือเป็น “ลูกจ้าง” ซึ่งภาระของ “ผู้ว่าจ้าง” ต้องสูงขึ้นแน่ นี่อาจเป็นเหตุผลที่ Uber ต้องขึ้นค่าธรรมเนียมในบางรัฐในอเมริกา

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

…มีเรื่องขำๆเล่าให้ฟังคือ ปกติลูกค้าจะใจร้อนพอ Uber มาช้า แต่เห็นแท็กซี่มาก่อน ก็กระโดดขึ้นเลย และคงหาทางกด cancel ที่จอง Uber ไป ทริปล่าสุดที่ผู้เขียนไปอเมริกา ก็เจอแท็กซี่ที่รับจองจาก Uber รีบโทรแจ้งศูนย์ขออนุญาตทิ้งผู้โดยสารที่จองมา เพราะหาตัวไม่เจอ และขอรับเราลูกค้าตัวเป็นๆที่อยู่ตรงหน้าเลย ไปไกลเงินดีเสียด้วย เหรียญทุกอย่างมีสองด้านค่ะ -*-

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

ตอนนี้เห็นว่ามีคู่แข่งเกิดจากค่ายใหญ่ในจีนแล้ว และในเอเชียเราก็มี Grab Taxi มาลองติดตามวิวัฒนาการของ Uber และ Sharing economy อื่นๆ เช่น AirBnB กันต่อไปได้ที่นี่ – Stream Blog – ค่ะ

Since it launched in 2012, Uber’s popular, low-cost service UberX has always had a 20% commission, where Uber takes a one-fifth of the fare (or, in Uber’s parlance, drivers pay a 20% fee to license the technology).

But last year, Uber started testing whether it could charge drivers more for the same thing. Any drivers in San Francisco who signed up after September 2, 2014 had to fork over 25% of their pay to Uber instead. Then in May, Uber put a small group of new San Francisco and San Diego drivers in a pilot program with commissions that went up to 30%.

Rising commissions aren’t an experiment anymore. In the last few months, Uber has quietly bumped up commissions from 20% to 25% for new drivers in five cities. New York City drivers who joined as of April will pay 25%, as well as drivers in Toronto, Indianapolis, Boston  and Worcester, Mass., who joined as of August, the company confirmed.

San Francisco drivers who joined in the last year still pay a 25% commission. An Uber spokeswoman declined to say whether the 30% commission pilot program has spread to more drivers or markets.

Source: Forbes Tech