Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
diva.js: A web-based document viewer for high-r...
Search
Wendy Liu
July 28, 2012
Programming
0
360
diva.js: A web-based document viewer for high-resolution images
Presented at the SIMSSA workshop held at McGill University.
Wendy Liu
July 28, 2012
Tweet
Share
More Decks by Wendy Liu
See All by Wendy Liu
Git and Github: Version control for a happier you
dellsystem
0
330
Optimising your JavaScript
dellsystem
1
530
Git and Github: Tips and tricks
dellsystem
2
390
Git and Github: version control for the 21st century
dellsystem
1
300
Django: The web framework for perfectionists with deadlines
dellsystem
0
430
Git and GitHub: an introduction
dellsystem
2
260
What's in a name? Using first names as features for gender inference in Twitter
dellsystem
1
460
Other Decks in Programming
See All in Programming
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
140
Django Ninja による API 開発効率化とリプレースの実践
kashewnuts
0
1.3k
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
170
[Kaigi on Rais 2025] 全問正解率3%: RubyKaigiで出題したやりがちな危険コード5選
power3812
0
140
株式会社 Sun terras カンパニーデック
sunterras
0
300
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
130
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
170
技術的負債の正体を知って向き合う / Facing Technical Debt
irof
0
170
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
1.3k
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
9
1.7k
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
130
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
160
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Facilitating Awesome Meetings
lara
56
6.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Done Done
chrislema
185
16k
Side Projects
sachag
455
43k
How GitHub (no longer) Works
holman
315
140k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
870
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Mobile First: as difficult as doing things right
swwweet
224
10k
Transcript
A web-based document viewer for high-resolution images A web-based document
viewer for high-resolution images Wendy Liu Wendy Liu 1 / 41
Outline Outline 2 / 41 What it is What it
is How it works How it works Image manipulation features Image manipulation features
What it is What it is 3 / 41
Manuscript: Salzinnes Antiphonal Manuscript: Salzinnes Antiphonal 4 / 41
High resolution High resolution 5 / 41
Preserve document structure (scrolling) Preserve document structure (scrolling) 6 /
41
7 / 41 Fast and easy to use Fast and
easy to use
8 / 41 Free tool Free tool
9 / 41
10 / 41 Distribution? Distribution?
10 / 41 TIFF, ~30 megapixels (~180 MB) per photo
TIFF, ~30 megapixels (~180 MB) per photo TIFF, ~30 megapixels (~180 MB) per photo TIFF, ~30 megapixels (~180 MB) per photo
12 / 41 180 MB × 479 images ≈ 86
GB 180 MB × 479 images ≈ 86 GB
13 / 41 Enter Diva.js Enter Diva.js
14 / 41 From manuscript ... From manuscript ...
15 / 41 To browser-based document viewer. To browser-based document
viewer.
16 / 41 Zooming in and out Zooming in and
out
17 / 41 Grid view Grid view
18 / 41 Image manipulation Image manipulation
19 / 41 Extremely fast Extremely fast
20 / 41 Selective downloading Selective downloading
21 / 41 How it works How it works
22 / 41 Tiled images (JPEG2000 or pyramidal TIFF) Tiled
images (JPEG2000 or pyramidal TIFF)
23 / 41 Multiple resolutions in one file Multiple resolutions
in one file
24 / 41 Image server: IIPImage Image server: IIPImage
25 / 41 Setup frontend scripts Setup frontend scripts
26 / 41 Demo Demo http://coltrane.music.mcgill.ca/salzinnes/experiments/diva-cci-tif/
27 / 41 New feature: plugin system New feature: plugin
system
28 / 41 Download plugin Download plugin
29 / 41 Image manipulation plugin Image manipulation plugin
30 / 41 Canvas: HTML5 feature Canvas: HTML5 feature
31 / 41 Canvas: HTML5 feature Canvas: HTML5 feature
32 / 41
33 / 41
34 / 41 Working with large images: slow. Working with
large images: slow.
35 / 41 More pixels → more operations More pixels
→ more operations
36 / 41 Solution: thumbnail preview. Solution: thumbnail preview.
37 / 41 MIT license MIT license
38 / 41 Download from ddmal.music.mcgill.ca/diva Download from ddmal.music.mcgill.ca/diva
39 / 41 Development coordinated by Development coordinated by Ichiro
Fujinaga (DDMAL) Andrew Hankinson (DDMAL) Laurent Pugin (Swiss RISM) Ichiro Fujinaga (DDMAL) Andrew Hankinson (DDMAL) Laurent Pugin (Swiss RISM)
40 / 41 Sponsored by Sponsored by Swiss National Science
Foundation Swiss National Science Foundation
41 / 41 Thanks. Thanks.