「食虫植物」
を主題とするWebページの制作
~Webデザインコンテスト参加作品(2009/2010)~
北海道情報大学 情報メディア学部
情報メディア学科 新井山ゼミ
0721025 阿部 鉄也
発表内容(目次)
•
•
•
•
•
制作概要
制作目的
制作手順
制作成果
評価
•
•
•
•
考察
今後の課題
参考文献
リンク
研究/制作概要
• 2009年
– Webページ
– 「貨幣を通じて知る世界」の制作
• 2010年
– Nepenthes(食虫植物)の栽培方法を探究
– “The Nepenthes”の制作
• 課題用Webページ
– “Insect Eating Plants”の制作
• 公開用Webページ
制作目的
• 2009年 「貨幣を通じて知る世界」
– 貨幣による世界史や文化の紹介
– 基本的なWeb制作の学習
• HTML
• 素材制作
– Webデザインコンテストへの参加
制作目的
• 2010年 “The Nepenthes”
– Nepenthesの栽培
– 北海道における栽培方法の探究
– HTMLの学習
– Webデザインの学習
• CSS
• iSpring Free
• Lightbox
– Webデザインコンテストへの参加
研究/制作手順
• 2009年 「貨幣を通じて知る世界」
– HTMLの学習
– 世界史,文化の再学習
– 研究内容をWebページに記述
• 発行年数,時代背景,考察
– 素材は全て自作
• 貨幣の収集,写真撮影
制作手順
• 2010年 “The Nepenthes”
– Webデザインの学習
• CSS
– 植物体の収集
• 専門店,愛好団体
• 愛好家からの分譲
– 栽培方法,栽培設備についての研究
– 研究結果をWebページに記述
– 情報公開用Webページの作成
制作手順
• Nepenthesの苗
• 栽培環境
– 水槽栽培
制作成果
• 2009年制作 「貨幣を通じて知る世界」
– 素材は全て自作のものを使用
制作成果
• 2010年制作 “The Nepenthes”
– 栽培解説には“ iSpring Free”を使用
制作成果
• 2010年制作 “Insect Eating Plants”
• 情報公開を目的に制作
制作成果
• Webデザインコンテスト
– 2009年制作 「貨幣を通じて知る世界」
• ビギナー部門において努力賞を受賞
– 2010年制作 “The Nepenthes”
• ビギナー部門において落選
評価
• Webページ
– HTML,CSSの基本的な技術を獲得
– デザイン能力の向上
• Nepentehs栽培
– 研究成果のコンテンツ化に成功
– わかりやすい表現の追求
• iSpring Free
• 動画,画像
考察
• Webデザイン
– 文章量が多い
– 説明的
– 閲覧者が飽きてしまう可能性
• iSpring Free
– 動作が多少重い
– 旧式のパソコンでの閲覧に難あり
今後の課題
• Webページ
– 文章量の調整
– 動画の導入
– 見やすい画像の追求
• 明るさ,背景
• Nepenthes栽培
– 大株にも対応可能な栽培環境の追求
参考文献
• 北海道情報大学 Webデザインコンテスト
– http://wdc.do-johodai.ac.jp/
• 山田食虫植物農園
– http://www.hbs.ne.jp/home/s-yamada/
• JIPS 食虫植物ホームページ
– http://www.dab.hi-ho.ne.jp/jips/
• iSpring Solutions
– http://www.ispringsolutions.com
リンク
• Insect Eating Plants
– http://book.geocities.jp/nybrq366/
ダウンロード

0721025-20110125