情報処理B(長嶋)

    お知らせ(2/1)

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

  • シラバス(一部変更していきます(^_^;))

  • 履修登録に関する告知 (2006.08.16)

  • 「実際に10/10に遅刻欠席しなかった学生」+「キャンセル待ちで合流した学生」
     (09:04:11 集計) → 最終的な受講許可者(^_^)
      		0223031		0322005		0422001		0422018		0422020
      		0521002		0521034		0521038		0522021		0522022
      		0621002		0621004		0621008		0621014		0621018
      		0621028		0621029		0621037		0621040		0622001
      		0622002		0622003		0622004		0622005		0622006
      		0622007		0622008		0622009		0622010		0622011
      		0622012		0622013		0622014		0622015		0622016
      		0622017		0622018		0622019		0622020		0622021
      		0622023		0622024		0622025		0622026		0622027
      		0622028		0622029		0622030		0622031		0622032
      		0622033		0622034		0622035		0622036		0623002
      		0623004		0623006		0623011		0623012		0623035
      

  • 話題メモ
    • 1週目(10/3)
      • (この日は受講登録受け付けのみ(^_^;))

    • 2週目(10/10)
      • 受講登録者の最終確定
      • 講義のローカルルールについての確認
      • 11/26のCGクリエイター検定に挑戦する人は明日までに申込んで下さい
      • 講義の準備
        • デスクトップの3点セットを用意
          • マイコンピュータ(詳細表示)
          • ブラウザ(Firefox)
          • メモ帳
        • エクスプローラの設定
          • IEなどは絶対に開かないこと
          • 隠し事は災いの元(^_^;)
          • 全ての拡張子を表示する
      • 本日のキーワード
        • URL
        • IPアドレス
        • ドメインネーム
        • メイル
        • Webサーバ
        • プロキシサーバ
        • ファイル名
        • ディレクトリ
        • 文字コード
      • 大事なお話
        • 「Windows+IE+Outlook+Word」な人はいつ死んでもおかしくない
        • インターネットには「匿名」は無い
        • イケナイ事をしてはいけない、というお話
        • 今後の講義の進め方、質問について
      • ホームページの作り方 Part1
        • 目標は「HTMLソースを読める」こと! (ツールで作るのは猿でも出来る)
        • デフォルトのHTMLファイル名「index.html」「index.htm」
        • 上手いHPテクニックは「ページのソース」でイタダキ(^_^)
        • 「文字(コード)」に注意すること
        • 全角文字と半角文字、半角カタカナは常に厳禁 !!
        • ファイル名には「半角英数字」だけを使う
        • ファイル名には日本語厳禁(自分では見えてもサーバに置いたら見えなくなる)
        • ファイル名には「スペース」も厳禁(全角も半角も)
        • ファイル名のピリオド以降を「拡張子」と言う
        • HPのHTMLソースはブラウザの「ページのソース」で必ず見える(秘密にできない)
        • (半角英字で)大文字と小文字を区別する場合(Unixのファイル名/Java)と、しない場合(タグ、パソコンのみ)がある

    • 3週目(10/17)
      • 長嶋個人サイト冒頭のメッセージについて
      • 先週の復習・確認「使用できる文字、使用してはイケナイ文字」(Web自動翻訳の時代に向けて)
        • 「自分のパソコンで見えるから誰からも見える筈」というのは大きな間違い
        • 全てにおいて 半角カタカナは厳禁(半角句読点も)
        • 全てにおいて 機種依存特殊文字は厳禁(マルの中に数字など)
        • 全てにおいて 半角スペースは厳禁(スラッシュも)
        • 全てにおいて 「半角英数字」として使える記号は「-」と「_」だけ、と考えよう
        • ファイル名 半角英数字のみ 大文字小文字も区別する
        • ディレクトリ(フォルダ)名 半角英数字のみ 大文字小文字も区別する
        • HTML内の本文(中身)部分 半角英数字と全角日本語(漢字・カタカナ)がOK →ここだけが自動翻訳の対象
        • タグ 半角英数字のみ 大文字小文字は区別されない
        • URL 半角英数字のみ 大文字小文字も区別する
        • メイルアドレス 半角英数字のみ 大文字小文字は区別されない ハイフンで始まるのは禁止
      • 「HTMLのソースを読む」ということ
      • ある先輩のお話(就職活動にWebテクニックが生きた(^_^))
      • 「SUAC内」(www.is.suac.ac.jp)と「SUAC外」(www.suac.ac.jp)の区別
      • ホームページの作り方 Part1(続)
        • デフォルトのHTMLファイル名「index.html」「index.htm」
        • タイトルは単なる題名でなく、ブックマークのリストとなるので重要
        • タイトルは「半角英数字」だけを使う、という習慣がお薦め
        • BODYタグのオプション(1) 背景色とテキスト色、光の3原色、16進数表現、「色」と「光」
        • BODYタグのオプション(2) 背景画像
        • 画像データについて
          • スクリーンショットは画素ごとにカラー値を持つ。BMP,PICT,RGB。
          • これをインターネットでは圧縮されたJPG(JPEG)かGIFに変換して利用する。(PNG)
          • 静止画データの使い分け : JPG
          • 静止画データの使い分け : GIF
          • 静止画データの使い分け : PNG
        • 背景画像は配色、コントラストなどに注意
        • 透明色指定により画像の後ろの背景色が見える
        • 背景をアニメーション画像にすれば騒然とした画面もできる(^_^;)
        • 「ルーブルのモナリザ」と「SUACのモナリザ」

    • 4週目(10/24)
      • 本日の雑談(1106.suac.net)
        • NHK「つま恋」番組
        • 古き写真を語る
      • 今週のセキュリティ
        IE7の脆弱性を早くも警告、IE6にも存在する“mhtml:”の脆弱性
         デンマークのSecuniaは19日、正式版が公開されたばかりの「Internet Explorer 7(IE7)」に関する脆弱性を警告した。脆弱性の危険度については、5段階で下から2番目の“Less Critical”と評価している。
         この脆弱性は、“mhtml:”形式のリダイレクションの扱いに関するもので、IE6についても同様の脆弱性が2006年4月に指摘されている。この脆弱性を悪用することで、Webページにアクセスしてきたユーザーの他サイトでの情報を取得することが可能となり、アカウント情報などが攻撃者に渡ってしまう危険性がある。
         Secuniaではこの脆弱性の検証ページを公開しており、IE7で検証ページのリンクをクリックすると、ユーザーがGoogle Newsにアクセスした際の情報が取得されていることが確認できる。Secuniaではこの脆弱性への対応として、IEのアクティブスクリプトを無効にする設定を推奨している。
      • ある先輩のWeb作品(コンテンツ)の例
      • ホームページの作り方 Part1(続)
        • デジカメの解像度設定に注意。ポスターやカレンダーでもないのに巨大なデータにするのは、どうせ後で縮小するのでまったく無意味。
        • 賢いデジカメの選び方
        • ケータイからの画像利用
        • 「著作権フリー素材集」の活用
        • 画像データについて・補足
          • タテとヨコの比(アスペスト比)
          • 画面の解像度(VGA,SVGA,XGA,SXGA,...)
          • ホームページ上に見える画像は全てイタダキ可能。ただし著作権と肖像権を十分に考えること。
        • HTMLの考え方について(再考)
        • 水平線について
        • 水平線の長さを絶対値ドット数として指定することとパーセント指定することの意味
        • センタリング
        • 強制改行
        • 段落
        • 「強制改行」の連打
        • 「段落」の連打
        • HTMLの発想を強制停止させる「PRE」タグの使用には注意を
        • フォントサイズ
        • フォントカラー
        • 「見出し」は「フォントサイズ」+「段落」+「強調」
        • 強調(ボールド)
        • 「ブリンク」: HTMLに最初から備わっている「動的な表示」
        • いろいろな文字表現属性タグ
      • 本日のキーワード
        • プラットフォーム
        • HTML
        • URL

    • 5週目(10/31)
      • メディアアートフェスティバル2006について
      • SUAC CG/Photoギャラリー作品公募について
      • ある先輩のWeb作品(コンテンツ)の例 - FLASH
      • 「HTMLからハミ出す技術」などについて
        • OSとブラウザとコンテンツの関係
        • ブラウザ内部処理されるコンテンツ
        • プラグイン、Flash、Acrobat
        • Java
        • 外部アプリケーション
        • JacaScript
        • スタイルシート
        • クッキー
        • ブラウザのユーザが設定する項目
        • 最終課題で「使うと減点」される項目
      • ホームページの作り方 Part2
        • 箇条書きについて
        • ブロック引用
        • インラインイメージ
        • 画像と文字、キャプションなど
        • リンク : HTMLの最大の本質
        • リンクカラーの設定(BODYタグで)
        • リンクカラーの設定(FONTタグで)
        • リンクボタン = 「リンク」+「インラインイメージ」
        • リンクボタンのBORDER
        • ページ内リンク(Aタグのオプション)
        • メイルをいただく方法(注意点もあり!)
        • 「HTMLエンティティ化」について
      • 翌週までの宿題は以下です。
        • ここまでの内容を自分なりに理解して使えるように「復習」しておくこと
        • 今後の教材として必要になるので、著作権/肖像権などの問題のない、「500*350ドット」程度の大きさのGIF画像またはJPG画像をRドライブに用意しておくこと(当日に携帯から送るのは禁止)

    • 6週目(11/7)
      • 2006 碧風祭
      • SUAC CG/Photoギャラリー作品募集中 !!
      • 「占い」サイトの自動生成
      • 「ソースが読めれば嬉しい」話 - FLASHをいただく
        • 例 : 吉野家
        • 例 : やわらか戦車
      • 先週の補遺 - 「隠しリンク」の例(1)        
      • 先週の補遺 - 「隠しリンク」の例(2)      
      • ホームページの作り方 Part2
        • ターゲットウインドウを開く
        • ダイナミックドキュメント
      • ホームページの作り方 Part3
      • イメージマップ(クリッカブルマップ)について
        • 実例 : 「今日の運勢」1106版 ←メイキング
        • クリッカブルマップの実現手法のいろいろ
          • CGIによる方法
          • Javaによる方法
          • JavaScriptによる方法
          • Flashによる方法
          • クライアントサイド・イメージマップによる方法
        • クライアントサイド・イメージマップを作ろう
          • 画像を用意する
          • マップに使う座標をメモする
          • マップの定義
          • マップ画像の配置
      • 翌週までの宿題は以下です。
        • 「クライアントサイド・イメージマップ」の手法による、オリジナルのイメージマップを作成して下さい。 これは最終課題で必須条件の一つとして盛り込まれる可能性がとても高いです。ツールに頼らず、 イメージマップの部分はHTMLの手作業で行って下さい。
        • ここまでの内容を自分なりに理解して使えるように「復習」しておいて下さい。

    • 7週目(11/14)
      • 今週のセキュリティ
        Windowsにまたもやゼロデイ攻撃,新たなセキュリティ・ホールが発覚
         マイクロソフトは11月4日,Windowsに新たなセキュリティ・ホールが見つかったことを明らかにした。細工が施されたWebページにInternet Explorer(IE)でアクセスするだけで,悪質なプログラムを勝手に実行される恐れがある。実際,このセキュリティ・ホールを突く攻撃が確認されている。修正パッチは未公表。
         今回公表されたセキュリティ・ホールは,WindowsのMicrosoft XML Core Service(MSXML)4.0の一部であるXMLHTTP4.0 ActiveXコントロールに関するもの。Windows 2000/XP/Server 2003に存在する。セキュリティ・ホールの詳細については明らかにされていないが,このコントロールを呼び出すようなHTMLファイル(WebページやHTMLメール)にIEなどでアクセスするだけで,悪質なプログラムを実行される恐れがある。
         修正パッチは未公表。マイクロソフトによれば,今回のセキュリティ・ホールを悪用した限定的な攻撃が確認されているという。いわゆる,ゼロデイ攻撃である。ゼロデイ攻撃が確認されたことで,今回のセキュリティ・ホールが発覚した。
         このためマイクロソフトでは,セキュリティ・ホールの概要と回避策をまとめたセキュリティアドバイザリを公開。修正パッチが公開されるまでの回避策は,WindowsやIEの設定を変更すること。
         具体的には,XMLHTTP4.0 ActiveXコントロールがIEから呼び出されないようにkill bitを設定することが回避策となる。具体的な設定手順はセキュリティアドバイザリを参照してほしい。
         IEの設定においてアクティブスクリプトやActiveXコントロールを無効にすることも回避策となる。ただしこの場合には,XMLHTTP4.0 ActiveXコントロール以外のコントロールも利用できなくなるので注意。こちらについても,具体的な設定手順はセキュリティアドバイザリに記載されている。
         なおWindows Server 2003については,デフォルトでIEからActiveXコントロールが呼び出されないようになっているので,設定を変更していなければ今回のセキュリティ・ホールの影響を受けない。
      • 「地元企業のWebページを見てみよう」という話題
      • ターゲットウインドウの話 (先週の復習)
      • ホームページの作り方 Part3
      • コメント
      • 強制非改行
      • 半角不等号を表示する特殊な方法
      • 上付き文字・下付き文字
      • テーブル(作表)
      • フォーム(ユーザの入力を送信してもらう機能)
      • ホームページの作り方 Part4「フレーム」
      • 翌週までの宿題は以下です。
        • HTMLで書いたページの中に、オリジナルのテーブルを用いて下さい。これは最終課題で推奨条件の一つとして盛り込まれる可能性がとても高いです。ツールに頼らず、HTMLは手書きで作成して下さい。

    • 8週目(11/21)

    • 9週目(11/28)
      • JavaScriptとCGIの連携例 : 日本標準時
      • Webサイトに関するセキュリティのお話とデモ
        • マルウェア (Wikipedia)
        • 「古典的セキュリティ攻撃」デモ 6連発 
        • 「ウイルスを体験しよう」FLASH 5連発  (source)
        • Web閲覧で外部に出ている情報について
          • IPとタイムスタンプ→違法行為は必ず追跡される
          • プロキシサーバ(串)について
          • ユーザの環境
          • 直前にアクセスしたサイトの情報
        • ブラクラ(Brouser Crasher)
          • ウイルス感染型
          • ハングアップ(無限ループ)型
          • ソシアル型(精神的被害)
          • 有料請求型(精神的被害+ 詐欺)
        • スパイウェア
          • 感染しても特には悪さをしない
          • 個人情報をこっそり流出させる
        • フィッシング
          • URL欄の詐称(ブラウザのバグを利用)
          • 個人の信用情報を入力させる
        • クッキー抜き
          • IPの詐称(ブラウザのバグを利用)
          • クッキー情報を取得
          • →成り済まし詐欺に利用
          • →プライバシーの流出
        • Webサイトのハッキング
          • ポートスキャン
          • システム侵入(サーバHTTPDのバグを利用)
          • アカウント情報を取得
          • →rootを取れれば何でもできる
        • ボットネット (Wikipedia)
        • プロファイリング・ビジネスの危険性(犯罪ではない)
          • YAHOOの例
          • アマゾンの例
          • Google(Gmail)の例
          • mixiの例

    • 10週目(12/5)

    • 11週目(12/12)
      • インカレ2006について
      • MAF2006について
      • 「プレゼンテーション」とWebデザインとの関係について
      • スタイルシート(CSS)の話 → CSSリファレンス
      • プラットフォームとエミュレーションの話
      • Javaの話 Part1
        • Javaの特徴1 「プラットフォーム非依存」
        • Javaの特徴2 「インターネットに対応」
        • Javaの特徴3 「セキュリティに対応」
      • Javaの話 Part2
        • Javaの実現メカニズム
        • Javaの2種類のoutputと「アプレット」
        • Javaの活用法

    • 12週目(12/19)
      • HONDAピタゴラスイッチ
      • MAF2006について
      • アルゴリズムとインタラクションの実現 - Javaの場合
        • プログラミング言語Java
        • リアルタイム処理 - ポーリング/イベントドリブン
        • アニメーションの手法
      • アルゴリズムとインタラクションの実現 - Ditector(Shockwave)の場合
        • Ditectorとは(オーサリングツール)
        • Ditectorによるアニメーション
        • LIngo(スクリプト言語)によるプログラミング
        • インターネット対応→Shockwave
        • 実例紹介
          • 簡単なアニメーション(トウィーン)
          • スクリプトによるランダム
          •  →ある卒業制作(2005)
          • そうじ虫
          • カレー
          • キューピー
          • ファッション
          • 密室
      • アルゴリズムとインタラクションの実現 - Flashの場合
        • Flashの歴史とDirector(Macromedia→Adobe)との関係
        • Flashによるアニメーション
        • Flashの強味と将来性
        • 実例紹介
          • 卒業制作3件(2006)
          • ZoomQuilt
          • SPIN
          • Fly Guy
          • Flow
          • ゾンビ
          • ・・・
      • アクセスカウンタとサーバ統計
        • アクセスカウンタ/サーバ統計のメカニズムとCGI
        • 愚鈍なアクセスカウンタ
        • 賢いアクセスカウンタ
        • analogの例
        • nedstatの例
      • 次回はイアホン(パソコンに挿さるもの)を持参して下さい

    • 13週目(1/16)
      • MAF2006について
      • 和田先生の年賀状
      • iphone
      • 残りの「情報処理B」について
        • 1/23 あります (授業アンケートあり)
        • 1/30 あります (補講期間、最終日)
        • 試験はありません
      • 課題について
        ※ 成績評価は出席を重視しますので、これまで欠席の多かった人はいくら課題で頑張っても無駄です (過去の出席状況についての問い合わせにはお答えできません。自分の胸に手を当てて思い出して下さい)
      • サウンドとミュージックについて                    
        • コンピュータサウンド/コンピュータミュージック
        • サウンドファイル *.wav/*.aiff/*.mp3
        • サウンドファイルの再生
        • 標準MIDIファイル *.mid
        • 標準MIDIファイルの再生

    • 14週目(1/23)
      • 残りの「情報処理B」について
        • 1/30 あります (補講期間、最終日、課題についての質問対応日、出席とりません)
        • 試験はありません
      • 課題について
        ※ 成績評価は出席を重視しますので、これまで欠席の多かった人はいくら課題で頑張っても無駄です (過去の出席状況についての問い合わせにはお答えできません。自分の胸に手を当てて思い出して下さい)
      • サウンドとミュージックについて(続)          
        • サウンドドライバについて
        • 標準MIDIファイルの作成(作曲) → (例)シーケンスソフトの例
        • 標準MIDIファイルの作成(作曲) → (例)cherry
      • 「一般のフリーサーバにWeb領域を持つ」
      • 授業アンケート (早めに終わります)

    • 15週目(1/30)
      • 課題についての質問対応日。出席とりません
      • 試験はありません
      • 課題について

  • 講義テキスト/資料

  • 課題

  • リンク