aitc 女子部 第一回 web 技術 html5
TRANSCRIPT
自己紹介
HTML5
パラレックス
ビデオと地図の活用
Trend 紙のようなデザイン 写真と記号の活用
Trend デジタルの３つの側面
Trend 好きなアーティスト
AITC 女子部 第一回 Web 技術 HTML5
自己紹介エンジニア （アプリケーション開発 ＋ システム運用）経歴テキサス州ヒューストン育ち 中央大学法学部国際企業関係法学科 2003 年卒業 シェルサービスインターナショナル (SSIJ) 2003 – 2008アクセンチュア 2008-2015
入村 夏実
システム運用• エネルギー会社 • コンサルティング
コンサルティング• B2B B2C • CMS システム導入
HTML5 の 8 つの特徴的な技術
Offline &Storage
Device Access Graphics
Performance& Integration
Semantics
Connectivity
CSS3
Multimedia
HTML5
機能
情報
役
割
技術サーバーサイド クライアントサイド
HTML5
2014’
HTML 4/4.01 97/99’
HTML 3.2 97’
HTML 2.0 95’
93’HTML 1
93’
Javascript / Plugins[Silverlight, Flash]
HTML5
機能
情報
役
割
技術サーバーサイド クライアントサイド
ウエブターミナル クライアントサイドウエブアプリケーション
情報系のクライアントサイド
ウエブアプリケーション
伝統的なウエブアプリケーション
Yahoo.com
Paypal
AIRregiGoogle Maps
Kobo Instant Reader
MS Office 365
1 2
3 4
詳しい資料は後日 共有させていただきます
事例Parralex デザインのサイト
Sony Apple
https://www.apple.com/macbook/http://www.sony.com/be-moved/
New York Times
http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek
事例 ビデオと地図の活用Pulitzer 賞を受賞した記事
事例 紙のようなデザイン、写真と記号の活用
デジタル ３つの側面ウエブデザイン / デジタルストラテジー
サービスデザインマーケティング / ブランド
FJORD
Reactive
Acquity
好きなアーティスト- Sagmeister -
http://www.sagmeisterwalsh.com/
リアリティのある写真
http://www.nobumichiasai.com/jp/main.html
日本にも影響？
紙のようなデザイン