情報処理B(長嶋)
お知らせ(2/5)「課題」の提出期限となりましたので、皆さんの作品を評価して、成績付けを行いました。 作業が終了し、JohoB.htmlおよび関連データについては消去するも残すも自由となりましたので、お知らせします。
- シラバス(新)
- 履修登録に関する告知 (2007.09.14)
- 「実際に10/9に遅刻欠席しなかった学生」+「キャンセル待ちで合流した学生」
(09:24:11 集計) → 最終的な受講許可者(^_^)
0321003 0421010 0421024 0521023 0521026 0523012 0621013 0721001 0721002 0721003 0721007 0721011 0721016 0721019 0721029 0721030 0721032 0721033 0721037 0721040 0722001 0722002 0722003 0722004 0722006 0722007 0722008 0722009 0722010 0722013 0722014 0722016 0722017 0722018 0722019 0722020 0722021 0722022 0722023 0722024 0722025 0722026 0722027 0722028 0722029 0722030 0722031 0722032 0722033 0722035 0723001 0723002 0723005 0723007 0723008 0723013 0723019 0723024 0723031 0723033
- 以下の学生は告知した履修登録のルールに従わず勝手にOCRを出したので登録削除しました
0722015 0723022話題メモ
- 1週目(10/2)
- (この日は受講登録受け付けのみ(^_^;))
- 本日のメディアアート アルスエレクトロニカ2007入選映像2作品
- 本日のメディアアート アルスエレクトロニカ2007金賞作品
- 2週目(10/9)
- 本日のメディアアート アルスエレクトロニカ2007入選映像4作品
- 受講登録者の最終確定
- 講義のローカルルールについての確認
- 11/25のCGクリエイター検定に挑戦する人は明日までに申込んで下さい
- 講義の準備
- デスクトップの3点セットを用意
- マイコンピュータ(詳細表示)
- ブラウザ(Firefox)
- メモ帳
- エクスプローラの設定
- IEなどは絶対に開かないこと
- 隠し事は災いの元(^_^;)
- 全ての拡張子を表示する
- 本日のキーワード
- URL
- IPアドレス
- ドメインネーム
- Webサーバ
- プロキシサーバ
- 大事なお話
- 「Windows+IE+Outlook+Word」な人はいつ死んでもおかしくない
- インターネットには「匿名」は無い
- イケナイ事をしてはいけない、というお話
- 今後の講義の進め方、質問について
- 「SUAC内」(www.is.suac.ac.jp)と「SUAC外」(www.suac.ac.jp)の区別
- 3週目(10/16)
- 本日のメディアアート アルスエレクトロニカ2007準グランプリ2作品
- ある先輩のお話(就職活動にWebテクニックが生きた(^_^))
- ホームページの作り方 Part1
- 目標は「HTMLソースを読める」こと! (ツールで作るのは猿でも出来る)
- 「HTMLのソースを読む」ということ
- デフォルトのHTMLファイル名「index.html」「index.htm」
- 上手いHPテクニックは「ページのソース」でイタダキ(^_^)
- 「文字(コード)」に注意すること
- 全角文字と半角文字、半角カタカナは常に厳禁 !!
- ファイル名のピリオド以降を「拡張子」と言う
- HPのHTMLソースはブラウザの「ページのソース」で必ず見える(秘密にできない)
- デフォルトのHTMLファイル名「index.html」「index.htm」
- タイトルは単なる題名でなく、ブックマークのリストとなるので重要
- タイトルは「半角英数字」だけを使う、という習慣がお薦め
- BODYタグのオプション(1) 背景色とテキスト色、光の3原色、「色」と「光」
- BODYタグのオプション(2) 背景色の16進数表現
- 4週目(10/23)
- 本日のメディアアート アルスエレクトロニカ "Gone Nutty"
- 本日のメディアアート サウトウマリコ "POOR CLOWN"
- 本日のメディアアート あるデザイン学部学生の作品紹介(空間演出インスタレーション)
- カトウヨシミ イラストレーション展「Happy nightmare(ハッピー ナイトメア)」について
- コンテンツ(車)とインフラ(道路)の違い
- 今日は「URL」の概念を完全に理解しよう!
- 本日のキーワード
- URL
- メイル
- ファイル名
- ディレクトリ(フォルダ)
- 文字コード
- ホームページの作り方 Part1
- ファイル名には日本語厳禁(自分では見えてもサーバに置いたら見えなくなる)
- ファイル名には「スペース」も厳禁(全角も半角も)
- (半角英字で)大文字と小文字を区別する場合(Unixのファイル名/Java)と、しない場合(タグ、パソコンのみ)がある
- 使用できる文字、使用してはイケナイ文字(Web自動翻訳の時代に向けて)
- 全てにおいて 半角スペースは厳禁(スラッシュも)
- 全てにおいて 「半角英数字」として使える記号は「-」と「_」だけ、と考えよう
- ファイル名 半角英数字のみ 大文字小文字も区別する
- ディレクトリ(フォルダ)名 半角英数字のみ 大文字小文字も区別する
- URL 半角英数字のみ 大文字小文字も区別する
- メイルアドレス 半角英数字のみ 大文字小文字は区別されない ハイフンで始まるのは禁止
- BODYタグのオプション(3) 「Webセーフカラー」
- BODYタグのオプション(4) 背景画像
- 画像データについて
- タテとヨコの比(アスペスト比)
- 画面の解像度(VGA,SVGA,XGA,SXGA,...)
- ホームページ上に見える画像は全てイタダキ可能。ただし著作権と肖像権を十分に考えること。
- スクリーンショットは画素ごとにカラー値を持つ。BMP,PICT,RGB。
- これをインターネットでは圧縮されたJPG(JPEG)かGIFに変換して利用する。(PNG)
- 静止画データの使い分け : JPG
- 静止画データの使い分け : GIF
- 静止画データの使い分け : PNG
- 背景画像は配色、コントラストなどに注意
- 透明色指定により画像の後ろの背景色が見える
- 背景をアニメーション画像にすれば騒然とした画面もできる(^_^;)
- 「ルーブルのモナリザ」と「SUACのモナリザ」
- 5週目(10/30)
- ある先輩のお話(1) 大塚クンと清水さん
- ある先輩のお話(2) 斉藤さん
- 「ディジタル」だからこその作品
- 本日のメディアアート ZoomQuilt
- 本日のメディアアート M2嶋田作品
- 先週の補遺
- ブラウザのトラブル?で表示できませんでしたが、「ローカルHTMLファイルから ネット上の背景画像をURL指定するのはOK」です
- デジカメの解像度設定に注意。ポスターやカレンダーでもないのに巨大なデータにするのは、 どうせ後で縮小するのでまったく無意味。
- 賢いデジカメの選び方
- ケータイからの画像利用
- 「著作権フリー素材集」の活用
- 焦点距離・絞り・被写界深度・シャッタースピード
- マルチメディア心理学実験 被験者募集 のお知らせ
- ホームページの作り方 Part1
- HTMLの考え方について(再考)
- 水平線について
- 水平線の長さを絶対値ドット数として指定することとパーセント指定することの意味
- センタリング
- 強制改行
- 段落
- 「強制改行」の連打
- 「段落」の連打
- HTMLの発想を強制停止させる「PRE」タグの使用には注意を
- フォントサイズ
- フォントカラー
- 「見出し」は「フォントサイズ」+「段落」+「強調」
- 強調(ボールド)
- 「ブリンク」: HTMLに最初から備わっている「動的な表示」
- いろいろな文字表現属性タグ
- 6週目(11/6)
- 本日のメディアアート ある先輩のWeb作品(コンテンツ)の例 - FLASH/Shockwave
- 本日のメディアアート アニメーション作品 "COPY SHOP"
- 突然に抜き打ちテスト\(^o^)/
- 来週より3週間、教員参観授業となります。遅刻厳禁です
- 「HTMLからハミ出す技術」などについて 1
- OSとブラウザとコンテンツの関係
- ブラウザ内部処理されるコンテンツ
- プラグイン、Flash、Acrobat
- Java
- ホームページの作り方 Part2
- 翌週までの宿題は以下です。
- ここまでの内容を自分なりに理解して使えるように「復習」しておくこと
- 今後の教材として必要になるので、著作権/肖像権などの問題のない、「500*350ドット」程度の大きさのGIF画像またはJPG画像をRドライブに用意しておくこと(当日に携帯から送るのは禁止)
- 7週目(11/13)
- 「メイルアドレスの先頭文字に半角ハイフン[-]は使用禁止」という常識について
- マルチメディア心理学実験 被験者募集 のお知らせ(再)
- 本日のメディアアート ある先輩のコンペ入選への道
- 「HTMLからハミ出す技術」などについて 2
- Java
- JacaScript
- 「占い」サイトの自動生成
- CGI
- ホームページの作り方 Part2
- ページ内リンク(Aタグのオプション)
- メイルをいただく方法(注意点もあり!)
- 「HTMLエンティティ化」について
- ターゲットウインドウを開く
- ダイナミックドキュメント
- ターゲットウインドウの話
- ホームページの作り方 Part3
- イメージマップ(クリッカブルマップ)について
- 翌週までの宿題は以下です。
- 「クライアントサイド・イメージマップ」の手法による、オリジナルのイメージマップを作成して下さい。
- ここまでの内容を自分なりに理解して使えるように「復習」しておいて下さい。
- 8週目(11/20)
- 予定変更 先週「宿題」とした「クライアントサイド・イメージマップ」ですが、まだ制作手法を理解・習得していない人が多いようなので、本日は補習からスタートします
- 宿題が出来た人→「地元企業のWebページを見てみよう」(2006浜松商工会議所HPコンテスト・最終ノミネート企業HP)
- 「HTMLからハミ出す技術」などについて 3
- 外部アプリケーション
- スタイルシート
- クッキー
- ブラウザのユーザが設定する項目
- CGI
- クリッカブルマップの実現手法のいろいろ
- CGIによる方法
- Javaによる方法
- JavaScriptによる方法
- Flashによる方法
- クライアントサイド・イメージマップによる方法
- ホームページの作り方 Part3
- コメント
- 強制非改行
- 半角不等号を表示する特殊な方法
- 上付き文字・下付き文字
- 翌週までの宿題は以下です。
- 「クライアントサイド・イメージマップ」の手法による、オリジナルのイメージマップを完成して下さい。 これは最終課題で必須条件の一つとして盛り込まれる可能性がとても高いです。ツールに頼らず、 イメージマップの部分はHTMLの手作業で行って下さい。
- ここまでの内容を自分なりに理解して使えるように「復習」しておいて下さい。
- 本日のメディアアート HONDA CM、Sony Style、24color、Big Gulp、Fly Guy、Zombee、山口県知事選挙
- 9週目(11/27)
- 学生作品コンペ入選・新たに2件(^_^)
- 本日のメディアアート 嶋田作品 川野作品 (アニメーション)
- 出席について 授業終了後に「今日の出席はどうなっていますか」と聞きにくる学生が何人もいるので再度確認です。初日にお知らせしているように、「情報処理B」の出席は、授業中のどこかで、自動集計システムでデータ化しています。たいていの場合には09:00-09:05のあたりです。従って、「朝09:00の時点でログイン完了している人は必ず出席である」という事以外、個別には出席データに関する問合せにはお答えしません。かなり確実なのは、10分とか遅刻した人は、その日は物理的に出席して講義を聞いたとしても、その日の出席データは「欠席」になっている可能性がとても高い、という事です。シラバスで、成績評価においては「出席を重視する」と明記していますので、例えば全体の50%に「欠席」(これは本人がいくら出ていた、と言っても駄目です。データとして欠席になっている、つまりデータ集計の瞬間にログインが完了していない)であれば、いくら課題で満点を取っても単位に届かない可能性がとても大きい、という事になります
- ホームページの作り方 Part4
- テーブル(作表)
- フォーム(ユーザの入力を送信してもらう機能)
- フレーム
- 翌週までの宿題は以下です。
- HTMLで書いたページの中に、オリジナルのテーブルを用いて下さい。これは最終課題で推奨条件の一つとして盛り込まれる可能性がとても高いです。ツールに頼らず、HTMLは手書きで作成して下さい。
- 10週目(12/4)
- 本日のメディアアート 「虎の穴」について
- 「特定のユーザだけに見せる」仕組み
- Webサイトに関するセキュリティのお話とデモ
- マルウェア (Wikipedia)
- 「古典的セキュリティ攻撃」デモ 6連発
- Web閲覧で外部に出ている情報について
- IPとタイムスタンプ→違法行為は必ず追跡される
- プロキシサーバ(串)について
- ユーザの環境
- 直前にアクセスしたサイトの情報
- ブラクラ(Brouser Crasher)
- ウイルス感染型
- ハングアップ(無限ループ)型
- ソシアル型(精神的被害)
- 有料請求型(精神的被害+ 詐欺)
- スパイウェア
- 感染しても特には悪さをしない
- 個人情報をこっそり流出させる
- フィッシング
- URL欄の詐称(ブラウザのバグを利用)
- 個人の信用情報を入力させる
- クッキー抜き
- IPの詐称(ブラウザのバグを利用)
- クッキー情報を取得
- →成り済まし詐欺に利用
- →プライバシーの流出
- Webサイトのハッキング
- ポートスキャン
- システム侵入(サーバHTTPDのバグを利用)
- アカウント情報を取得
- →rootを取れれば何でもできる
- ボットネット (Wikipedia)
- このサイトで勉強してみよう
- 11週目(12/11)
- 本日のメディアアート MAF2001の他大学作家の作品紹介
- プロファイリング・ビジネスの危険性(犯罪ではない)
- YAHOOの例
- アマゾンの例
- Google(Gmail)の例
- mixiの例
- スタイルシート(CSS)の話 → CSSリファレンス
- 著作権について
- クリエイティブ・コモンのデモ
- Get Creative
- Building on the Past
- Reticulum Rex
- CC Brazil
- JavaScriptのお話
- JavaScriptとCGIの連携例 : 日本標準時
- 12週目(12/18)
- 本日のメディアアート やわらか戦車
- 「ソースが読めれば嬉しい」話 - FLASHをいただく ★
- JavaScript講座 Part1
- JavaScriptリファレンス
- 次回までの宿題は以下です。
- HTMLで書いたページの中に、マウスが乗ると変化する画像を盛り込んで下さい。これは最終課題で推奨条件の一つとして盛り込まれる可能性がとても高いです。
- 次回以降、イアホン(パソコンに挿さるもの)を持参して下さい
- 13週目(1/15)
- 本日のメディアアート インカレ2007(多摩美)
- 残りの「情報処理B」について
- 1/22 あります (授業アンケートあり、課題告知)
- 1/29 あります (補講期間、課題についての質問対応日、出席は取りません)
- 試験はありません
- 2/4(月) 課題提出締切日
- アクセスカウンタとサーバ統計
- アクセスカウンタ/サーバ統計のメカニズムとCGI
- 愚鈍なアクセスカウンタ
- 賢いアクセスカウンタ
- 「ソースが読めれば嬉しい」話(続) 「やわらか戦車 5分で見つけました」
- JavaScriptとFlashの活用例
- JavaScript講座 Part1(続)
- JavaScript講座 Part2
- 「一般のフリーサーバにWeb領域を持つ」
- 14週目(1/22)
- 本日のメディアアート 映像芸術IIについて
- 本日は、最後に授業アンケートがありますので15分早く終わります
- 残りの「情報処理B」について
- 1/29 あります (補講期間、課題についての質問対応日、出席は取りません)
- 試験はありません
- 2/4(月) 課題提出締切日
- サウンドとミュージックについて
- コンピュータサウンド/コンピュータミュージック
- サウンドファイル *.wav/*.aiff/*.mp3
- サウンドファイルの再生
- 標準MIDIファイル *.mid
- 標準MIDIファイルの再生
- Cherryのマニュアルですが、このページに隠れている"cherry.zip"のURLを"cherry_m.zip"とするとゲットできます。判らなかったら聞いてください
- Javaの話
- Javaの特徴1 「プラットフォーム非依存」
- Javaの特徴2 「インターネットに対応」
- Javaの特徴3 「セキュリティに対応」
- Javaの実現メカニズム
- Javaの2種類のoutputと「アプレット」
- Javaの活用法
- 課題について
※ 成績評価は出席を重視しますので、これまで欠席の多かった人はいくら課題で頑張っても無駄です (過去の出席状況についての問い合わせにはお答えできません。自分の胸に手を当てて思い出して下さい)- 授業アンケート (早めに終わります)
- 学内サーバへのFTP転送方法
- 今年から前期にDreamweaverを使っていて、学内サーバへのFTP転送方法を知らない学生が多いことが発覚しました(^_^;)。
- 学内アクセスonlyのサーバに、FTPについてのマニュアル(PDF)があります。 これです。 これに従って、前半の「FFFTP」の設定をして転送し、自分で確認してみて下さい。判らなかったら1/29に出て下さい。
- 学内ホームページトップ
からは、以下の2種類の方法でメニューをたどって、このマニュアルに行くことができます。>「SUAC-Netからのお知らせ」>「マニュアル」>「10.個人Webサイトの公開方法」
>「SUAC-Netからのお知らせ」>「Q&A」>「個人Webについて」>「個人のWebサイトを学内の人に公開したいのですが?」
- 15週目(1/29)
- 本日は課題についての質問対応日で、出席は取りません
課題 講義テキスト/資料
- 「メモ帳(NotePad)」でHTMLを編集する場合の注意点
- ホームページの作り方 Part1
- ホームページの作り方 Part2
- ホームページの作り方 Part3
- ホームページの作り方 Part4
- HTMLの自動生成について
- ターゲットウインドウの話
- Java入門(1) Javaとは何ジャワ(^_^;)
- Java入門(2) 初めてのJavaプログラミング
- Java入門(3) プログラミングしないJava活用
- JavaScriptについて
- JavaScript講座 Part1
- JavaScript講座 Part2
- JavaScriptリファレンス
- JavaScriptとFlashの活用例
- Director(Shockwave)の実験室
リンク