Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
--
--
• 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]
•...
HTML
<ul class="pictures">
<li><img data-original="../docs/images/tibet-1.jpg"
src="../docs/images/thumbnails/tibet-1.jpg"...
(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...
(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...
• 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
=“co...
Excel
=IF(K11="
JPEG","./org_data/"&C11&"/normal_jpg/"&C11&"_"&TEXT(H11,"000")&".jpg",I
F(M11="
","./org_data/"&C11&"/scal...
•
•
•
•
•
•
•
•
•
•
•
•
•
• CMS
• Web
•
• Flash
• HTML+CSS+Javascript
• Bootstrap
• Viewer.js
• Bootstrap
•
• 1
• Bootstrap
•
• CC BY
•
• ID
•
• ppi
•
•
•
•
• URL
• purl.org
• OPAC & NACSIS-CAT
•
Upcoming SlideShare
Loading in …5
×

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

550 views

Published on

国立教育政策研究所教育図書館が8月30日にリリースした貴重資料デジタルコレクションの事例とともに、移行しやすく使いやすいデジタルコレクション公開サイトの構築の試みについて発表。追記:ImageMagickのconvertコマンドを紹介しているスライドがありますが、ImageMagick7以降では、コマンドはmagickと変更になっていますので注意が必要です。互換性のためconvertコマンドが使えることも多いようですがインストール方法によあっては使えないことがあるようです。

Published in: Data & Analytics
  • Be the first to comment

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

  1. 1. -- --
  2. 2. • Code4Lib JAPAN • • DB • • • Web LOD • Project Next-L • saveMLAK •
  3. 3. • • • • 1 →
  4. 4. • PDF/JPG/PNG/GIF • http://www.lib.u-ryukyu.ac.jp/?p=20149 • • Flash • •
  5. 5. • • • HTML, CSS, Javascript, JPG, PDF • • 2018/8/30 3
  6. 6. http://www.nier.go.jp/library/rarebooks/ HTML
  7. 7. 1 •
  8. 8. 2 •
  9. 9. 3 •
  10. 10. 4 •
  11. 11. • • • CMS • php •
  12. 12. • HTML, CSS, Javascript, JPG, PDF • Viewer.js • https://fengyuanchen.github.io/viewerjs/ • Javascript
  13. 13. (1) • 1 JPG • 1MB 145ppi • JPG • 100KB ( 72ppi) • PDF • JPG • JPG
  14. 14. (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
  15. 15. 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>
  16. 16. (1) • viwerjs-master/example/ viewer-in-modal.html
  17. 17. (2) • docs/images 1.jpg 2.jpg
  18. 18. (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>
  19. 19. (4) • viwerjs-master/example/ viewer-in-modal.html →
  20. 20. 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>
  21. 21. • 78 • 21 • 57 • 3,954 • 3,832 +122 • TIFF 360ppi 200 370) • • 35GB • 5GB
  22. 22. • 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
  23. 23. 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"))
  24. 24. • • • • • • • • • • •
  25. 25. • • • CMS • Web • • Flash • HTML+CSS+Javascript • Bootstrap • Viewer.js • Bootstrap • • 1
  26. 26. • Bootstrap • • CC BY • • ID • • ppi • •
  27. 27. • • • URL • purl.org • OPAC & NACSIS-CAT •

×