情報処理B(長嶋)

    お知らせ(2/3)

    「課題」の提出期限となりましたので、皆さんの作品を評価して、成績付けを行いました。 作業が終了し、JohoB.htmlおよび関連データについては消去するも残すも自由となりましたので、お知らせします。

  • シラバス(新)

  • 履修登録に関する告知 (2008.09.18)
  • 抽選結果の告知 (2008.09.30)
  • 受講者確定 (2008.10.07) 
      		0623010		0721036		0722012		0723004		0812009
		0821002		0821003		0821004		0821005		0821006
		0821007		0821008		0821011		0821013		0821015
		0821027		0821028		0821029		0821032		0821033
		0821035		0821036		0821040		0821043		0822001
		0822002		0822003		0822004		0822005		0822006
		0822007		0822009		0822010		0822011		0822012
		0822013		0822014		0822015		0822016		0822017
		0822018		0822019		0822020		0822021		0822022
		0822023		0822025		0822026		0822027		0822028
		0822029		0822030		0822031		0822032		0822033
		0823001		0823004		0823008		0823009		0823025
		0823030

  • 話題メモ
    • 1週目(9/30)
      • (この日は受講登録受け付けのみ(^_^;))
      • 「CGクリエイター検定」について

    • 2週目(10/7)
      • 受講登録者の最終確定
      • 本日のメディアアート　SUAC先輩の映像作品より
        • 遠藤 アニメ初作品
        • 嶋田 作品「怪画のキセキ」
        • 山村 絵本作家デビュー
      • 講義のローカルルールについて
      • MAF2008について→CG作品を募集します(^_^)
      • 11/30のCGクリエイター検定に挑戦する人は来週までに申込んで下さい
      • 講義の準備
        • デスクトップの3点セットを用意
          • マイコンピュータ(詳細表示)
          • ブラウザ(Firefox)
          • メモ帳
        • エクスプローラの設定
          • IEなどは絶対に開かないこと
          • 隠し事は災いの元(^_^;)
          • 全ての拡張子を表示する
      • 本日のキーワード
        • URL
        • IPアドレス、IPv4とIPv6
        • ドメインネーム
        • Webサーバ
        • プロキシサーバ
      • 大事なお話
        • 「Windows+IE+Outlook+Word」な人はいつ死んでもおかしくない
        • インターネットには「匿名」は無い
        • イケナイ事をしてはいけない、というお話
        • 今後の講義の進め方、質問について
      • 「SUAC内」(www.is.suac.ac.jp)と「SUAC外」(www.suac.ac.jp)の区別

    • 3週目(10/14)
      • 本日のメディアアート　SUAC先輩の映像作品より
        • 石川 アニメ初作品
        • 伊藤 作品(3回生)
        • 伴野 作品(3回生)
        • 平野 作品(3回生)
      • ある先輩のお話(就職活動にWebテクニックが生きた(^_^))
        • 白坂 作品(3回生)
        • 東堂 作品(3回生)
      • 「情報処理B」におけるHTMLと世間一般のHTMLとの関係について
        (参考)HTML要素(Wikipedia)
      • 共通「読み替え」ルール(1) : "Netscape" → "Firefox" として下さい
      • 共通「読み替え」ルール(2) : "Qドライブ" → "Rドライブ" として下さい
      • ホームページの作り方 Part1
        • 目標は「HTMLソースを読める」こと! (ツールで作るのは猿でも出来る)
        • 「HTMLのソースを読む」ということ
        • デフォルトのHTMLファイル名「index.html」「index.htm」
        • 上手いHPテクニックは「ページのソース」でイタダキ(^_^)
        • 「文字(コード)」に注意すること
        • 全角文字と半角文字、半角カタカナは常に厳禁 !!
        • ファイル名のピリオド以降を「拡張子」と言う
        • HPのHTMLソースはブラウザの「ページのソース」で必ず見える(秘密にできない)
        • デフォルトのHTMLファイル名「index.html」「index.htm」
        • タイトルは単なる題名でなく、ブックマークのリストとなるので重要
        • タイトルは「半角英数字」だけを使う、という習慣がお薦め
        • ファイル名には日本語厳禁(自分では見えてもサーバに置いたら見えなくなる)
        • ファイル名には「スペース」も厳禁(全角も半角も)
        • (半角英字で)大文字と小文字を区別する場合(Unixのファイル名/Java)と、しない場合(タグ、パソコンのみ)がある
        • 使用できる文字、使用してはイケナイ文字(Web自動翻訳の時代に向けて)
          • 全てにおいて　半角スペースは厳禁(スラッシュも)
          • 全てにおいて　「半角英数字」として使える記号は「-」と「_」だけ、と考えよう
          • ファイル名　半角英数字のみ　大文字小文字も区別する
          • ディレクトリ(フォルダ)名　半角英数字のみ　大文字小文字も区別する
          • URL　半角英数字のみ　大文字小文字も区別する
          • メイルアドレス　半角英数字のみ　大文字小文字は区別されない　ハイフンで始まるのは禁止
        • BODYタグのオプション(1)　背景色とテキスト色、光の3原色、「色」と「光」
        • BODYタグのオプション(2)　背景色の16進数表現

    • 4週目(10/21)
      • 本日のメディアアート　SUAC先輩の映像作品より
        • サイトウマリコ "POOR CLOWN"
        • クラゼミ英語学習アニメーション集
      • MAF2008について→CG作品を募集中です(^_^)
      • ホームページの作り方 Part1(続)
        • BODYタグのオプション(3)　「Webセーフカラー」
        • BODYタグのオプション(4)　背景画像
        • 画像データについて
          • タテとヨコの比(アスペスト比)
          • 画面の解像度(VGA,SVGA,XGA,SXGA,...)
          • ホームページ上に見える画像は全てイタダキ可能。ただし著作権と肖像権を十分に考えること。
            ネット検索で「危険な有名人」にご注意　ランキング発表
            　ネット検索では、ハリウッドスターにご注意を――ネットセキュリティー大手のマカフィー（本社・米国）は「ネット空間で危険な」有名人の順位をまとめた。名前でネット検索すると、ウイルスに感染するなど危険なサイトにたどり着く可能性が高く、注意を呼びかけている。
            　画像や情報を入手しようと、有名人の名前をネットで検索して、たどり着いたサイトで、ウイルスやスパイウエア、フィッシング詐欺の被害にあうケースが増えている。
            　同社は、大手検索サイトで英語で検索した際に表示される悪質なサイト数の多さから、ネット検索で「危険な」有名人の名前ランキングをまとめた。ハリウッドスターや歌手が並んだ。
            　１位のブラッド・ピットでは、表示サイトの１８％が「悪質サイト」だった。検索で「スクリーンセーバー」も、キーワードに加えると、半数以上が悪質サイトにたどり着く危険があるという。
            　マカフィーの本城信輔・主任研究員は「日本語のサイトはまだ危険が少ないが、今後、被害が増えかねない。知らないサイトから画像やプログラムを入手することは避け、パソコンのセキュリティー対策を万全にすることが大切だ」と話している。 
            ■「危険な」有名人ランキング
（１）ブラッド・ピット（俳優）
（２）ビヨンセ（歌手）
（３）ジャスティン・ティンバーレイク（歌手）
（４）ハイディ・モンタグ（タレント）
（５）マライア・キャリー（歌手）
（６）ジェシカ・アルバ（俳優）
（７）リンジー・ローハン（俳優）
（８）キャメロン・ディアス（俳優）
（９）ジョージ・クルーニー（俳優）
（９）リアーナ（歌手）
          • スクリーンショットは画素ごとにカラー値を持つ。BMP,PICT,RGB。
          • これをインターネットでは圧縮されたJPG(JPEG)かGIFに変換して利用する。(PNG)
          • 静止画データの使い分け : JPG
          • 静止画データの使い分け : GIF
          • 静止画データの使い分け : PNG
        • 背景画像は配色、コントラストなどに注意
        • 透明色指定により画像の後ろの背景色が見える
        • 背景をアニメーション画像にすれば騒然とした画面もできる(^_^;)
        • 「ルーブルのモナリザ」と「SUACのモナリザ」
      • 画像データ関係のお話
        • ローカルHTMLファイルからネット上の背景画像をURL指定するのはOK
        • デジカメの解像度設定に注意。ポスターやカレンダーでもないのに巨大なデータにするのは、 どうせ後で縮小するのでまったく無意味。
        • 賢いデジカメの選び方
        • ケータイからの画像利用
        • 「著作権フリー素材集」の活用
        • 焦点距離・絞り・被写界深度・シャッタースピード
        • 長嶋サイトの写真の素材集としての活用法

    • 5週目(10/28)
      • 本日のメディアアート　1期生の作品より「創作」について考える
        • 伊藤裕三郎
        • 内田涼子
        • 鈴木飛鳥
        • 鈴木未来
      • ある先輩の活躍の模様
      • MAF2008について→CG作品を募集中です(^_^)
      • ホームページの作り方 Part1(続)
        • HTMLの考え方について(再考)
        • 水平線について
        • 水平線の長さを絶対値ドット数として指定することとパーセント指定することの意味
        • センタリング
        • 強制改行
        • 段落
        • 「強制改行」の連打
        • 「段落」の連打
        • HTMLの発想を強制停止させる「PRE」タグの使用には注意を
        • フォントサイズ
        • フォントカラー
        • 「見出し」は「フォントサイズ」+「段落」+「強調」
        • 強調(ボールド)
        • 「ブリンク」: HTMLに最初から備わっている「動的な表示」
        • いろいろな文字表現属性タグ
      • 突然に抜き打ちテスト＼(^o^)／
      • 翌週までの宿題は以下です。
        • ここまでの内容を自分なりに理解して使えるように「復習」しておくこと
        • 上の「抜き打ちテスト」を完成させておくこと

    • 6週目(11/4)
      • 先輩の活躍について(^_^)
      • 本日のメディアアート　山口翔・映像作品3連発
        • Around Clock
        • Paper Play
        • trip
      • MAF2008について→CG作品を募集中です(^_^)
      • MAF2008について→スタッフも募集中です。興味のある人は連絡して下さい
      • 先週の抜き打ちテストの解答例　　　　　　 　　　　　　 　　　　　　 　 　　　　　　
      • 「HTMLからハミ出す技術」などについて 1
        • 「プラットフォーム」の概念
        • OSとブラウザとコンテンツの関係
        • ブラウザ内部処理されるコンテンツ
        • プラグイン、Flash、Acrobat
        • Java
      • ホームページの作り方 Part2
        • 箇条書きについて
        • ブロック引用
        • インラインイメージ
        • 画像と文字、キャプションなど
        • リンク : HTMLの最大の本質
        • リンクカラーの設定(BODYタグで)
        • リンクカラーの設定(FONTタグで)
        • リンクボタン = 「リンク」+「インラインイメージ」
        • リンクボタンのBORDER
        • 「HTMLエンティティ化」について
        • 「隠しリンク」の例(1)　　　　　　 　
        • ページ内リンク(Aタグのオプション)
        • メイルをいただく方法(注意点もあり!)
        • 「HTMLエンティティ化」について
      • 翌週までの宿題は以下です。
        • ここまでの内容を自分なりに理解して使えるように「復習」しておくこと
        • 今後の教材として必要になるので、著作権/肖像権などの問題のない、「500*350ドット」程度の大きさのGIF画像またはJPG画像をRドライブに用意しておくこと(当日に携帯から送るのは禁止)

    • 7週目(11/11)
      • 本日のメディアアート　FLASH/Shockwave
        • いろいろな古典的Flash
        • 先輩のWeb作品(コンテンツ)の例
      • MAF2008について→CG作品を募集中です(^_^)
      • MAF2008について→スタッフも募集中です。興味のある人は連絡して下さい
      • ホームページの作り方 Part2(続)
        • 「隠しリンク」の例(2)　　　　　　
        • ターゲットウインドウを開く
        • ダイナミックドキュメント
      • ターゲットウインドウの話
      • 「占い」サイトの自動生成
      • ホームページの作り方 Part3
      • イメージマップ(クリッカブルマップ)について
        • 実例 : 「今日の運勢」1106版 ←メイキング
        • クライアントサイド・イメージマップを作ろう
          • 画像を用意する
          • マップに使う座標をメモする
          • マップの定義
          • マップ画像の配置
      • 翌週までの宿題は以下です
        • 「クライアントサイド・イメージマップ」の手法による、オリジナルのイメージマップを作成して下さい
        • ここまでの内容を自分なりに理解して使えるように「復習」しておいて下さい

    • 8週目(11/18)
      • 本日のメディアアート　先輩の作品集
        • 音丸作品「舞闘」
        • 河合作品「踊る大仏」
        • 小出作品「もちつもたれつ」
        • 小出作品「もちつもたれつ」メイキング
        • 見崎インスタレーション作品紹介ムービー
      • MAF2008について→CG作品を募集中です(^_^)
      • MAF2008について→スタッフも募集中です。興味のある人は連絡して下さい
      • クリッカブルマップの実現手法のいろいろ(「HTMLからハミ出す技術」などについて 2)
        • CGIによる方法
        • Javaによる方法
        • JavaScriptによる方法
        • Flashによる方法
        • クライアントサイド・イメージマップによる方法
      • ホームページの作り方 Part3
      • コメント
      • 強制非改行
      • 半角不等号を表示する特殊な方法
      • 上付き文字・下付き文字
      • ホームページの作り方 Part4
      • テーブル(作表)
      • フォーム(ユーザの入力を送信してもらう機能)
      • フレーム
      • 翌週までの宿題は以下です。
        • ここまでの内容を自分なりに理解して使えるように「復習」しておいて下さい。

    • 9週目(11/25)
      • 本日のメディアアート　
        • 川野弘道 手書きアニメーション作品
        • 市川喜美子 Flash(サイト)作品
        • 河原崎徹 (サウンド)インスタレーション作品
        • 横山早葉 (映像)インスタレーション作品
      • MAF2008について→CG作品の締め切りは　2008年11月27日(木) 17:00
      • MAF2008について→スタッフも募集中です。興味のある人は連絡して下さい
      • 今日は最後に上級生のゼミ研究に関するアンケートがありますので協力して下さい
      • 情報処理Bのもう一つのテーマ「情報セキュリティ」「プライバシー保護」「著作権」について
      • 「特定のユーザだけに見せる」仕組み - パスワード制限
      • Webサイトに関するセキュリティのお話とデモ
        • 「古典的セキュリティ攻撃」デモ 6連発　
        • Web閲覧で外部に出ている情報について
          • IPとタイムスタンプ→違法行為は必ず追跡される
          • プロキシサーバ(串)について
          • ユーザの環境
          • 直前にアクセスしたサイトの情報
        • ブラクラ(Brouser Crasher)
          • ウイルス感染型
          • ハングアップ(無限ループ)型
          • ソシアル型(精神的被害)
          • 有料請求型(精神的被害+ 詐欺)
        • スパイウェア
          • 感染しても特には悪さをしない
          • 個人情報をこっそり流出させる
        • フィッシング
          • URL欄の詐称(ブラウザのバグを利用)
          • 個人の信用情報を入力させる
        • クッキー抜き
          • IPの詐称(ブラウザのバグを利用)
          • クッキー情報を取得
          • →成り済まし詐欺に利用
          • →プライバシーの流出
        • Webサイトのハッキング
          • ポートスキャン
          • システム侵入(サーバHTTPDのバグを利用)
          • アカウント情報を取得
          • →rootを取れれば何でもできる
        • 「プロファイリング」の危険性(犯罪ではない)
          • YAHOOの例
          • アマゾンの例
          • Google(Gmail)の例
          • mixiの例
        • 参考資料 : マルウェア (Wikipedia)
        • 参考資料 : ボットネット (Wikipedia)
        • このサイトで勉強してみよう
      • フレームの復習と補遺
      • またまた突然に抜き打ちテストpart2＼(^o^)／
      • 翌週までの宿題は以下です。
        • ここまでの内容を自分なりに理解して使えるように「復習」しておくこと
        • 上の「抜き打ちテスト」を完成させておくこと

    • 10週目(12/2)
      • 本日のメディアアート　
        • せっかくなので長嶋作品の紹介でも・・・
        • Computer Musicと音楽情報科学
        • MAF2008ではライブもやります(^_^)
      • MAF2008について→スタッフを引続き募集中です。興味のある人は連絡して下さい
      • 著作権について
      • クリエイティブ・コモンについて
        • Get Creative
        • Building on the Past
        • Reticulum Rex
        • CC Brazil
      • アクセスカウンタとサーバ統計
        • アクセスカウンタ/サーバ統計のメカニズムとCGI
        • 愚鈍なアクセスカウンタ
        • 賢いアクセスカウンタ
      • CGI(サーバ連携)を使わない、いろいろなコンテンツ (HTMLの拡張の歴史) のお話
        • テキスト　PREタグ、PDF
        • 静止画　IMAGEタグ
        • Java　APPLETタグ
        • OBJECTタグ
        • EMBEDタグ
        • サウンド
        • ミュージック(標準MIDIファイル)
        • ムービー(ダウンロード)
        • ムービー(ストリーミング)
        • FLASH(ダウンロード)
        • FLASH(ストリーミング)
        • Javaスクリプト
      • Web(HTML)の「構造」と「見栄え」の分離 → CSS
      • 翌週までの宿題は以下です。
        • 9週目の「抜き打ちテストpart2」を完成させておくこと
        • ここまでの内容を自分なりに理解して使えるように「復習」しておくこと
      • 次回以降、イアホン(パソコンに挿さるもの)を持参して下さい

    • 11週目(12/9)
      • 本日は「音楽」特集(^_^)
      • MAF2008チラシ配布
      • MAF2008について→スタッフを引続き募集中です。興味のある人は連絡して下さい
      • 本日のメディアアート　
        • MAF2001のライブComputer Musicより
      • サウンドとミュージックについて　　　　　　　　　　　　　　　　　　　　
        • 「コンピュータと音楽の世界」(長嶋他編著)　→　図書館にあります(^_^)
        • 「コンピュータサウンドの世界」(長嶋洋一)　→　図書館にあります(^_^)
        • コンピュータサウンド/コンピュータミュージック
        • MIDIの歴史
        • サウンドファイル　*.wav/*.aiff/*.mp3
        • サウンドファイルの再生
        • 標準MIDIファイル　*.mid
        • 標準MIDIファイルの再生
        • Cherryのマニュアルですが、このページに隠れている"cherry.zip"のURLを"cherry_m.zip"とするとゲットできます。判らなかったら聞いてください

    • 12週目(12/16)
      • MAF2008は今週です。どうぞおいで下さい
        ※ 12/20(土)の16:15からのライブ(文芸センター)はちょっと凄いことになるカモ・・・(^_^;)
      • 本日のメディアアート　SUAC先輩のインスタレーション作品より
        • 山口 翔　「風見屏風」
        • 河原崎 徹　「Beat Box」
        • 嶋田 晃士　「KODAMA」
      • サウンドとミュージックについて(続)　　　　　　　　　　　　　　　　　　　　
        • Cherryによる打ち込み
        • チャンネル : 楽器ごとのパート
        • 音色も設定できる
        • ドラム(パーカッション)チャンネルだけは特別ルール
        • 「標準MIDIファイル(****.mid)形式」で保存　→　Webで使える(^_^)
      • Web(HTML)の「構造」と「見栄え」の分離 → CSS
      • スタイルシート(CSS)の話　→　CSSリファレンス
      • JavaScriptのお話
      • JavaScriptとFlashの活用例
      • JavaScriptとCGIの連携例 : 日本標準時
      • JavaScript講座 Part1
      • JavaScriptリファレンス
      • 次回までの宿題は以下です。
        • HTMLで書いたページの中に、マウスが乗ると変化する画像を盛り込んで下さい。これは最終課題で推奨条件の一つとして盛り込まれる可能性が少しだけあります。

    • 13週目(1/13)
      • 残りの「情報処理B」について
        • 1/20　あります (授業アンケートあり、課題告知)
        • 1/27　あります (補講期間、課題についての質問対応日、出席は取りません)
        • 試験はありません
        • 2/2(月)　課題提出締切日
      • 本日のメディアアート
        • MAF2008で展示した「電子十二画坊」について
        • 筑波大学との交流について
        • 筑波大学のインスタレーション作品について
      • JavaScript講座 Part1(続)
      • JavaScript講座 Part2
      • JavaScriptリファレンス
      • 学内サーバへのFTP転送方法
        • 課題の提出のために、学内サーバへのFTP転送方法を身に付けておいて下さい。これが来週までの宿題です。
        • 学内アクセスonlyのサーバに、FTPについてのマニュアル(PDF)があります。 これです。 これに従って、前半の「FFFTP」の設定をして転送し、自分で確認してみて下さい。　　　　　
        • 学内ホームページトップからは、以下の2種類の方法でメニューをたどって、このマニュアルに行くことができます。
          ＞「SUAC-Netからのお知らせ」＞「マニュアル」＞「10.個人Webサイトの公開方法」
          ＞「SUAC-Netからのお知らせ」＞「Q&A」＞「個人Webについて」＞「個人のWebサイトを学内の人に公開したいのですが？」

    • 14週目(1/20)
      • 本日は、最後に授業アンケートがありますので15分早く終わります
      • 残りの「情報処理B」について
        • 1/27　あります (補講期間、課題についての質問対応日、出席は取りません)
        • 試験はありません
        • 2/2(月)　課題提出締切日
      • 本日のメディアアート　なし?? (^_^;)
      • 大学1回生の「春休み」について　★重要★
      • 「一般のフリーサーバにWeb領域を持つ」お話
        • アカウントはメイルアドレス(フリーメール以外)ごとに発行
        • DMと広告により「無料」となる
        • 個人情報に注意
      • 巧妙に対策してある「お宝FLASH」そのものをゲットする方法について
        • Flashコンテンツの見せ方の確認
        • 直接にSWFファイルを置かない理由
        • 方法(1) HTMLソースで「swf」を検索する
        • 対策(1) フレーム分割してソースに「swf」を載せない
        • 対策(2) Flashの参照を外部JavaScriptから行う
        • 方法(2) jsソースを参照して「swf」を検索する
        • 対策(3) Flashファイル名の文字列を分割して結合指定する("swf"が無い)
        • 方法(3) ブラウザの「このページのコンテンツ情報」を活用する
        • 方法(4) ブラウザのキャッシュを活用する
      • Javaの話
        • Javaの特徴1 「プラットフォーム非依存」
        • Javaの特徴2 「インターネットに対応」
        • Javaの特徴3 「セキュリティに対応」
        • Javaの実現メカニズム
        • Javaの2種類のoutputと「アプレット」
        • Javaの活用法
      • 課題について
        ※ 成績評価は出席を重視しますので、これまで欠席の多かった人はいくら課題で頑張っても無駄です (過去の出席状況についての問い合わせにはお答えできません。自分の胸に手を当てて思い出して下さい)
      • 授業アンケート (早めに終わります)

    • 15週目(1/27)
      • 本日は課題についての質問対応日で、出席は取りません

  • 講義テキスト/資料

  • リンク