「食虫植物」を主題とする Web ページの制作～ Web デザインコンテスト参加作品 (2009/2010) ～

「食虫植物」を主題とするWebページの制作～Webデザインコンテスト参加作品(2009/2010)～「食虫植物」を主題とする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/

「食虫植物」を主題とする Web ページの制作～ Web デザインコンテスト参加作品 (2009/2010) ～