オペレーティングシステムⅡ 第3回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/16.

Slides:



Advertisements
Similar presentations
Integrated Personal Page C05823 森本万里子 C05829 西山礼恵 C05899 高木華子.
Advertisements

1 安全性の高いセッション管理方 式 の Servlet への導入 東京工業大学 理学部 千葉研究室所属 99-2270-6 松沼 正浩.
1 なんとなく Ajax ~新しくて古い XMLHttp 川合孝典 (Kansai.pm) 2005/5/22.
ASP入門 - Windows 2000 Server 活用 -.
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
情報技術演習Ⅰ 人文学研究のための情報技術入門 2015/07/02
オペレーティングシステムⅡ 第11回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2013/06/26
情報処理基礎 2006年 6月 1日.
JavaScriptゼミ第2回 2-2 変数とリテラル 発表者 直江宗紀.
タグの直接入力によるウェブページの制作 練習課題1~3
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
IDLTM/IONTMを使用した UDON (Universe via Darts ON-line) プロトタイプの作成
REST型Webサービスによる 楽曲検索システムの開発
情報処理 第13回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当:塩田 ここはメモを書く欄。
売れるためのWEBサイト構築.
オペレーティングシステムⅡ 第5回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/11/6.
CSSを利用したWebデザイン 理工学部 情報学科 3回生 喜多 亮輔.
ホームページの作り方.
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
第4回 個人の動画配信補足のためのWeb構築
Webサービスマッシュアップを利用したWebアプリケーションの開発
第1回 JavaScriptゼミ ・ scriptエレメント ・ 記述における諸注意 ・ 古いブラウザへの対応方法
タグライブラリ ソフトウェア特論 第6回.
JavaScript 成瀬 基樹 平野 敦 北浦 繁.
オペレーティングシステムⅡ 第1回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/02.
見た目を定義する技術 CSS(スタイルシート).
IEのshowModalDialogとCookie(KB831678), デバッ グ用WinInet.dllの紹介
HTTPプロトコルとJSP (1) データベース論 第3回.
Webを利用した授業支援システムの開発 北海道工業大学 電気電子工学科 H 渋谷 俊彦.
JQueryでAjax 藤田@ジャストプレイヤー ※参考しまくり文献 jQuery日本語リファレンス.
①データ構造 ②アルゴリズム ③プログラム言語 ④マークアップ言語
HTTPプロトコル J2EE I 第7回 /
Javaプログラムの実行まで バイト Javaの コード 実行 ソースコード Java ファイル名 ファイル名 abc.java
ウェブデザイン演習 第一回 オリエンテーション.
コンピュータ プレゼンテーション.
データベース設計 第9回 Webインタフェースの作成(1)
Javaによる Webアプリケーション入門 第5回
基礎プログラミング演習 第1回.
第8章 Web技術とセキュリティ   岡本 好未.
2004年度 サマースクール in 稚内 JavaによるWebアプリケーション入門
2003年度 データベース論 安藤 友晴.
HTTPとHTML 技術領域専攻 3回 中川 晃.
第4回JavaScriptゼミ セクション2-8 発表者 直江 宗紀.
パソコン並みの性能を持つスマートフォンに関する情報教育
ガジェット・マスターへの まわり道!? ~Ajaxを理解しよう~
第4回 javaのプログラミング 04A2029           古賀慎也.
第7回JavaScriptゼミ セクション4-5 発表者 直江 宗紀.
基礎プログラミング演習 第5回 関数とイベントを使ったプログラム.
Webサイト制作 第1回 動的なページ.
オペレーティングシステムⅡ 第13回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト.
制作技術ー3 双方向通信 : CGIシステムと環境変数
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
地域情報学 C言語プログラミング 第1回 導入、変数、型変換、printf関数 2016年11月11日
コンピュータ プレゼンテーション.
ウェッブページ書法の復習 ネットワーク論以前のお話.
基礎プログラミング演習 第12回.
情報コミュニケーション入門b 第11回 Web入門(2)
HP作成 そろそろまとめ編 担当:TAの人.
Webアプリケーションと JSPの基本 ソフトウェア特論 第4回.
基礎プログラミング演習 第3回.
地域生活支援システムの開発 越田研究室 j0431 野津洋二.
オペレーティングシステムⅡ 第2回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/09.
Webページに動きを持たせるJavascript言語について 例題のプログラムを通して体験的に理解することとします。
オペレーティングシステムⅡ 第10回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト.
第14回放送授業.
プログラミング基礎a 第9回 Java言語による図形処理入門(1) Javaアプレット入門
PHP と SQL (MySQL) の連携 日本語のデータを扱う
例題のプログラムを通して JavaScriptの仕組みを理解することとします。
情報基礎 空間情報の利用 講義の資料は下記のURLを参照.
Presentation transcript:

オペレーティングシステムⅡ 第3回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/16

本日の内容(WebAPI) 前回の宿題について JavaScript とは ダイナミック HTML とは 課題: JavaScript・DHTML を用いた Web ページの作成 2009/10/16

前回の宿題 まずは「WebAPI」でググって Web API にどんなものがあるか調べる そのうえで「これとこれを組み合わせたらこんなサービスができるのでは?」というアイディアを2~3個提案しなさい 実現可能性は無視してよい 2009/10/16

前回の宿題について 面白いアイディアがいっぱい提案された。 次は、各 API の入力データと出力データを意識して連携を考えてみよう。 今後もアイディアがひらめいたらメモしておこう。 2009/10/16

アイディア【修正前】 Googleマップ 価格.com 欲しい商品を最低価格で販売しているお店の場所を地図上で教えてくれるサービス 2009/10/16

店の情報が無い ・・・ 2009/10/16

アイディア【修正後】 価格.com 商品検索 API + 価格.com 掲示板情報取得 API + Yahoo! テキスト解析Web API = 欲しい商品を検索するとその評判情報を商品ごとに まとめて表示してくれるサービス 「価格.com 商品検索 API」で検索キーワードから 商品のプロダクトID を取得 「価格.com 掲示板情報取得 API」で商品のプロダクトID から クチコミ内容を取得 「Yahoo! テキスト解析Web API」でクチコミ内容から キーフレーズを取得 プロダクトID ごとにグループ分けしてキーフレーズを表示 2009/10/16

JavaScript とは? HTML 内に埋め込めるオブジェクト指向 スクリプト言語。 Java とは別物。 コンパイル不要。 テキストエディタで書いてブラウザで 読み込むだけ。お手軽。 一方「コンパイルエラー」が出ないので デバッグが難しいことも。 2009/10/16

JavaScript の記述例 <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>アラートのサンプル</title> <script type="text/javascript"> <!-- function eventAlert() { window.alert("DANGER!") } //--> </script> </head> <body> <h1>クリックすると・・・</h1> <form> <input type="button" value="OK" onClick="eventAlert()"> </form> </body> </html> 2009/10/16

2009/10/16

JavaScript 部分を 外部ファイルにする方法 HTML ファイル JavaScript ファイル 拡張子は .js にする タグが含まれていてはいけない <script src="XXXXXXXX" type="text/javascript"> </script> 2009/10/16

ダイナミック HTML とは HTML をクライアント側で動的に更新する仕組み。 JavaScriptを利用して実現する。 2009/10/16

DHTML の記述例 <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>DHTML のサンプル</title> <script type="text/javascript"> <!-- function changeImage() { document.getElementById("IMG").setAttribute("src","2.jpg") } //--> </script> </head> <body> <h1>クリックすると・・・</h1> <img src="1.jpg" id="IMG"> <form> <input type="button" value="OK" onClick="changeImage()"> </form> </body> </html> 2009/10/16

2009/10/16

課題:JavaScript・DHTML を用いた Web ページの作成 ボタンを押したら・・・ どんなことが起こったらおもしろい? テキストが切り替わる? 背景色&文字色が変わる? 現在時刻によって異なる画像が表示される? 画像が交互に(クリックするたび)切り替わる? ・・・・・・など、 JavaScript の簡単なサンプルを複数組み合わせて、 楽しい変化が起こるページを自由に作ってみよう。 http://www.sumnet.ne.jp/domp/jsbs/ 2009/10/16

2009/10/16

作品の提出方法 作品には、簡単な説明を書いておくこと。 Xythos にアップロードすれば外部から見られる? 公開できなかったらメール添付で。 提出期限:12月末くらい(作品制作の選択者のみ) 2009/10/16