Download presentation
Presentation is loading. Please wait.
1
2004年11月22日卒業論文中間発表 「Webの読みやすさ 実験ツールの開発」
社会情報システム学講座 柴田 大樹
2
発表内容 読みやすさ実験環境を開発した経緯 その開発中のシステムの機能の一部の デモンストレーション
3
この「読みづらい」を解決できないか？ 研究内容 WEBページは読みづらい 読みやすさの実験環境をつくる →紙の解像度 600dpi
★紙の解像度のほうが高い ★ディスプレイでは読みづらい 解像度ということについて少し説明 WEBページは読みづらい
4
研究内容 「読みづらい」を解決できないか？ 読みやすさについてある程度の指針はできている
それらにアレンジを加えたいなら、アレンジしたものを読み比べる環境が必要 見出しには文字を大きくしたり、着色を他と変えること テキストには左右の余白を持たせること 向後千春 ｢Webブラウザ上でのテキストの見やすさを規定するレイアウト要因｣ テキストが主体の新聞社のサイトをサンプルとして、Web上での文字の読みやすさを追求 李明姫 「ウェブ画面における読みやすい文字表現の研究」
5
「読み楽」の概要 読みやすさを追求してもらうための 実験環境 人間が実際に読み比べた結果をCSSで サイトに反映
6
CSS Cascading Style Sheet カスケーディング スタイルシート この研究ではココに使われています
デザインに関する細かい設定を記したもの 使い回しが可能→Webサイトに統一感 この研究ではココに使われています 実験者がパラメータをいじってのプレビュー
7
「読み楽」の概要 実験前 「読み比べをするサンプルをつくる」 実験中・実験後 「読み比べて投票する、投票結果をまとめる」 実験カルテ生成機能
被験者管理機能(被験者を集めて実験を行う場合) 実験中・実験後 「読み比べて投票する、投票結果をまとめる」
8
「読み楽」の概要 実験中・実験後 「読み比べて投票する、投票結果をまとめる」 実験サンプル提示機能 投票機能 集計機能
CSSダウンロード機能
9
「読み楽」の概要 動作環境 サーバー側：PHP4 クライアント側： OS：Windows
ブラウザ：Internet Explorer 6.0 デモに移 最終的には もっと多くのブラウザに対応
Similar presentations
![クリックすると、 [SourceEditor2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 SQS ホームページ](/40/11113465/big_thumb.jpg "クリックすると、 [SourceEditor2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 SQS ホームページ>")
![福岡工業大学 情報工学部 情報工学科 種田研究室 情報工学科 種田研究室 樽美 澄香 [C8] 対話型遺伝的アルゴリズム（ IGA ）による 色弱者向けの Web ページ配色最適化システム 2009 年 2 月 20 日.](/40/11146528/big_thumb.jpg "福岡工業大学 情報工学部 情報工学科 種田研究室 情報工学科 種田研究室 樽美 澄香 [C8] 対話型遺伝的アルゴリズム（ IGA ）による 色弱者向けの Web ページ配色最適化システム 2009 年 2 月 20 日.>")
