# 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>
{"metaMigratedAt":"2023-06-15T18:50:32.607Z","metaMigratedFrom":"YAML","title":"Wikidata 通用演講投影片","breaks":true,"description":"View the slide with \"Slide Mode\".","contributors":"[{\"id\":\"6d29f5f5-3da6-40f2-b920-e9a4cc2181dd\",\"add\":11630,\"del\":3781}]"}