1. Team 23 Multilingual Online Dictionary 資工碩一 吳全勳 R02922002 資工四 李竺軒 B99902033 電機四 何 偉 B99901068 資工二 王昱蓉 B01902018

2. Outline  The Scheme  XPath  Language Detection  Template

3. The Scheme bab.la linguee.com glosbe.com

4. XPath  XPath is a query language for selecting nodes from an XML document.  Using path expressions to navigate in XML documents  Containing a library of standard functions.  Major element in XSLT.  W3C recommendation

5. XPath Terminology  Nodes Harry Potter J K. Rowling 2005 29.99 (root element node) J K. Rowling (element node) lang="en” (attribute node)

6. XPath Terminology  Relationship of Nodes Harry Potter J K. Rowling 2005 29.99 book is the parent of the title, author, year, and price. title, author, year, and price are the children of book. title, author, year, and price are all siblings. The ancestors of title are book and bookstore. The descendants of bookstore are book, title, author, year, and price.

7. XPath Terminology  Selecting Nodes ExpressionDescription nodenameSelects all nodes with the name "nodename" /Selects from the root node //Selects nodes in the document from the current node that match the selection no matter where they are.Selects the current node..Selects the parent of the current node @Selects attributes

8. XPath Terminology Harry Potter 29.99 Learning XML 39.95 Path ExpressionResult bookstoreSelects all nodes with the name "bookstore" /bookstoreSelects the root element bookstore. Note: If the path starts with a slash ( / ) it always represents an absolute path to an element! bookstore/bookSelects all book elements that are children of bookstore //bookSelects all book elements no matter where they are in the document bookstore//bookSelects all book elements that are descendant of the bookstore element, no matter where they are under the bookstore element //@langSelects all attributes that are named lang

9. Language Detection  Website: http://detectlanguage.comhttp://detectlanguage.com  1.Sign up for free account  2.Get personal API key 3.use Language Detection API for query  4.Transfer query by ajax  5.Return result in JSON

10. xmlhttp.open("GET",target, true); //true for asynchronous xmlhttp.onreadystatechange = function (e) { //callback function if (this.readyState == 4 && this.status == 200){ … } 好處 : 可以避免傳輸發生 delay 造成 script block 住的情形發生 影響使用者與網頁之間的互動 Asynchronous Ajax

11. Template  A website template is a pre-designed webpage, or set of webpages, that anyone can modify with their own content and images to setup a website.  Usually built using HTML and CSS code, website templates allow anyone to setup a website without having to hire a professional web developer or designer.  Some templates are complete websites that you can use to “plug-in” your own text and images with little, or no, editing of the layout or design.

12. Template  1. Search for a free template

13. Template  2. Compose

14. Template  3. Apply to our website and done!

15. Reference  http://www.w3schools.com/XPath/ http://www.w3schools.com/XPath/  http://allwebcodesign.com/website-templates.htm http://allwebcodesign.com/website-templates.htm  http://html5up.net/prologue http://html5up.net/prologue