เดี่ยวนี้ใครๆ ก็ชอบขอบโค้งกันทั้งนั้น (หรือออฟคิดไปเองก็ไม่รู้) แต่ถ้าสังเกตการออกแบบเวบไซต์ในช่วงนี้ขอบโค้งจะเป็นเรื่องสามัญไปแล้ว แบบว่ามันช่วยทำให้กล่องหรือส่วนนั้นไม่จืดจนเกินไป ซึ่งออฟก็เห็นด้วยมากๆ แต่ปัญหาของคนแต่งเวบไซต์ก็คือ ขี้เกียจตัดรูปมาทำขอบโค้งนั่นเอง วันนี้ออฟก็เลยมาแนะนำตัวช่วย http://www.roundedcornr.com/ โดนใจที่จะช่วยในการสร้างขอบโค้งเพื่อใช้ในการแต่งเวบนั้นง่ายมากๆ ไม่ถึง 5 นาทีเลยทีเดียว

หลักการสร้างขอบโค้งโดยทั่วไป

1. ตัดรูปเป็นขอบโค้งเฉพาะส่วนมุม
2. ตัดรูปเป็นขอบโค้งเป็นแถบ
3. ใช้ Mozilla Rounded Corners ซึ่งช่วยในการแสดงขอบโค้งโดยไม่ใช้รูปภาพ (แต่ใช้ได้กับเฉพาะบราวเซอร์ Firefox)

การใช้งาน RoundedCornr

1. เข้าไปที่เวบไซต์ http://www.roundedcornr.com/
2. เลือกว่าต้องการสร้างแบบใด
   - Basic RoundedCornr : สร้างขอบโค้งแบบทั่วไป
   
   - RoundedCornr with Gradient : สร้างขอบโค้งที่มีการไล่สีแบบกราเดียน
   
   - RoundedCornr with Border : สร้างขอบโค้งแบบที่มีเส้นขอบ
   
   - Single RoundedCornr Image : สร้างขอบโค้งแบบที่ต้องการได้เลย โดยสามารถปรับได้ว่าต้องการให้โค้งที่มุมใด, ใช้สีอะไรเป็นพื้นหลัง, มีเส้นขอบไหม
   
3. เมื่อเลือกได้แล้วว่าอยากได้ขอบโค้งแบบไหนก็ทำการกำหนดค่าตามต้องการเลยค่า

วันนี้มาแนะนำวิธีในการทดสอบการแสดงผลเวบไซต์ใน Browser ต่างๆ ซึ่งเจ้าตัวมีปัญหามากสุดก็คงจะเป็น IE (Internet Explorer) โดยเฉพาะอย่างยิ่ง IE 6 ที่มีการแสดงผลแตกต่างไปจากบราวเซอร์ตัวอื่นอย่างมาก แต่จะไม่สนใจเลยก็ไม่ได้อีก เพราะว่ายังมีผู้ใช้งานเยอะพอสมควร
ที่มาของรูป : http://www.arip.co.th/images/news/internet4/what-is-a-browser-2.jpg

• Solution #1 : Online Test

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

• Online Test 1 : http://ipinfo.info/netrenderer/

เวบไซต์นี้เหมาะสำหรับคนที่ต้องการทดสอบการแสดงผลของ IE แบบออนไลน์ที่ไม่ต้องเสียเงิน

1. สามารถเลือกเวอร์ชั่นของ IE ได้จากด้านบนก่อน ซึ่งก็มี Internet Explorer8, 7, 6 และ 5.5
2. จากนั้นก็วาง URL ของเวบไซต์ที่ต้องการตรวจสอบที่ช่องข้างๆ ได้เลยค่า
3. กด Render เพื่อทำการทดสอบการแสดงผล

• Online Test 2 : http://browsershots.org/

ออฟเคยอัพเวบไซต์นี้ไว้แล้วที่ http://don-jai.com/check-browser-compatibility/ ใครสนใจเวบไซต์นี้ลองไปอ่านเพิ่มเติมนะคะ

• Online Test 3 : https://browserlab.adobe.com

1. Condition : ต้องทำการลงทะเบียนก่อนจึงจะสามารถใช้ได้
2. Support :
   - Firefox 2.X and 3.X (Windows XP and Mac OS X)
   - Internet Explorer 6.X, 7.X, and 8.X (Windows XP)
   - Safari 3.X and 4.X (Mac OS X)

• Online Test 4 : http://crossbrowsertesting.com/

1. Condition : สามารถทดสอบการใช้งานได้ 1 อาทิตย์
2. Support : AOL Explorer, Camino, Chrome, Dillo, Firefox, IE6, IE7, IE8, Konqueror, Lynx, Mozilla, Netscape, Opera, Safari, Seamonkey, Shiira

• Online Test 5 :http://litmusapp.com/

1. Condition : สามารถทดสอบการใช้งานได้ 50 ครั้งต่อเดือน
2. Support : Explorer 7 and Firefox 2

• เครื่องมือช่วยในการวางแผนโปรเจ็ค : Pivotal Tracker

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

• วิธีการใช้งาน

1. สมัครเป็นสมาชิก
2. สร้างโปรเจ็ค : กดลิงค์ที่ Dashboard แล้วกดปุ่ม Create Project
   
3. สร้าง story :กดที add story
4. ทำการกำหนดรายละเอียดต่างๆ ของ story
   

• ตัวอย่างการใช้งานของออฟ

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

1. http://bestwebgallery.com/

2. http://www.webdesignerdepot.com

3. http://vandelaydesign.com/

4. http://www.thedesigncubicle.com/

5. http://www.thebestdesigns.com/

1. เริ่มการทดสอบ

2. ใส่ URL ที่ช่อง Address

3. สามารถตั้งค่าการแสดงผลได้โดยกดที่ More Option

4. กด Check เพื่อเริ่มทำการทดสอบ

W3C คืออะไร

W3C หรือ World Wide Web Consortium เป็นองค์กรระหว่างประเทศที่ทำงานด้านการพัฒนาเทคโนโลยีเว็บ นำโดยนาย ทิม เบิร์นเนอร์ ลี ก่อตั้งในปี 1994 และมีองค์กรสมาชิกมากกว่า 450 องค์กร ซึ่งรวมถึงองค์กรอย่าง Microsoft, Sun Microsystems และอื่น ๆ อีกมากมาย องค์กรนี้ประกอบด้วยสถาบัน 3 สถาบันคือ MIT ในสหรัฐอเมริกา INRIA ในยุโรป และ Keio University ในญี่ปุ่น

มาตรฐานของ W3C มีอะไรบ้าง
1. HTML 4.0 – Hyper Text Markup Language
2. XML 1.0 – Extensible Markup Language
3. XHTML 1.0, 1.1 และ Modularization
4. CSS – Cascading Style Sheets
5. DOM 1 – Document Object Model Level 1

ที่มา : http://learners.in.th/blog/my-km1/23893

หลังจากที่ได้ความรู้กันไปแล้วเกี่ยวกับมาตรฐานที่น่ารู้แล้ว ก็มารู้ถึงที่มาของเอนทรี่นี้บ้างละกันนะคะ (ปรกติก็ไม่ค่อยที่มาเท่าไหร่อ่ะ) เนื่องด้วยได้เข้าไปอ่าน W3.org ของดีๆที่นักทำ SEO มองข้าม จากบล็อคของนายหนอม ก็เลยอยากทดสอบเว็บของตัวเองบ้างอะคะ

ผลการทดสอบ

ส่วนเรื่องรายละเอียดของ Error ก็อย่าไปรู้เลยอะคะ เพราะว่ามันมากมายซึ่งรวบรวมเป็นหัวข้อหลักๆได้ตามนี้เลยอ่ะค่ะ

- XML Parsing Error
- required attribute X not specified
- Error end tag for X omitted, but OMITTAG NO was specified
- document type does not allow element X here
- document type does not allow element X here; assuming missing Y start-tag
- there is no attribute X
- document type does not allow element X here; missing one of Y start-tag
- end tag for element X which is not open

8.1 Assume that the purchase order service allows its clients to make bulk order submission under the condition that bulk orders are submitted as part of the same sequence and that WS- ReliableMessaging is used to perform the submissions.
Encode an SOAP header using WS-ReliableMessaging to address this problem.Use the code snippet in Listing 8.1 to help you develop your solution.

What is Reliable Message ??

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

What is WS-ReliableMessaging ??

WS-ReliableMessaging describes a protocol that allows SOAP messages to be delivered reliably between distributed applications in the presence of software component, system, or network failures.

ที่มา : http://en.wikipedia.org/wiki/WS-ReliableMessaging

WS-ReliableMessaging ใช้ในการกำหนดมาตรการที่ทำให้การรับส่งข้อมูลมีความน่าเชื่อถือมากขึ้น โดย WS-ReliableMessaging ทำให้เกิดกระบวณการที่สำคัญคือ

- Service Provider จะต้องแจ้งผลลัพธ์ของการส่ง Message กลับไป ไม่ว่าการส่ง Message นั้นจะเสร็จสมบูรณ์หรือไม่ก็ตาม

- ผู้รับได้รับ Message ตามลำดับที่ระบุไว้

จุดประสงค์สำคัญของ WS-ReliableMessaging คือ การสร้างกลไกย่อยๆ เพื่อเพิ่มเติมความน่าเชื่อถือให้กับการส่ง Message โดยระบุ Messaging Protocol และร่องรอยเส้นทางเดิน (Track)  ของ Message รวมถึงควบคุมกิจกรรมต่างๆ ของ Message ที่ใช้รับส่งกันระหว่างต้นทางและปลายทาง เพื่อเพิ่มเติมความน่าเชื่อถือให้กับ Message ยิ่งขึ้น

กระบวณการหลัก  WS-ReliableMessaging

1. Send (ส่ง) : Application Source ของ Initial Sender ส่ง message ไปยัง RM Source

2. Transmit (ลำเลียง): RM Source ทำหน้าที่เป็นโหนดสำหรับส่งผ่านข้อมูลและลำเลียงไปยัง RM Destination

3. Receive (รับ) : RM Destination รับ message

4. Acknowledge (แจ้งกลับ) : เมื่่อ RM Destination รับ Message แล้วจะแจ้งกลับไปยัง RM Source

5. Deliver (ส่งต่อ) : RM Destination จะทำการส่งต่อ Message ไปยัง Application Destination ของ Ultimate Receiver ต่อไป

ตัวอย่าง

1. การเชื่อมต่อจะเริ่มขึ้นเมื่อ RM source ส่ง <CreateSequence> ใส่ไปยัง body ของ messageเพื่อสร้าง RM sequence.

<wsrm:CreateSequence …>
…
</wsrm:CreateSequence>

เช่น

…
<soapenv:Body>

<wsrm:CreateSequence xmlns:wsrm=”http://schemas.xmlsoap.org/ws/2005/02/rm”>

<wsrm:AcksTo>
<wsa:Address>http://www.w3.org/2005/08/addressing/anonymous</wsa:Address>
</wsrm:AcksTo>

<wsrm:Offer>
<wsrm:Identifier>urn:uuid:546F6F33FB7D8BBE351179807372769</wsrm:Identifier>
</wsrm:Offer>

</wsrm:CreateSequence>

</soapenv:Body>
…

2. RM destinationจะส่งการตอบกลับด้วย  <CreateSequenceReponse> หรือ <CreateSequenceRefused>

<wsrm:CreateSequenceResponse …>
<wsu:Identifier> [URI] </wsu:Identifier>
…
</wsrm:CreateSequenceResponse>

เช่น

…
<soapenv:Body>

<wsrm:CreateSequenceResponse xmlns:wsrm=”http://schemas.xmlsoap.org/ws/2005/02/rm”>

<wsrm:Identifier>urn:uuid:879853A6871A66641C1179807373270</wsrm:Identifier>
<wsrm:Accept>

<wsrm:AcksTo>
<wsa:Address>http://localhost:9000/services/ReliableStockQuoteService</wsa:Address>

</wsrm:AcksTo>

</wsrm:Accept>

</wsrm:CreateSequenceResponse>

</soapenv:Body>
…

3. หลัง sequence เริ่มขึ้น จะมีการเพิ่มเติมในส่วนของ SOAP Header ใน message  เมื่อ Client ส่ง message และรอจนกระทั่ง messageทั้งหมดได้รับacknowledgements.

<wsrm:Sequence …>

<wsu:Identifier> [URI] </wsu:Identifier>
<wsrm:MessageNumber> [unsignedLong] </wsrm:MessageNumber>
<wsrm:LastMessage/>?
<wsu:Expires> [dateTime] </wsu:Expires>?
…

</wsrm:Sequence>

เช่น

<wsrm:Sequence>

<wsu:Identifier>http://fabrikam123.com/abc</wsu:Identifier>
<wsrm:MessageNumber>10</wsrm:MessageNumber>
<wsrm:LastMessage/>

</wsrm:Sequence>

4. RM source จะส่ง <SequenceAcknowledgement> เมื่อ message ทั้งหมดได้รับการแจ้งกลับ

<wsrm:SequenceAcknowledgement …>

<wsu:Identifier> [URI] </wsu:Identifier>
[ <wsrm:AcknowledgementRange ...
Upper="[unsignedLong]”
Lower=”[unsignedLong]“/> +
| <wsrm:Nack>[unsignedLong]</wsrm:Nack> + ]
…

<wsrm:SequenceAcknowledgement>

เช่น

<wsrm:SequenceAcknowledgement>

<wsu:Identifier>http://fabrikam123.com/abc</wsu:Identifier>
<wsrm:AcknowledgementRange Upper=”2″ Lower=”1″/>
<wsrm:AcknowledgementRange Upper=”6″ Lower=”4″/>
<wsrm:AcknowledgementRange Upper=”10″ Lower=”8″/>

</wsrm:SequenceAcknowledgement>

5.  ผู้เริ่มต้นสามารถหยุดการส่งได้ด้วย <TerminateSequence> message

<wsrm:TerminateSequence …>
<wsu:Identifier> [URI] </wsu:Identifier>
…
</wsrm:TerminateSequence>

เช่น

<S:Envelope xmlns:S=”http://www.w3.org/2003/05/soap-envelope”
xmlns:wsrm=”http://schemas.xmlsoap.org/ws/2005/01/rm”>

<S:Header>
…
</S:Header>
<S:Body>

<wsrm:TerminateSequence>

<wsrm:Identifier>http://example.com/sequence/67</wsrm:Identifier>

</wsrm:TerminateSequence>

</S:Body>

</S:Envelope>

อ้างอิง

- การพัฒนาระบบด้วยสถาปัตยกรรมเชิงบริการบนเทคโนโลยีของ Web Service – สุธี พงศาสกุลชัย

- http://www.sysnetint.com/presentations/EnterpriseIntegrationWithSOAAndESB.pdf

- http://specs.xmlsoap.org/ws/2005/02/rm/ws-reliablemessaging.pdf

- http://www.srdc.metu.edu.tr/webpage/seminars/WebServices/WS-ReliableMessaging.ppt

ความแตกต่างของ MyISAM และ InnoDB

ISAM (MyISAM) ซึ่งมีความรวดเร็วในการอ่านและเขียนสูง เนื่องจากมีการจัดเก็บไว้ในรูปแบบของแฟ้มข้อมูล ซึ่งรองรับการอ่านข้อมูลพร้อมๆ กันได้ (เหมาะสำหรับ Web Application) แต่อาจจะมีปัญหาเมื่อใช้งานกับระบบที่ต้องมีการอ่าน/เขียน ข้อมูลในตารางเดียวกัน พร้อมๆ กันที่สำคัญ ฐานข้อมูลประเภท MyISAM จะมีปัญหาเรื่อง Index เสีย และ Data Corrupt บ่อยมาก หากใช้งานใน OS ที่เป็น Windows และมีการ Shutdown อย่างไม่ถูกต้อง ซึ่งทำให้ผู้ดูแลระบบต้องมีการซ่อมแซม (repair table bad_table) ตารางทีมีปัญหาอยู่เรื่อยๆ

InnoDB ข้อดีคือ รองรับการทำ Transaction รองรับการอ่านและเขียน พร้อมๆ กันได้ดีกว่าฐานข้อมูลประเภท MyISAM และยังมีระบบ Auto Data Recovery หากมีการ shutdown โดยไม่เหมาะสม (ไฟดับ)ซึ่งในการใช้งานผู้ใช้สามารถเลือกได้ว่าจะให้ตารางใดเป็นประเภท InnoDB หรือ MyISAM ขึ้นอยู่กับความเหมาะสม (ว่าจะเลือกความเร็ว หรือ ประสิทธิภาพ)

ที่มา : http://joezine.exteen.com/20060305/myisam-innodb

ขั้นตอนการเปลี่ยนจา่ก MyISAM มาเป็น  InnoDB

1. ทำการ Export ตารางออกมาเป็นไฟล์ SQL

2. เปิดไฟล์ที่ Export มาบน Editor แล้วทำการ Find and Replace คำว่า “MyISAM”  เป็น “InnoDB”

3. สร้างฐานข้อมูลใหม่ หรือ ลบตารางเดิม (ถ้าสร้างฐานข้อมูลใหม่อย่าลืมเปลี่ยนชื่อฐานข้อมูลในไฟล์ SQL ด้วยน้า)

4. Import ไฟล์ SQL นั้นมาใส่ฐานข้อมูล

อ้างอิง

- http://mysqldatabaseadministration.blogspot.com/2006/07/myisam-to-innodb.html

- http://tag1consulting.com/MySQL_Engines_MyISAM_vs_InnoDB

การควบคุมให้เป็นไปตามกฎความคงสภาพของการอ้างอิงที่เกี่ยวกับการลบแถวข้อมูลและแก้ไขข้อมูล

1. การกระทําแบบต่อเนื่อง (CASCADE) : การตามไปลบแถวข้อมูลหรือลบข้อมูลใน attributeที่มี Foreign Keyอ้างอิงถึงข้อมูลนั้นในอีก Relation หนึ่งด้วย
2. การกระทําแบบมีข้อจํากัด  (RESTRICT)  : การไม่อนุญาตให้ลบแถวข้อมูลหรือลบข้อมูลใน attribute ที่มีการอ้างอิง  ถึงข้อมูลนั้นในอีก Relation หนึ่ง
3. การกระทําโดยการใส่ค่าว่าง  (NULLIFILE/SET NULL) : ต้องกําหนดให้ข้อมูลใน attribute ที่เป๊น Foreign Key  เปนค่าว่างจึงจะสามารถลบแถวข้อมูลหรือลบ/แก้ไขข้อมูลใน Attribute นั้นได้

หมายเหตุ : ออฟใช้ AppServ2.5.9

InnoDB คืออะไร

ฐานข้อมูลประเภท Innodb คือฐานข้อมูลที่สามารถรองรับการทำงานแบบ transaction ได้ ซึ่งการทำงาน transaction คือการทำงานที่ถ้างานมีข้อผิดพลาดแม้แต่ประการเดียวก็จะถือว่าเป็นการทำงาน ผิดพลาด
ที่มา : http://wiki.nectec.or.th/ntl/Main/InnoDB

ทำไมต้องใช้ InnoDB

InnoDB จะช่วยในการทำ Foreign Key ซึ่งจะทำการ Reference Index แต่ละ Table ก็จะสามารถทำการ Cascade Delete, Update ได้ว่างั้น ถ้าไม่ Enable InnoDB ก็จะได้เป็น MyISAM ทำให้เราจะใช้ Foreign Key ไม่ได้

การตั้งค่าเพื่อให้สามารถใช้ InnoDB

1. เปิดไฟล์ my.ini ขึ้นมา (ของออฟไฟล์อยู่ที่ C:\AppServ\MySQL )

2. ทำกา่รค้นหาคำว่า skip-innodb

3. ใส่ # หน้า skip-innodb เพื่อเป็นการอนุญาตให้ใช้ innodb ได้

4. ทำการ save

5. restart MySQL

การ restart MySQL (ออฟใช้ AppServ)

1. Start > All programs > AppServ > Control Server by Service > MySQL Stop

2. หลังจากทำการ Stop แล้วให้มากด Start ใหม่อีกครั้ง

การตรวจสอบว่าใช้ InnoDB ได้แล้ว

1. เข้า http://localhost/phpMyAdmin/ (การเข้าอาจจะมี path แตกต่างกันได้)

2. เลือก Storage Engines

3. จะพบว่า InnoDB เป็นสีฟ้า แสดงว่าสามารถใช้ได้แล้ว (ปกติแล้วจะเป็นสีเทา ซึ่งจะไม่สามารถใช้งานได้)

เอกซ์เอ็มแอล (XML) ย่อมาจาก Extensible Markup Language ซึ่งเป็นภาษามาร์กอัปสำหรับการใช้งานทั่วไป พัฒนาโดยW3C โดยมีจุดประสงค์เพื่อเป็น สิ่งที่เอาไว้ติดต่อกันในระบบที่มีความแตกต่างกัน(เช่นใช้คอมพิวเตอร์มี่มี ระบบปฏิบัติการคนละตัว หรืออาจจะเป็นคนละโปรแกรมประยุกต์ที่มีความต้องการสื่อสารข้อมูลถึงกัน)นอก จากนี้ยังเพื่อเป็นพื้นฐานในการสร้างภาษามาร์กอัปเฉพาะทางอีกขั้นหนึ่ง XML พัฒนามาจาก SGML โดยดัดแปลงให้มีความซับซ้อนลดน้อยลง XML ใช้ในแลกเปลี่ยนข้อมูลระหว่างเครื่องคอมพิวเตอร์ที่แตกต่างกัน และเน้นการแลกเปลี่ยนข้อมูลผ่านอินเทอร์เน็ต

XML ยังเป็นภาษาพื้นฐานให้กับภาษาอื่นๆ อีกด้วย (ยกตัวอย่างเช่น Geography Markup Language (GML), RDF/XML, RSS, MathML, Physical Markup Language (PML), XHTML, SVG, MusicXML และ cXML) ซึ่งอนุญาตให้โปรแกรมแก้ไขและทำงานกับเอกสารโดยไม่จำเป็นต้องมีความรู้ในภาษานั้นมาก่อน

ที่มา : http://th.wikipedia.org

• ประโยชน์ของ XML

1. ใช้สำหรับควบคุมการทำงานของ Web Application
2. ใช้สำหรับแลกเปลี่ยนข้อมูลระหว่าง Platform หรือ System หนึ่งไปยังที่อื่นๆ
3. ใช้เก็บข้อมูลทางธุรกิจที่มีขนาดข้อมูลไม่ใหญ่มากนัก

• ส่วนประกอบต่างๆ ของเอกสาร XML

- การประกาศใช้ XML : จะต้องมีการประกาศใช้งาน XML เพื่อกำหนดค่าต่างๆ ของเอกสาร เช่น

<?xml version=”1.0″ encoding=”UTF-8“?>

- Comment : คอมเม้นต์ เป็นข้อความที่อธิบายการทำงานของ XML โดยใช้เหมือน HTML

<!– การใช้ Comment –>

- Element : อีลีเมนต์ ประกอบไปด้วย แท็กเปิด ข้อมูล และแท็กปิด โดยจะมี root element ได้เพียงตัวเดียวเท่านั้น แต่จะมี element ลูกกี่ตัวก็ได้ เช่น

<root>

<child>

<subchild_1>ตัวอย่างการใช้ Element</subchild_1>

<subchild_2>ตัวอย่างการใช้ Element</subchild_2>

</child>

</root>

- Attributes : แอททริบิวต์ เป็นส่วนขยายของ element โดย element แต่ละตัวจะมีกี่ Attribute ก็ได้  เช่น กำหนดค่า Attribute เท่ากับ “1″

<root>

<child id=”1″>

<subchild_1>ตัวอย่างการใช้ Element</subchild_1>

<subchild_2>ตัวอย่างการใช้ Element</subchild_2>

</child>

</root>

• ตัวอย่างเอกสาร XML

<?xml version=”1.0″ encoding=”UTF-8″?><!–Declare XML–>

<gas_database> <!– root–>

<gas type=”E10″> <!–element1–>

<price>17.89</price> <!–SubElement1–>

</gas><!–Close Tag element1–>

<gas type=”E85″> <!–element2–>

<price>18.29</price> <!–SubElement2–>

</gas> <!–Close Tag element2–>

</gas_database><!–Close Tag Root–>

1. เลือก File > New > Web Project
2. ใส่ชื่อ Project Name แล้วกด Finish

3. เลือก File > New > Other > Web Service > Web Service Client แล้วกด Next
4.  ใส่ WSDL URL และ Java package จากนั้นกด Next

5. เมื่อทำการเช็ค WSDL ผ่านแล้วให้กด Finish

6. จะได้ไฟล์ GasProviderClient.java  และ GasProviderPortType.java มา

7. เสร็จสิ้นขั้นตอนการสร้าง Web Service Client