การทำงานระหว่าง Flash Catalyst CS5.5 และ Flash Builder 4.5 ในเวอร์ชั่นใหม่ by

31
Jul
0

ในก่อนหน้านี้ Flash Catalyst 5 (ต่อจากนี้จะเรียกว่า Fc) และ Flash Builder 4 (ต่อจากนี้จะเรียกว่า Fb) ได้สร้างความสะดวกในการสร้าง UI ใน Fc แล้วจึงนำไปโค้ดดิ้งต่อใน Fb แต่หลังจากที่ตัวผมเองได้ทำงานกับทั้งสองโปรแกรมมาสักพัก ก็ได้พบความลำบากนิดหนึ่งในการใช้งานคือ มันเป็นโฟลว์ทางเดียว เมื่อคนออกแบบสร้าง Fc มาเสร็จแล้ว เราก็ต้องอิมพอร์ทเข้ามาทำงานใน Fb เพราะ Fc ไม่สามารถแก้ไขโค้ดใดๆได้เลย และเมื่อทางโค้ดดิ้งแก้ไขอะไรเรียบร้อยแล้ว เมื่อถึงเวลาจะมีการแก้ UI ต้องแก้ในโค้ดดิ้งเลย เพราะเมื่อเราทำการอิมพอร์ทเข้า Fb แล้ว เราจะไม่สามารถนำกลับไปทำใน Fc ได้อีก แต่หลังจากนั้นเพียงไม่นาน Adobe ก็ได้ปล่อยเวอร์ชั่นใหม่มาครับ คือเพิ่ม .5 เข้าไปเป็น Fc CS 5.5 และ Fb 4.5 ซึ่งส่วนใหญ่จะมากับการซัพพอร์ท Mobile ต่างๆ แต่ก็มีผลพลอยได้ด้วยคือ ทาง Fb สามารถเรียก Fc ขึ้นมาแก้ไข UI ได้แล้วล่ะครับ!

เรามาดูกันเลยดีกว่าว่าเป็นอย่างไร

• เรามาทำการ Import Flash Catalyst Project กันก่อนเลยครับ โดยตอนนี้ได้ย้ายที่แล้ว

fc1

• ก็จะได้โปรเจ็ค Flex จาก Fc เหมือนเวอร์ชั่นเดิมนะครับ

fc2

• จากนั้นเราลองมาแก้โค๊ดกันสักหน่อย

fc3

• ต่อไปเราก็ใช้ความสามารถใหม่ของ Fb 4.5 ครับ กดไปที่ Edit Project in Flash Catalyst

fc4

• จะทำให้เราเห็นโปรเจ็คใน Fb ของเราโดนล็อคดังรูป และโปรแกรม Fc ก็จะทำการเปิดโปรเจ็ค Fb ของเราใน Fc เองครับ

fc5

• เรามาดูกันใน Fc จะเห็นได้ว่าโค้ดที่เราแก้ไขไว้ได้เข้ามาใน Fc แล้ว ซึ่งทำให้เราสามารถแก้ไข UI หลังโค้ดดิ้งได้แล้วล่ะครับ

fc6

• เรามาลองใส่ State เพิ่มอีกตัว

fc7

• เมื่อเราแก้ไข UI ต่างๆ ใน Fc เสร็จแล้วเราก็มาเลือก Resume Working On Project in Flash Builder ครับ

- หรือถ้าต้องการทำการเริ่มการแก้ไขใหม่อีกครั้งจาก Fb ที่มีอยู่ให้เลือก Re-open Project in Flash Catalyst  ครับ

– หรือถ้าต้องการยกเลิกการแก้ไขจาก Fc ให้เลือก Cancel Editing Project in Flash Catalyst ครับ

fc8

• เมื่อเราแก้ไขเสร็จแล้ว UI ที่ถูกแก้ไขก็จะถูกนำมาแก้ใน Fb Project ของเราในทันทีเลยล่ะครับ

fc9

โฟลว์การทำงานแบบใหม่ของ Fc 5.5 และ Fb 4.5

Flow การทำงานแบบใหม่ของ Flash Catalyst CS5.5 และ Flash Builder 4.5

เราจะเห็นได้ว่าโฟลว์การทำงานของ Fc 5.5 และ Fb 4.5 ไม่ได้ไปทางเดียวเหมือนเวอร์ชั่นเก่าๆอีกต่อไปครับ เพราะเราสามารถแก้ไขไปมาระหว่างสองโปรแกรมได้อย่างอิสระแล้ว ทำให้ผู้ที่ทำ Flex มีความสะดวกสบายขึ้นในเวอร์ชั่นใหม่นี่ครับ

ทดสอบประสิทธิภาพเครื่องด้วย apachebench + newrelic by

31
Jul
0

ช่วงนี้กำลังทดสอบประสิทธิภาพ server เลยต้องใช้งาน apachebench (ขอเรียกสั้นๆ ว่า ab) เป็น tools ในการทดสอบประสิทธิภาพ server อย่างหนึ่ง หลังจากลงโปรแกรมแล้ว เราสามารถทดสอบการใช้งานได้ดังนี้

ลองพิมพ์คำสั่งด้านล่างกัน โดย -n คือจำนวน request ทั้งหมดที่จะยิง และ -c คือจำนวน concurrent connection ที่จะใช้ (คือจำลองว่ามีผู้ใช้เข้าใช้งานพร้อมกันกี่คนนั่นเอง) โดยเวลาพิมพ์ชื่อเว็บอย่าลืมพิมพ์ / ต่อท้ายด้วยไม่งั้นจะยิงไม่ได้ ผลจะเป็นดังนี้

ทดสอบ Web Browser ตัวใดจะเร็วที่สุด by

31
Jul
0

Which is fastest, most standards compliant web browser – IE9, Chrome 12, Firefox 5.0.1, Safari 5.0.5, Opera 11.50 Comparison
IE9 vs Chrome 12 vs Firefox 5.0.1 vs Safari 5.0.5 vs Opera 11.50 โปรแกรมเบราเซอร์ใดเร็วที่สุดและเป็นมาตรฐานที่สุด
เว็บเบราเซอร์เป็นหนึ่งในโปรแกรมที่มีการแข่งขันกันพัฒนาอย่างดุเดือด ซึ่งแม้ว่า Internet Explorer (IE) ของบริษัทยักษ์ใหญ่ด้านซอฟต์แวร์อย่างไมโครซอฟท์จะยังคงครองส่วนแบ่งผู้ใช้มากที่สุดแต่ก็มีแนวโน้มลดลงอย่างต่อเนื่อง ในขณะที่ Chrome ของกูเกิลผู้ให้บริการเสริชเอนจิ้นอันดับหนึ่งนั้นมีส่วนแบ่งเพิ่มขึ้นอย่างต่อเนื่อง ส่วน Firefox ของโมซิลลาก็ยังคงมีจำนวนผู้ใช้เป็นจำนวนมากแม้ว่าในช่วงหลังส่วนแบ่งผู้ใช้ไอาจจะลดลง (ไปให้กับ Chrome ของกูเกิล) แต่ก็เป็นเพียงส่วนน้อย ในขณะที่ผู้พัฒนารายอื่นๆ ทั้งแอปเปิลเจ้าของโปรแกรม Safari, โอเปร่าเจ้าของ Opera ก็ยังมีการออกเวอร์ชันใหม่อย่างต่อเนื่อง โดยผู้พัฒนาแต่ละรายพยายามปรับปรุงและเพิ่มคุณสมบัติใหม่ในโปรแกรมเบราเซอร์ของตนเองเพื่อให้เป็นที่ถูกใจผู้ใช้มากที่สุด ซึ่งนับว่าเป็นผลดีกับผู้ใช้ที่จะได้ใช้โปรแกรมที่ดียิ่งๆ ขึ้น

สำหรับบทความนี้ ขอนำเสนอผลการทดสอบเว็บเบราเซอร์ทั้ง 5 ตัวที่กล่าวมาซึ่งทดสอบโดย Beta News เพื่อหาว่า “โปรแกรมเบราเซอร์ใดเร็วที่สุดและเป็นมาตรฐานที่สุด” โดยทำการทดสอบใน 15 รูปแบบซึ่งครอบคลุมทั้งทางด้านสมรรถนะการทำงาน (Performance)
ความเร็วในการประมวลผล (Rendering speeds), การประมวลผล JavaScript และ DOM operations, การรองรับมาตรฐานเว็บ (Standards compliance) รวมถึงการทดสอบในสภาพแวดล้อมของการใช้งานจริง อย่างเช่น ความเร็วในการเปิดโปรแกรม (Startup time) ความเร็วในการโหลดหน้าเว็บ (Page load time), จำนวนการใช้ซีพียู (CPU usage), จำนวนการใช้หน่วยความ (Memory use), การรองรับมาตรฐานเว็บ (standards compliance )

สำหรับโปรแกรมเบราเซอร์ที่ทำการทดสอบครั้งนี้มีรายละเอียดดังนี้

Chrome 12 (12.0.742.122)

Firefox 5.0.1

IE9 (9.0.8112.16421)

Opera 11.50

Safari 5.0.5

เกณฑ์การให้คะแนน

การทดสอบนี้กำหนดเกณฑ์การให้คะแนนกับโปรแกรมเบราเซอร์ในแต่ละการทดสอบ ดังนี้

โปรแกรมเบราเซอร์ใที่ได้อันดับ 1 ได้ 5 คะแนน

โปรแกรมเบราเซอร์ใที่ได้อันดับ 2 ได้ 4 คะแนน

โปรแกรมเบราเซอร์ใที่ได้อันดับ 3 ได้ 3 คะแนน

โปรแกรมเบราเซอร์ใที่ได้อันดับ 4 ได้ 2 คะแนน

โปรแกรมเบราเซอร์ใที่ได้อันดับ 5 ได้ 1 คะแนน

เครื่องคอมพิวเตอร์ที่ใช้ในการทดสอบ

เครื่องคอมพิวเตอร์ที่ใช้ทำการทดสอบในครั้งนี้ใช้ระบบปฏิบัติการ Windows 32-bit, ใช้ซีพียู Intel Core i7-920, มีหน่วยความจำหลัก (RAM) จำนวน 4GB, ติดตั้งกราฟิกการ์ด nVIDIA GeForce GTX 285, มีฮาร์ดดิสก์ Samsung HD103SJ ความจุ 1TB และได้ทำการปิดระบบประหยัดพลังงาน, ยกเลิกการทำงานของโปรแกรมเบื้องหลังรวมถึงแอพพลิเคชันต่างๆ ที่อาจจะรบกวนการทดสอบออกทั้งหมดก่อนการทดสอบ

1. ผลการทดสอบด้วย SunSpider 0.9.1

การทดสอบด้วย SunSpider 0.9.1 เป็นการวัดประสิทธิภาพของการประมวลผล JavaScript ของโปรแกรมเบราเซอร์ ซึ่งโปรแกรมที่ใช้เวลาทำงานน้อยกว่าแสดงว่ามีประสิทธิภาพดีกว่า ผลการทดสอบปรากฏว่าโปรแกรมเบราเซอร์ที่ได้อันดับที่ 1 ได้แก่ IE9 สามารถทำได้ 219.3 สำหรับผลการทดสอบมีรายละเอียดดังนี้

อันดับที่ 1 IE9 ได้ 219.3

อันดับที่ 2 Firefox 5.0.1 ได้ 243.9

อันดับที่ 3 Opera 11.50 ได้ 252.3

อันดับที่ 4 Chrome 12 ได้ 255

อันดับที่ 5 Safari 5.0.5 ได้ 330.5

SunSpider 0.9.1 (ต่ำกว่า = ดีกว่า)

2. ผลการทดสอบด้วย V8

การทดสอบด้วย V8 เป็นการวัดประสิทธิภาพของการประมวลผล JavaScript ของโปรแกรมเบราเซอร์ ซึ่งโปรแกรมที่ได้คะแนนสูงกว่าแสดงว่ามีประสิทธิภาพดีกว่า ผลการทดสอบปรากฏว่าโปรแกรมเบราเซอร์ที่ได้อันดับที่ 1 ได้แก่ Chrome สามารถทำได้ 8817 สำหรับผลการทดสอบมีรายละเอียดดังนี้

อันดับที่ 1 Chrome ได้ 8817

อันดับที่ 2 Firefox 5.0.1 ได้ 4287

อันดับที่ 3 Opera 11.50 ได้ 4094

อันดับที่ 4 Safari 5.0.5 ได้ 2824

อันดับที่ 5 IE9 ได้ 2598

3. ผลการทดสอบด้วย Kraken 1.1

การทดสอบด้วย Kraken 1.1 เป็นการวัดประสิทธิภาพของการประมวลผล JavaScript ของโปรแกรมเบราเซอร์ ซึ่งโปรแกรมที่ใช้เวลาทำงานน้อยกว่าแสดงว่ามีประสิทธิภาพดีกว่า ผลการทดสอบปรากฏว่าโปรแกรมเบราเซอร์ที่ได้อันดับที่ 1 ได้แก่ Chrome สามารถทำได้ 4179.1 สำหรับผลการทดสอบมีรายละเอียดดังนี้

อันดับที่ 1 Chrome ได้ 4179.1

อันดับที่ 2 Firefox 5.0.1 ได้ 5191.3

อันดับที่ 3 Opera 11.50 ได้ 12077.6

อันดับที่ 4 IE9 ได้ 12778.8

อันดับที่ 5 Safari 5.0.5 ได้ 16195

การทำงานด้าน Rendering and DOM operations

การทดสอบในหัวข้อนี้จะเป็นการประเมินสถมรรถนะในการประมวลด้าน Document Object Model แบ่งการทดสอบเป็น 3 หัวข้อ คือ Asteroids HTML5 Canvas, GUIMark2 Flash, GUIMark2 HTML5 Vector, Dromaeo DOM Core และ Peacekeeper โดยแต่ละการทดสอบมีผลดังนี้

4. Asteroids HTML5 Canvas (ได้คะแนนสูงกว่าแสดงว่ามีประสิทธิภาพดีกว่า)

อันดับที่ 1 IE9 ได้ 2871

อันดับที่ 2 Chrome 12 ได้ 2146

อันดับที่ 3 Opera 11.50 ได้ 1712

อันดับที่ 4 Safari 5.0.5 ได้ 1032

อันดับที่ 5 Firefox 5.0.1 ได้ 791

5. GUIMark2 Flash (ได้คะแนนสูงกว่าแสดงว่ามีประสิทธิภาพดีกว่า)

อันดับที่ 1 Safari 5.0.5 ได้ 58.89

อันดับที่ 2 Opera 11.50 ได้ 58.63

อันดับที่ 3 IE9 ได้ 56.21

อันดับที่ 4 Firefox 5.0.1 ได้ 48.43

อันดับที่ 5 Chrome 12 ได้ 46.02

6. GUIMark2 HTML5 Vector (ได้คะแนนสูงกว่าแสดงว่ามีประสิทธิภาพดีกว่า)

อันดับที่ 1 Chrome 12 ได้ 46.1

อันดับที่ 2 Opera 11.50 ได้ 31.37

อันดับที่ 3 Safari 5.0.5 ได้ 25.08

อันดับที่ 4 Firefox 5.0.1 ได้ 20.76

อันดับที่ 5 IE9 ได้ 19.71

7. Dromaeo DOM Core (ได้คะแนนสูงกว่าแสดงว่ามีประสิทธิภาพดีกว่า)

อันดับที่ 1 Safari 5.0.5 ได้ 1415.29

อันดับที่ 2 Chrome 12 ได้ 1115.87

อันดับที่ 3 Firefox 5.0.1 ได้ 967.65

อันดับที่ 4 Opera 11.50 ได้ 613.73

อันดับที่ 5 IE9 ได้ 243.44

8. Peacekeeper (ได้คะแนนสูงกว่าแสดงว่ามีประสิทธิภาพดีกว่า)

อันดับที่ 1 Opera 11.50 ได้ 10826

อันดับที่ 2 Chrome 12 ได้ 10497

อันดับที่ 3 IE9 ได้ 6409

อันดับที่ 4 Firefox 5.0.1 ได้ 5713

อันดับที่ 5 Safari 5.0.5 ได้ 5122

9. ผลการทดสอบด้วย Acid3

การทดสอบด้วย Acid3 เป็นการวัดมาตรฐานของโปรแกรมเบราเซอร์ ซึ่งโปรแกรมที่สามารถผ่านการทดสอบได้มากกว่าแสดงว่าสามารถรองรับมาตรฐานได้ดีกว่า ผลการทดสอบปรากฏว่าโปรแกรม Chrome 12, Opera 11.50 และ Safari 5.0.5 สามารถผ่านทั้ง 100 การทดสอบ ในขณะที่ Firefox 5.0.1 ผ่านการทดสอบ 97 การทดสอบ ส่วน IE9 ผ่าน 95 การทดสอบ

Acid3 (สูงกว่า = ดีกว่า)

10. ผลการทดสอบด้วย HTML5

การทดสอบด้วย HTML5 Test เป็นการวัดการรองรับมาตรฐาน HTML5 ของโปรแกรมเบราเซอร์ ซึ่งโปรแกรมที่สามารถผ่านการทดสอบได้มากกว่าแสดงว่าสามารถรองรับมาตรฐาน HTML5 ได้ดีกว่า ผลการทดสอบปรากฏว่าโปรแกรมเบราเซอร์ที่ได้อันดับที่ 1 ได้แก่ Chrome 12 โดยสามารถทำได้ 341 สำหรับผลการทดสอบมีรายละเอียดดังนี้

อันดับที่ 1 Chrome 12 ได้ 341

อันดับที่ 2 Firefox 5.0.1 ได้ 295

อันดับที่ 3 Opera 11.50 ได้ 293

อันดับที่ 4 Safari 5.0.5 ได้ 260

อันดับที่ 5 IE9 ได้ 146

HTML5 Test (สูงกว่า = ดีกว่า)

ทดสอบการทำงานในสภาพแวดล้อมการใช้งานจริง

การทดสอบในหัวข้อนี้เป็นการประเมินเวลาที่ใช้ในการเปิดโปรแกรม (Start time) เวลาที่ใช้ในการโหลดหน้าเว็บไซต์ Facebook, จำนวนการใช้งานซีพียู (CPU usage) และจำนวนการใช้หน่วยความจำ (RAM use) เมื่อเปิด 1 แท็บและ 10 แท็บ โดยแต่ละการทดสอบมีผลดังนี้

11. Start time (หน่วยเป็นวินาที, ใช้เวลาน้อยกว่าดีกว่า)

อันดับที่ 1 IE9 ได้ 0.67

อันดับที่ 2 Chrome 12 ได้ 0.87

อันดับที่ 3 Firefox 5.0.1 ได้ 1.14

อันดับที่ 4 Safari 5.0.5 ได้ 1.49

อันดับที่ 5 Opera 11.50 ได้ 1.93

Start time (ต่ำกว่า = ดีกว่า)

12. Facebook load time (หน่วยเป็นวินาที, ใช้เวลาน้อยกว่าดีกว่า)

อันดับที่ 1 Chrome 12 ได้ 1.47

อันดับที่ 2 Safari 5.0.5 ได้ 1.5

อันดับที่ 3 Opera 11.50 ได้ 1.88

อันดับที่ 4 IE9 ได้ 2.25

อันดับที่ 5 Firefox 5.0.1 ได้ 2.5

13. CPU usage (หน่วยเป็นวินาที, ใช้เวลาน้อยกว่าดีกว่า)

อันดับที่ 1 Firefox 5.0.1 ได้ 115

อันดับที่ 2 Chrome 12 ได้ 136

อันดับที่ 3 IE9 ได้ 166

อันดับที่ 5 Safari 5.0.5 ได้ 167

อันดับที่ 4 Opera 11.50 ได้ 174

14. RAM use (หน่วย MB, 1 แท็บ, ค่าน้อยกว่าดีกว่า)

อันดับที่ 1 Safari 5.0.5 ได้ 58.89

อันดับที่ 2 Opera 11.50 ได้ 58.63

อันดับที่ 3 IE9 ได้ 56.21

อันดับที่ 4 Chrome 12 ได้ 46.02

อันดับที่ 5 Firefox 5.0.1 ได้ 48.43

15. RAM use (หน่วย MB, 10 แท็บ, ค่าน้อยกว่าดีกว่า)

อันดับที่ 1 Opera 11.50 ได้ 58.63

อันดับที่ 2 Safari 5.0.5 ได้ 58.89

อันดับที่ 3 Firefox 5.0.1 ได้ 48.43

อันดับที่ 4 IE9 ได้ 56.21

อันดับที่ 5 Chrome 12 ได้ 46.02

สรุปผลการทดสอบ

การหาว่าโปรแกรมเบราเซอร์ตัวใดที่ได้อันดับ 1 ในจำนวน 5 โปรแกรมที่ทดสอบนั้นจะคำนวณจากคะแนนที่โปรแกรมเบราเซอร์แต่ละตัวได้จากทั้ง 15 การทดสอบ ซึ่งผลปรากฏว่า โปรแกรมเบราเซอร์ที่ได้อันดับที่ 1 ได้แก่ Chrome 12 ของกูเกิล สามารถทำได้ถึง 60 คะแนน โดบมีอันดับคะแนนรวมดังนี้

อันดับที่ 1 Chrome 12 ได้ 60 คะแนน

อันดับที่ 2 Opera 11.50 ได้ 52 คะแนน

อันดับที่ 3 Firefox 5.0.1 ได้ 45 คะแนน

อันดับที่ 4 Safari 5.0.5 ได้ 44 คะแนน

อันดับที่ 5 IE9 ได้ 42 คะแนน

Final Score (สูงกว่า = ดีกว่า)

ความเห็นของผู้เขียน

ลางเนื้อชอบลางยา -> แต่ละคนก้อมีความชอบแตกต่างกันไป , ดังนั้น ใครอยากใช้ Web Browser ตัวไหนก็ใช้ไปเถอะ เพราะผู้พัฒนาเค้าก็พยายาม พัฒนากันเต็มที่เพื่อแข่งกันเองอยู่แล้ว ผู้ใช้มีแต่ได้กับได้อยู่แล้ว (พูดตรงไปไหม).

Credit : http://thaiwinadmin.blogspot.com

สร้างภาพดอกไม้ง่ายๆด้วย Ai by

1
Jul
0

ช่วงนี้นั่ง paint บน SAI ตลอด เพิ่งจะได้วาดภาพ vector บน Illustrator วันนี้เอง คิดไม่ค่อยออกแฮะ..  เอาเป็น เทคนิคการสร้างภาพดอกไม้ ที่มีกลีบซ้อนกันหลายๆชั้นละกันนะคะ = =a

เริ่มจาก new กระดาษขึ้นมาใหม่ ซักประมาณ 20 x 20 cm. ใหญ่ๆไปเลย สะใจ!  จากนั้นเลือกใช้เครื่องมือ polygon ที่เป็นรุปหกเหลี่ยมค่ะ
001

กู้เงิน | เศรษฐกิจพอเพียง | สินเชื่อบุคคล | สมัครบัตรกดเงินสด | สินเชื่อ | เงินกู้ด่วน | ยืมเงินทรูมูฟ | เงินด่วนนอกระบบ