150 likes | 280 Views
Team 23 Multilingual Online Dictionary. 資工碩一 吳全勳 R02922002 資工四 李竺軒 B99902033 電機四 何 偉 B99901068 資工二 王昱蓉 B01902018. Outline. The Scheme XPath Language Detection Template. The Scheme. bab.la linguee.com glosbe.com. XPath.
E N D
Team 23Multilingual Online Dictionary 資工碩一 吳全勳 R02922002 資工四 李竺軒 B99902033 電機四 何 偉 B99901068 資工二 王昱蓉 B01902018
Outline • The Scheme • XPath • Language Detection • Template
The Scheme bab.la linguee.com glosbe.com
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
XPath Terminology <bookstore>(root element node) • Nodes <?xml version="1.0" encoding="UTF-8"?> <bookstore> <book> <title lang="en">Harry Potter</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price> </book> </bookstore> <author>J K. Rowling</author> (element node) lang="en”(attribute node)
XPath Terminology • Relationship of Nodes <bookstore> <book> <title>Harry Potter</title> <author>J K. Rowling</author> <year>2005</year> <price>29.99</price></book> <bookstore> The ancestorsof titleare book and bookstore. The descendants of bookstore are book, title, author, year, and price. book is the parent of the title, author, year, and price. title, author, year, and price are the childrenof book. title, author,year, and price are all siblings.
XPath Terminology • SelectingNodes
XPath Terminology <?xml version=“1.0” encoding=“UTF-8”?><bookstore> <book> <title lang=“eng”>Harry Potter</title> <price>29.99</price></book><book><title lang=“eng”>Learning XML</title><price>39.95</price></book></bookstore>
Language Detection • Website: http://detectlanguage.com • 1.Sign up for free account • 2.Get personal API key3.use Language Detection API for query • 4.Transfer query by ajax • 5.Return result in JSON
Asynchronous Ajax xmlhttp.open("GET",target, true); //true for asynchronous xmlhttp.onreadystatechange = function (e) { //callback function if (this.readyState == 4 && this.status == 200){ … } } 好處: 可以避免傳輸發生delay造成script block住的情形發生 影響使用者與網頁之間的互動
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.
Template • 1. Search for a free template
Template • 2. Compose
Template • 3. Apply to our website and done!
Reference • http://www.w3schools.com/XPath/ • http://allwebcodesign.com/website-templates.htm • http://html5up.net/prologue