--
--
• Code4Lib JAPAN
•
• DB
•
•
• Web LOD
• Project Next-L
• saveMLAK
•
•
•
•
•
1
→
• PDF/JPG/PNG/GIF
• http://www.lib.u-ryukyu.ac.jp/?p=20149
•
• Flash
•
•
•
•
• HTML, CSS,
Javascript, JPG, PDF
•
• 2018/8/30 3
http://www.nier.go.jp/library/rarebooks/ HTML
1
•
2
•
3
•
4
•
•
•
• CMS
• php
•
• HTML, CSS, Javascript,
JPG, PDF
• Viewer.js
•
https://fengyuanchen.github.io/viewerjs/
• Javascript
(1)
• 1 JPG
• 1MB 145ppi
• JPG
• 100KB ( 72ppi)
• PDF
• JPG
• JPG
(2)
HTML (& CSS, Jacvascript)
→ Viewer.js example/*.html
• https://github.com/fengyuanchen/viewerjs
• Clone or download]
• Download ZIP
• viwerjs-master.zip
• viwerjs-master/example
viewer-in-modal.html
HTML
<ul class="pictures">
<li><img data-original="../docs/images/tibet-1.jpg"
src="../docs/images/thumbnails/tibet-1.jpg"
alt="Cuo Na Lake"></li>
<li><img data-original="../docs/images/tibet-2.jpg"
src="../docs/images/thumbnails/tibet-2.jpg"
alt="Tibetan Plateau"></li>
(1)
• viwerjs-master/example/
viewer-in-modal.html
(2)
• docs/images
1.jpg 2.jpg
(3)
• viwerjs-master/example/
viewer-in-modal.html
<li><img data-original="../docs/images/tibet-1.jpg"
src="../docs/images/thumbnails/tibet-1.jpg" alt="Cuo
Na Lake"></li>
<li><img data-original="../docs/images/tibet-2.jpg"
src="../docs/images/thumbnails/tibet-2.jpg"
alt="Tibetan Plateau"></li>
(4)
• viwerjs-master/example/
viewer-in-modal.html
→
Viewer.js
• JPG,PDF
• <ul></ul>
• <li> <img data-original=“../docs/images/1.jpg”
src=“../docs/images/thumbnails/1.jpg” alt=“Cuo Na
Lake”> </li>
• <li><a href=="../docs/images/1.jpg”><img
src="../docs/images/thumbnails/1.jpg" alt="Cuo Na
Lake"></a></li>
• 78
• 21
• 57
• 3,954
• 3,832 +122
• TIFF
360ppi 200 370)
•
• 35GB
• 5GB
• ImageMagik
•
•
convert INPUT.tif –resize 50% OUTPUT.jpg
convert INPUT1.jpg INPUT.2.jpg OUTPUT.pdf
• Excel
•
• A B C
=“convert “& A2 & “ -resize “ & B2 & “ “& C2
• xxx.sh
• sh zzz.sh
Excel
=IF(K11="
JPEG","./org_data/"&C11&"/normal_jpg/"&C11&"_"&TEXT(H11,"000")&".jpg",I
F(M11="
","./org_data/"&C11&"/scale/"&C11&"_"&TEXT(H11,"000")&".tif","./org_data/"
&C11&"/normal/"&C11&"_"&TEXT(H11,"000")&".tif"))
•
•
•
•
•
•
•
•
•
•
•
•
•
• CMS
• Web
•
• Flash
• HTML+CSS+Javascript
• Bootstrap
• Viewer.js
• Bootstrap
•
• 1
• Bootstrap
•
• CC BY
•
• ID
•
• ppi
•
•
•
•
• URL
• purl.org
• OPAC & NACSIS-CAT
•

2018-09-02 c4ljp2018 移行しやすく使いやすいデジタルコレクション公開サイト構築の試み -- 教育図書館貴重資料デジタルコレクション公開準備の 経験から --