# Wikidata 通用演講投影片 <!-- Put the link to this slide here so people can follow --> slide: https://hackmd.io/08udu9AtSOymfSzK9XAiww --- 大家一起來協作 請使用電腦或智慧型手機來參與 --- ## Who am I? - Front-end developer - VSCode :heart: - I use tabs. :cat: --- ## Wikidata 水文資料  <center>Wikimedia Taiwan <br /> OpenStreetMap x Wikidata <br /></center> --- ## 我是誰? - OpenStreetMap :heart: Wikidata :heart: - Wikimedia Taiwan :cat: --- ### 為什麼要關注 Wikidata * Wikidata是 Wikipedia 的姊姐計畫 * Wikidata 是跨語言的資料庫 * 能索引其他資料庫的資料，例如：OpenStreetMap * Wikidata 的採結構化方式儲存資料，比起Wikipedia更有利於程式化再利用 --- ### Wikidata.org * https://www.wikidata.org * 中文：維基數據 * 2012 10/29 成立 * 維基百科 - 維基共享資源 * 維基百科 <-結構化資料-> 維基數據 * 目標是用結構化資料處理人類所有的知識 * 截至 2020 年 12 月，總計 90,665,278項目，容量 72.6GB --- ### COSCUP 2013 {%youtube dE52LLcUhYk %} --- ### Wikidata 項目 <section data-background-iframe="https://www.wikidata.org/wiki/Q8053971" data-preload data-background-interactive> <h2>一中商圈</h2> </section> --- ### Wikidata 項目解說  --- ### 常見的項目 - Q1 -宇宙 - Q2 -地球 - Q5 -人類 - Q146 – 貓 - Q2013 - Wikidata - Q245023 - 台中市 --- ### 常見的屬性 - P31 - 性質 - P69 - 就讀學校 - P279 – 上級分類 - P345 – 網路電影資料庫編號 - P569 – 出生日期 - P625 – 地理座標 - P402 – 開放街圖關係識別碼 - P1282 - 開放街圖標籤 --- ### 有趣的項目 <section data-background-iframe="https://www.wikidata.org/wiki/Q97189593" data-preload data-background-interactive> <h2>TAIWAN (曾博恩)</h2> </section> --- ### 找貓 :cat2: 檢索連結：https://w.wiki/aXU <section data-background-iframe="https://w.wiki/aXU" data-preload data-background-interactive> <h2>貓的圖片</h2> </section> --- ### Histopedia - 2020 年死亡的人 <section data-background-iframe="http://histropedia.com/showcase/wikidata-viewer.html?q=%232020%20deaths%0ASELECT%20?personItem%20?person%20?personDescription%20?date%20?Country_of_citizenship%20?Occupation%20%20?Gender%20?image%20?rank%20?Manner_of_death%20(IF(BOUND(?personDescription),%20CONCAT(?person,%27%20(%27,?personDescription,%27)%27),%20?person)%20as%20?title)%0AWHERE%20%7B%0A%7B%0ASELECT%20?personItem%20?date%20?countryItem%20?occupationItem%20?genderItem%20?mannerOfDeathItem%20%0A(SAMPLE(?image)%20as%20?image)%0A(COUNT(distinct%20?article)%20as%20?rank)%20%0AWHERE%20%7B%09%20%0A?personItem%20wdt:P570%20?date%20.%20%0A?personItem%20wdt:P18%20?image%20.%0A?personItem%20wdt:P21%20?genderItem%20.%0A?personItem%20wdt:P106%20?occupationItem%20.%0A?personItem%20wdt:P27%20?countryItem%20.%0AOPTIONAL%20%7B%20?personItem%20wdt:P1196%20?mannerOfDeathItem%20%7D%0AOPTIONAL%20%7B%20?article%20schema:about%20?personItem%20filter(contains(str(?article),%20%22wikipedia.org/wiki/%22)%20)%7D%0AFILTER%20(datatype(?date)%20%3D%20xsd:dateTime%20&&%20year(?date)%20%3D%202020%20)%09%0A%7D%20GROUP%20BY%20?personItem%20?date%20?countryItem%20?occupationItem%20?genderItem%20?mannerOfDeathItem%0A%7D%0ASERVICE%20wikibase:label%20%7B%0Abd:serviceParam%20wikibase:language%20%27en%27%20.%0A?personItem%20schema:description%20?personDescription%20.%0A?personItem%20rdfs:label%20?person%20.%0A?countryItem%20rdfs:label%20?Country_of_citizenship%20.%0A?occupationItem%20rdfs:label%20?Occupation%20.%0A?genderItem%20rdfs:label%20?Gender%20.%0A?mannerOfDeathItem%20rdfs:label%20?Manner_of_death%20.%0A%7D%0A%7D%20%20ORDER%20BY%20DESC(?rank)%0A%0ALIMIT%202000&md=true&g=personItem&l=personItem&t=title&s=date&i=image&c=Manner_of_death,Gender,Occupation,Country_of_citizenship&f=Gender,Occupation,Country_of_citizenship,Manner_of_death&v=t" data-preload data-background-interactive> <h2>Histopedia</h2> </section> ---  --- ### 臺中市中文維基百科條目 <section data-background-iframe="https://zh.wikipedia.org/wiki/臺中市" data-preload data-background-interactive> <h2>臺中市</h2> </section> --- ### OpenStreetMap x Wikidata  --- ### Open Data Day <section data-background-iframe="https://wikidatatw.kktix.cc/events/oddtw2020" data-preload data-background-interactive> <h2>Open Data Day</h2> </section> --- ### 涵蓋主題 * 政治人物 * 村里行政區劃 * 台灣河川排水資料 * 藝術資料 * 女性議題 * 古蹟、文物 --- ### 語料資料 <section data-background-iframe="https://www.wikidata.org/wiki/Lexeme:L222612" data-preload data-background-interactive> <h2>Guá/Góa/Guá/我 - Wikidata</h2> </section> --- ### 河川資料  --- ### Wikidata 水文常用屬性 * 發源地 * 注入水體 * 支流 * 經緯度 * 集水區 * 集水區國家 * 開放街圖關係編號 --- ### 水文資料來源 * GNS、GeoNames * 水利署公開文件 * 行政院公報 * Wikidata、Wikipedia * 區域排水整合型查詢系統 * 國土測繪中心通用版地圖 * [注意事項](https://hackmd.io/yFbhTOZzQYG4JZ8ziBK2cg) --- ### 謝謝! :sheep: 你可以在以下管道找到我 <div style="display:inline-flex;align-items:left;"> <div left> - GitHub - Wikidata - OpenStreetMap - 或是 email 我 </div> <div style="font-size:85%;display:flex;background-color:rgb(127 195 140/0.5);padding:1px;justify-content:flex-end;"> <div style="flex-direction:column; text-align:left"> 臉書社團： * Wikidata Taiwan * OpenStreetMap台灣 [Wikidata:WikiProject_Taiwan](https://www.wikidata.org/wiki/Wikidata:WikiProject_Taiwan) </div> </div> </div> --- <section data-visibility="hidden">Slide 2</section>{visibility="uncounted"} --- <section data-background-image="http://example.com/image.png"> <h2>Image</h2> </section> <section data-background-image="http://example.com/image.png" data-background-size="100px" data-background-repeat="repeat"> <h2>This background image will be sized to 100px and repeated</h2> </section> --- <section data-background-color="aquamarine"> </section> --- <section data-background-color="rgb(70, 70, 255)"> <h3 class="r-fit-text">🍦</h3> <h3 class="r-fit-text">🍰</h3> </section> --- <h2 class="r-fit-text">🍰</h2> --- <section data-background-gradient="linear-gradient(to bottom, #283b95, #17b2c3)"> <h2 class="r-fit-text">🐟</h2> fewfewfewfew </section> --- <section data-background-gradient="radial-gradient(#283b95, #17b2c3)"> <h2 class="r-fit-text">🐳</h2> </section> --- <div id="header"></div> <div id="container"; style="height: 100%; background: red;"> <div id="first">1</div> <div id="second">2</div> <div id="clear">3</div> </div> --- ## 匯入後維護問題 <div style="background-color:green">fix</div> --- <div class="answerbox"> <a href="#" class="more">Find out more</a> </div> --- <div class="box"> <h2>Background Colors</h2> <p>Try changing the background <span><font color=purple>colors</font></span>.</p> </div> --- <div class="wrapper"> <div class="box a">FEWFE</div> <div class="box b">FEWFE</div> </div> --- div{ background-size: contain; } --- ## Fragments `<!-- .element: class="fragment" data-fragment-index="1" -->` Is the fragment syntax Hit the next arrow... ... to step through ... <span>... a<!-- .element: class="fragment" data-fragment-index="1" --></span> <span>fragmented<!-- .element: class="fragment" data-fragment-index="2" --></span> <span>slide.<!-- .element: class="fragment" data-fragment-index="3" --></span> Note: This slide has fragments which are also stepped through in the notes window. --- <div class="r-stack"> <img class="fragment" src="https://picsum.photos/450/300" width="450" height="300"> <img class="fragment" src="https://picsum.photos/300/450" width="300" height="450"> <img class="fragment" src="https://picsum.photos/400/400" width="400" height="400"> </div> --- :::: {.columns} ::: {.column width="40%"} Left column ::: ::: {.column width="60%"} Right column ::: :::: --- ## Slide Title Slide content ::: aside Some additional commentary of more peripheral interest. ::: --- {.absolute top=200 left=0 width="350" height="300"} {.absolute top=50 right=50 width="450" height="250"} {.absolute bottom=0 right=50 width="300" height="300"} --- ## {auto-animate=true auto-animate-easing="ease-in-out"} ::: {.r-hstack} ::: {data-id="box1" auto-animate-delay="0" style="background: #2780e3; width: 200px; height: 150px; margin: 10px;"} ::: ::: {data-id="box2" auto-animate-delay="0.1" style="background: #3fb618; width: 200px; height: 150px; margin: 10px;"} ::: ::: {data-id="box3" auto-animate-delay="0.2" style="background: #e83e8c; width: 200px; height: 150px; margin: 10px;"} ::: ::: --- ## {auto-animate=true auto-animate-easing="ease-in-out"} ::: {.r-stack} ::: {data-id="box1" style="background: #2780e3; width: 350px; height: 350px; border-radius: 200px;"} ::: ::: {data-id="box2" style="background: #3fb618; width: 250px; height: 250px; border-radius: 200px;"} ::: ::: {data-id="box3" style="background: #e83e8c; width: 150px; height: 150px; border-radius: 200px;"} ::: ::: --- ```mermaid graph TD; A-->B; A-->C; B-->D; C-->D; ``` <!-- http://mermaid.js.org/intro/ --> --- ## 理念 <!-- Kagami CC-BY-NC-SA https://www.slideshare.net/ShiXunHong/the-workshop-of-opensstreetmap-on-11102017-in-punplace --> 開放街圖的三大特色 ```mermaid %%{init: {'theme':'forest'}}%% graph LR; 1((開源 Open Source))---2((開放 Open Data))---3((協作 Collaboration))---1; ``` --- ```mermaid! gantt dateFormat YYYY-MM-DD title Adding GANTT diagram to mermaid excludes weekdays 2014-01-10 section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d ``` --- Here is some text. <!-- .element: class="green" --> --- <font color="green">Here is some text.</font> --- <!-- .slide: .box1 { background-color: #000; color: #fff; opacity: .5; } .box2 { background-color: rgba(0,0,0,.5); color: #fff; } --> <div class="wrapper"> <div class="box box1">This box uses opacity</div> <div class="box box2">This box has a background color with an alpha channel</div> </div>