メディアネットワーク

web サイト製作発表　******* 大学　　 ***** 学科学籍番号： ********

名前： ********開発環境

とりあえず見てください

アウトライン1. 工夫したこと

1. 誰でも見やすいレイアウト2. どんな環境でも閲覧可能3. 面倒くさいものは排除

2. 技術的なこと1. CSS ・ Javascript

2. Google AJAX Feed API

3. Flash ・ ActionScript 3.0

1. 工夫したこと

1-1. 誰でも見やすいレイアウト ディスプレイサイズは様々

→　横幅の設定が重要 mixi ： 950px Yahoo! JAPAN ： 950px Amazon.co.jp ： 988px 以上 Vector ： 1000px

990px

横幅設定990px

1-2. どんな環境でも閲覧可能 ブラウザ・ OS は様々

→　どのブラウザでも同じ表示にする

Internet Explorer

Mozilla Firefox

Google Chrome

Opera

Apple Safari

iPhone / iPad

Android

全ブラウザにて動作確認済み !!

※ iPhone / iPad, Android では　 Flash が表示されません。

1-3. 面倒くさいものは排除 ワンクリック投票 / 集計結果を即表示

↑ アンケートは面倒くさいから

mixi ボイスにおける「イイネ！」の感覚

1-3. 面倒くさいものは排除 Cookie の保存

↑ ログイン情報の入力は面倒くさいから

ログインの簡略化→ アクセス数アップ !!

セキュリティ対策

BBS ログイン画面

2. 技術的なこと

2-1.CSS / Javascript

CSS (Cascading Style Sheets) デザインの一括管理

→　編集効率の向上

Javascript 動的コンテンツの実装

時計 カレンダー タブ機能

2-2.Google AJAX Feed API

Google API による RSS フィードの取得 新着ニュースを自動的に更新→ 常に変化のある動的な web サイトヘ

2-3.Flash / ActionScript 3.0

Flash による双方向的コンテンツの制作 シリンダー形式の動画紹介リンク→ 触っていて楽しい web サイトヘ

ご清聴ありがとうございました。

サイト URL ： http://marona.6.ql.bz/