演 題 振動式攪拌機の動画ホームページ作成演習 発 表 者 江 修寛

演 題
発 表 者
連 絡 先
キーワード
振動式攪拌機の動画ホームページ作成演習
○江 修寛、今井理裕、佐藤敏彦(芝浦工大・材料工学科)
大政竜晋(日本テクノ)
〒108-8548 東京都港区芝浦 3−9
芝浦工業大学材料工学科材料化学研究室
TEL 03-5476-2417 FAX03-5476-3161
攪拌機、動画、オンライン Q&A、ホームページ
開発意図、適用
振動式攪拌機の動画作成によるホームページ作成演習でホームページ作
分野、期待効果
成の教育と同時に、振動式攪拌機に対する化学工学教育も実施した。
特徴など
環 境
適応機種名
O S 名
ソース言語
周辺機器
インターネットに接続されているパソコン
1. ホームページ作成演習のカリキュラム
材料工学基礎実験の 1 テーマとして、ホームページ作成演習をおこなっている。10 人
の学生が 1 班になって、水曜日の午後 3 時間のパソコン実習を行う。
2. ステップ方式によるホームページ作成演習
「HTMLとは・・・」式の説明ではなしに、短時間でホームページ作成教育が教育出
来るように「ステップ方式」を試行している。
(1)1 行文だけのホームページ作成法、(2)
複数行文のホームページ作成法、(3)画像入りのホームページ作成法、(4)フル・タグを
使ったホームページ紹介、(5)FTPソフトによるアップ・ロード・・・のステップ方式
を行っている。
3. 動画作成用素材集の準備
動画や動きのある写真を作成する為にはスキャナーや各種ソフトも必要である。しかし、
これらのツールを使わないで動画が作れるように写真 1 に示す「動画作成用素材集」作成
を教員ホームページに準備しておく。この動画作成用素材集の画像と Windows に組み込
まれている作図ソフト、「ペイント」を使って GIF アニメを作成させた(写真 2)。なお
GIF アニメはフリーソフトの「Animation GIF Maker
(http://www.asahi-net.or.jp/~zb8n-httr/soft.htm)」を使用して作成した。完成した GIF
アニメを図 2 に示す。振動式攪拌機(日本テクノ㈱製)の静止写真を見るだけよりもホー
ムページ上の動画の方が攪拌状況に対する理解が深まる。
4. 振動式攪拌機メーカーのホームページへの組み込み
上記の動画を組み込んだ振動式攪拌機メーカーのホームページ(試験運用版)を写真 3
に示す。同ホームページには携帯電話でアクセス出来るページも作った(図 1)
写真 A
写真 B
写真 C
写真 1
動画作成のための素材集(写真 A、写真 B、
写真 C の振動板の位置は Photoshop で変化
させてある。)
写真 2
完成した GIF アニメ
振動式攪拌機の
日本テクノ㈱へ
ようこそ!
1.当社の最新情報
2.当社への電話
3.当社へのメール
写真 3
GIF アニメと携帯電話でアクセス出来るページを組み込ん
だ振動式攪拌機メーカーのホームページ
図1
携帯電話でアクセス出来る
ページ
5. ロンドンのインターネット・カフェから試作ホームページへのアクセス
Netscape 4.5 と Internet Explorer 5.0 のブラウザー環境であったが、試作ホームページ
へのアクセスには後者の方が好ましかった。当然、文字化けはあった。