• 検索結果がありません。

分散情報システム構成法

N/A
N/A
Protected

Academic year: 2021

シェア "分散情報システム構成法"

Copied!
20
0
0

読み込み中.... (全文を見る)

全文

(1)

Web Information System Design

No.6 Web文書空間

(2)

Web文書の全体構成要素

Web文書

XML

HTTP

URI

Unicode

データ

文書

参照

操作

XML

アプリケーション

(3)

HTML以外のXMLアプリケーション

HTMLの成功をXMLに

Extensible Stylesheet (

XSL

)

XML Linking Language (

XLink

)

HTMLに欠けているものを

MathML

S

calable

V

ector

G

raphics

すべての文書をXMLに

S

ynchronized

M

ultimedia

I

ntegration

L

anguage

XML

Schema

(4)

XML文書での位置指定

XPath

XML文書内の

位置

を指定したい

テキストの文字の位置ではずれるか

もしれない

構造を使って指定

XPointer (XML Pointer Language)

XMLの一部分(

領域

)を指定したい

XPathの拡張

XML文書の注釈などに利用

(5)

電子メールの

XML

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE email SYSTEM "email.dtd">

<email>

<head>

<from name="萩野達也"

address="[email protected]"/>

<to name="慶應太郎"

address="[email protected]"/>

<subject>Web Lectures</subject>

</head>

<body>

慶応太郎様,

Webの授業に来てください.

</body>

</email>

(6)

XPath

/AxisSpecifier::NodeTest[Predicate]/AxisSpecifier::NodeTest[Predicate]/...

root

from

email

head

head

to

subject

name

address

name

address

萩野達也 hagino@sfc. keio.ac.jp 慶応太郎 taro@keio .ac.jp Web授業 慶応太郎様, Webの授業に来てくだ さい.

body

(7)

XPathの例

/child::email/child::head/child::to/attribute::name

/email/head/to/@name

/email/head/to[last()]

/decendant::to[last()]

//to[last()]

省略形

(8)

XMLにスタイルを付ける

XMLスタイルシート

CSSでは不十分

プログラミング言語に匹敵する能力が必要

宣言的

をできるだけ保ちたい

XSL

XSL Transformations (

XSLT

) Version 2.0

(9)

<?xml version="1.0" encoding="UTF-8" ?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/author"> <html> <head> <title>Author</title> </head> <body bgcolor="white"> <b> <xsl:value-of select="name" /> </b> <br /> <xsl:value-of select="affiliation" /> <br /> <i> <xsl:value-of select="email" /> </i> </body> </html> </xsl:template> </xsl:stylesheet>

XSLTの例

<?xml version="1.0" encoding="UTF-8" ?>

<author>

<name>Tatsuya Hagino</name>

<affiliation>Keio University</affiliation>

<email>[email protected]</email>

</authro>

<html> <head><title>Author</title></head> <body bgcolor="white"> <b>Tatsuya Hagino</b><br/> Keio UNiversity<br/> <i>[email protected]</i> </body> </html>

(10)

HTMLの数式

数式

複雑な

数式

を書きたい

きれい

に表示したい

数式の

意味

を表したい

コピー・ペーストで数式を利用

MathML

Mathematical Markup Language (

MathML

) Version 2.0 (Second

Edition)

x =

2a

(11)

数式を木構造で表す

Presentation Element

30の要素

約50の属性

数学記法

をコーディング

例: mfracは分数を表す

数式の表示を思うように表すことができる

見た目だけになり,音声ブラウザなどで読み上げる

と分けが分からないものになることも多い

Content Element

約100の要素

約12の属性

数学の

関数

演算子

を表す

例: plus, sin

数学の

オブジェクト

を表すものもある.

例: set, vector

表示以外の目的で使う: 音声ブラウザ,数式処理

表示がどのようになるかコントロールするのが難しい

<msup>

<mfenced>

<mi>a</mi>

<mo>+</mo>

<mi>b</mi>

</mfenced>

<mn>2</mn>

</msup>

<apply>

<power/>

<apply>

<plus/>

<ci>a</ci>

<ci>b</ci>

</apply>

<cn>2</cn>

</apply>

(a + b)

2

(12)

HTMLのグラフィックス

グラフィックス

GIFやPNGやJPEGはビットマップ画像

ベクトル

画像が欲しい

SVG

Scalable Vector Graphics (SVG) 1.1 Specification

Scalable Vector Graphics (SVG) Tiny 1.2 Specification

PDFに近いが

XML

形式

(13)

<?xml version="1.0" ?>

<svg xmlns="http://www.w3.org/2000/svg"

width="300"

height="300">

<rect style="fill:blue" width="100" height="30" x="10" y="3"/>

<path d="M 100 60 L 200 10 L 200 120 z"/>

</svg>

SVGの例

<?xml version="1.0" ?>

<svg xmlns="http://www.w3.org/2000/svg"

width="300"

height="300">

<text style="fill:red;" y="2cm">This is SVG.</text>

</svg>

(14)

Webアクセシビリティ

アクセシビリティ

情報に

アクセス

することができる

ちゃんと利用できるかどうか以前の問題

Webアクセシビリティ

Webは重要な情報源である

健常者だけでなく

障害者

にも利用できるよう

Web for

everybody

ユニバーサル

デザイン

バリアフリー

デザインの段階でみんな(お年寄り,障害者)が利用することを考慮する

アクセシビリティは障害者のためだけではない

車の運転中

は両手が使えない

携帯電話は

画面が小さい

(15)

アクセシビリティガイドライン

Web Content Accessibility Guidelines

Webページを

記述

する場合のガイドライン

Authoring Tool Accessibility Guidelines

Webページを自動生成する

オーサリングツール

に対するガイ

ドライン

User Agent Accessibility Guidelines

(16)

Web Content Accessibility Guidelines 1.0

1.

聴覚的および視覚的コンテンツに

等価代替物

を提供する

2.

だけに頼らない

3.

マークアップとスタイルシートを適切に使用する

4.

自然言語

の使用を明確にする

5.

スムーズに変換されるようなテーブルを作成する

6.

新しい技術を使用したページのスムーズな変換を保証する

7.

時間に敏感なコンテンツ変更のユーザー制御を保証する

8.

埋込みユーザー・インターフェースへの直接的なアクセシビリティを保証

する

9.

デバイスに依存しない設計

10.

暫定的ソリューションを使用する

11.

W3Cの技術と指針を使用する

12.

コンテンツとオリエンテーションに関する情報を提供する

13.

わかりやすいナビゲーション機構を提供する

14.

わかりやすく、シンプルな文書を保証する

(17)

指針

2. 色だけに頼らない

2.1 色が表す全部の情報が、

色なし

でも(例、コンテキス

トまたはマークアップから)入手可能なことを保証します。

[優先度1]

2.2 前景色と背景色の組合せが、色に関する障害を持つ

人々が見たり、白黒画面で見た場合に十分な

コントラス

を提供することを保証します。[イメージについては優先

度2、テキストについては優先度3]

(18)

Web Content Accessibility Guidelines 2.0

原則 1:知覚可能 (Perceivable)

情報およびユーザインタフェースの構成要素は、ユーザが知覚でき

る方法でユーザに提示可能でなければならない。

原則 2: 操作可能 (Operable)

ユーザインタフェースの構成要素およびナビゲーションは操作可能

でなければならない。

原則 3:理解可能 (Understandable)

情報およびユーザインタフェースの操作は理解可能でなければなら

ない。

原則 4: ロバスト性 (Robust)

コンテンツは、支援技術を含む様々なユーザエージェントが確実に

解釈できるように十分に堅牢でなければならない。

W3C 勧告 2008年12月11日

(19)

Web文書関連の技術

Web文書

アクセシビリティ

Webサイトのデザイン

XMLアプリケーション

XPath

XMLスタイルシート

MathML

SVG

Web文書

HTML

内容

CSS

表現

pictures movies MathML SVG

XSL

JavaScript

インタラクション

RSS

サマリ

RDF

メタデータ

ガイドライン

アクセシビリティ

(20)

グループワーク

グループワーク

3人一組のグループで共同で行うこと

課題「HTML6の提案」

現在のHTMLで不満に思っていることを挙げ,それを解決するHTML6を提案してください.

HTMLの文書形式に関することでも,機能に関することでも,サーバやPHPのようなプロ

グラミング環境に関することでも構いません.

準備するもの

5分間のプレゼンテーション

現在のWeb → 問題点 → 解決策 → 提案

SFC-SFSに発表日の正午までにプレゼンテーションのPPTあるいはPDFアップすること

発表

6月1日に各グループ5分で発表してもらいます

早慶戦で6月1日の授業がなかった場合には6月8日になります

注意

参照

関連したドキュメント

見た目 無色とう明 あわが出ている 無色とう明 無色とう明 におい なし なし つんとしたにおい つんとしたにおい 蒸発後 白い固体

言明は、弊社が現在入手可能な情報による判断及び仮定に基づいておりま

現在入手可能な情報から得られたソニーの経営者の判断にもとづいています。実

テキストマイニング は,大量の構 造化されていないテキスト情報を様々な観点から

青色域までの波長域拡大は,GaN 基板の利用し,ELOG によって欠陥密度を低減化すること で達成された.しかしながら,波長 470

の総体と言える。事例の客観的な情報とは、事例に関わる人の感性によって多様な色付けが行われ

Google マップ上で誰もがその情報を閲覧することが可能となる。Google マイマップは、Google マップの情報を基に作成されるため、Google