comparison 14/slides/April_08th.html @ 68:5c9895caa58e

add
author Masataka Kohagura <e085726@ie.u-ryukyu.ac.jp>
date Tue, 08 Apr 2014 15:58:40 +0900
parents 14/slides/April_01st.html@e4cb70884eb2
children 084c34abe465
comparison
equal deleted inserted replaced
67:88749f6fa038 68:5c9895caa58e
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="content-type" content="text/html;charset=utf-8">
5 <title>25th,March,2014</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 <!-- add slides here; example -->
97 <div id="header">
98 <h1>Cerium による並列処理向け I/O の設計と実装</h1>
99 </div>
100
101 <div class='cover'>
102 <h1>今週までの活動</h1>
103 <ul>
104 <li>目次の作成</li>
105 <li>word count にて、mmap vs blocked read</li>
106 </ul>
107
108 <h1>事務連絡</h1>
109 <ul>
110 <li>名刺を illustrator にて作成・注文</li>
111 <li>
112 並列信頼研ロゴステッカーは、業者注文停止のため注文が遅くなる<br>
113 (再開までにしばらく時間がかかりそう)
114 </li>
115 </ul>
116 </div>
117
118
119 <div id="cover">
120 <h1>目次</h1>
121 Title : Cerium による並列処理向け I/O の設計と実装<br>
122 <br>
123 第1章 研究背景と目的<br>
124 <br>
125 第2章 Cerium Task Manager<br>
126 <br>
127 第3章 Cerium Task Manager を使った例題<br>
128 ・3.1 File Read<br>
129 ・3.2 Word Count<br>
130 <br>
131 第4章 並列処理向け I/O の設計と実装<br>
132 ・4.1 mmapでの実装<br>
133 ・4.2 Blocked Read の設計と実装<br>
134 ・4.3 I/O 専用 thread の実装<br>
135 <br>
136 第5章 ベンチマーク<br>
137 <br>
138 第6章 結論
139 </div>
140
141 <div class='cover'>
142 <h1>word count で mmap vs Blocked Read</h1>
143 <p>
144 firefly 上で実行<br>
145 2*2.66 GHz, HHD 1TB, memory 16GB<br>
146 file size : 1GB<br>
147 cpu num : 12
148 </p>
149
150 <table>
151 <tr>
152 <table>
153 <tr><td>mode</td><td>time(s)</td></tr>
154 <tr><td>cpu & mmap</td><td>22.98</td></tr>
155 <tr><td>cpu & blocked read</td><td>13.14</td></tr>
156 <tr><td>gpu & mmap</td><td>101.40</td></tr>
157 <tr><td>gpu & blocked read</td><td>90.63</td></tr>
158 </table>
159 <tr>
160 </table>
161 </div>
162
163 <div>
164 <h1>名刺作成と注文</h1>
165 <p>希望者全員の分の名刺の作成と注文を行った</p>
166 <p>希望者全員には配布済み</p>
167 </div>
168
169 <div id="footer">
170 <h1>並列信頼研ロゴステッカーについて</h1>
171 </div>
172
173 </div> <!-- presentation -->
174 </body>
175 </html>