|
0
|
1 <!DOCTYPE html>
|
|
|
2 <html>
|
|
|
3 <head>
|
|
|
4 <meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
|
5 <title>OS研究会 Abstract</title>
|
|
|
6
|
|
|
7 <!--
|
|
|
8 Notes on CSS media types used:
|
|
|
9
|
|
|
10 1) projection -> slideshow mode (display one slide at-a-time; hide all others)
|
|
|
11 2) screen -> outline mode (display all slides-at-once on screen)
|
|
|
12 3) print -> print (and print preview)
|
|
|
13
|
|
|
14 Note: toggle between projection/screen (that is, slideshow/outline) mode using t-key
|
|
|
15
|
|
|
16 Questions, comments?
|
|
|
17 - send them along to the mailinglist/forum online @ http://groups.google.com/group/webslideshow
|
|
|
18 -->
|
|
|
19
|
|
|
20 <!-- styles -->
|
|
|
21 <style media="screen,projection">
|
|
|
22
|
|
|
23 html,
|
|
|
24 body,
|
|
|
25 .presentation { margin: 0; padding: 0; }
|
|
|
26
|
|
|
27 .slide { display: none;
|
|
|
28 position: absolute;
|
|
|
29 top: 0; left: 0;
|
|
|
30 margin: 0;
|
|
|
31 border: none;
|
|
|
32 padding: 2% 4% 0% 4%; /* css note: order is => top right bottom left */
|
|
|
33 -moz-box-sizing: border-box;
|
|
|
34 -webkit-box-sizing: border-box;
|
|
|
35 box-sizing: border-box;
|
|
|
36 width: 100%; height: 100%; /* css note: lets use border-box; no need to add padding+border to get to 100% */
|
|
|
37 overflow-x: hidden; overflow-y: auto;
|
|
|
38 z-index: 2;
|
|
|
39 }
|
|
|
40
|
|
|
41 .slide.current { display: block; } /* only display current slide in projection mode */
|
|
|
42
|
|
|
43 .slide .stepcurrent { color: black; }
|
|
|
44 .slide .step { color: silver; } /* or hide next steps e.g. .step { visibility: hidden; } */
|
|
|
45
|
|
|
46 .slide {
|
|
|
47 /*
|
|
|
48 background-image: -webkit-linear-gradient(top, blue, aqua, blue, aqua);
|
|
|
49 background-image: -moz-linear-gradient(top, blue, aqua, blue, aqua);
|
|
|
50 */
|
|
|
51 }
|
|
|
52 </style>
|
|
|
53
|
|
|
54 <style media="screen">
|
|
|
55 .slide { border-top: 1px solid #888; }
|
|
|
56 .slide:first-child { border: none; }
|
|
|
57 </style>
|
|
|
58
|
|
|
59 <style media="print">
|
|
|
60 .slide { page-break-inside: avoid; }
|
|
|
61 .slide h1 { page-break-after: avoid; }
|
|
|
62 .slide ul { page-break-inside: avoid; }
|
|
|
63 </style>
|
|
|
64
|
|
|
65
|
|
|
66 <!-- add js lib (jquery) -->
|
|
|
67 <script src="js/jquery-1.7.min.js"></script>
|
|
|
68
|
|
|
69 <!-- S6 JS -->
|
|
|
70 <script src="js/jquery.slideshow.js"></script>
|
|
|
71 <script src="js/jquery.slideshow.counter.js"></script>
|
|
|
72 <script src="js/jquery.slideshow.controls.js"></script>
|
|
|
73 <script>
|
|
|
74 $(document).ready( function() {
|
|
|
75 Slideshow.init();
|
|
|
76
|
|
|
77 // Example 2: Start Off in Outline Mode
|
|
|
78 // Slideshow.init( { mode: 'outline' } );
|
|
|
79
|
|
|
80 // Example 3: Use Custom Transition
|
|
|
81 // Slideshow.transition = transitionScrollUp;
|
|
|
82 // Slideshow.init();
|
|
|
83
|
|
|
84 // Example 4: Start Off in Autoplay Mode with Custom Transition
|
|
|
85 // Slideshow.transition = transitionScrollUp;
|
|
|
86 // Slideshow.init( { mode: 'autoplay' } );
|
|
|
87 } );
|
|
|
88 </script>
|
|
|
89
|
|
|
90 </head>
|
|
|
91 <body>
|
|
|
92
|
|
|
93
|
|
|
94 <div class="presentation">
|
|
|
95
|
|
|
96 <div id="cover">
|
|
|
97 <h1>Title 候補</h1>
|
|
|
98 <ul>
|
|
|
99 <li>
|
|
|
100 Cerium による並列処理向け I/O の実装
|
|
|
101 </li>
|
|
|
102 </ul>
|
|
|
103 <h1>Abstract</h1>
|
|
|
104 <ul>
|
|
|
105 <li>
|
|
|
106 当研究室では、Task 単位で記述するフレームワーク、Cerium の開発を行っている。
|
|
|
107 従来はファイル読み込みを mmap で実装していたが、本論文では Blocked Read で実装を行った。
|
|
|
108 Blocked Read とは、ファイルを一度に読み込まずに、あるサイズに分割して読み込む手法である。
|
|
|
109 さらに、Cerium 側にて I/O 専用スレッドを実装した。
|
|
|
110 <!--
|
|
|
111 それらの実装を行った結果、mmap での実装と比較して 1.55倍ほど速度が向上した。
|
|
|
112 -->
|
|
|
113 それらの結果、mmap ではキャッシュに残った状態からの測定だと速く、
|
|
|
114 Blocked Read ではファイル読み込みからの測定だと速くなった。
|
|
|
115 </li>
|
|
|
116 </ul>
|
|
|
117 </div>
|
|
|
118
|
|
|
119
|
|
|
120 </div> <!-- presentation -->
|
|
|
121 </body>
|
|
|
122 </html>
|
