- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2022-11-01T23:45:29+09:00","default:member","member")
#author("2022-11-02T15:04:00+09:00","default:member","member")
*都市高散歩
WordPressを利用した都市高散歩のフォトギャラリー制作
WordPressを使用した都市高散歩のフォトギャラリー制作
#image(toshikosampo-header1.jpg)
-''Kota Yamada''
-'''Keywords：都市高速, 写真, Wordpress
-'''Keywords：Fukuoka Urban Expressway, Photo, Gallery, Wordpress
-https://greenbird.wp.xdomain.jp/
-[[情報デザイン研究I>山田洸太/情報デザイン研究I]]
~
**Overview
***What is this?
都市高速の魅力を伝えるフォトギャラリーサイト
//&color(red){これは何か・・を簡潔に};
~
***Background and Purpose
//&color(red){プロジェクトの背景と目的};
//無機物であるのにどこか有機的な印象を受ける都市高速の構造に魅力を発見した。しかし、福岡都市高速には様々な課題も存在する。その中でも目立つのが老朽化問題である。そこで撮影した写真でフォトブックを制作し、多くの人に見てもらうことで都市高速の抱える問題の解決に繋がるのではないかと考えた。タイトルにもあるように歩行者視点にこだわった理由は、都市高速を下から見上げた時に見える高架の裏側に老朽化が現れやすいためである。
前期の情報デザイン研究Iでは、都市高速の構造的な魅力と都市高速の抱える問題の提起を目的としたフォトブックを制作した。しかし、フォトブックだけでは、多くの人に見てもらうという点では不十分であった。そこで不特定多数の人が閲覧可能なWebサイト上にフォトギャラリーを制作することが、そこの課題の解決に繋がるのではないかと考えた。
//前期の情報デザイン研究Iでは、都市高速の構造的な魅力と都市高速の抱える問題の提起を目的としたフォトブックを制作した。しかし、フォトブックだけでは、多くの人に見てもらうという点では不十分であった。そこで不特定多数の人が閲覧可能なWebサイト上にフォトギャラリーを制作することが、そこの課題の解決に繋がるのではないかと考えた。
無機物であるのにどこか有機的な印象を受ける都市高速の構造に魅力を発見した。その一方で福岡都市高速には様々な課題も存在する。その中でも目立つのが老朽化問題である。しかし、こういった社会問題と聞くと、少しとっつきにくい印象を持っている人も多いと感じた。そこで社会問題に触れるきっかけ作りとして、前期の[[情報デザイン研究I>山田洸太/情報デザイン研究I]]では撮影した写真をまとめたフォトブックを制作。そして今回、さらに多くの方に閲覧してもらうことを可能にするためフォトギャラリーサイトを開設した。
~
***Concept
[[情報デザイン研究I>山田洸太/情報デザイン研究I]]でフォトブックを制作したが、多くの人に見てもらうという点では不十分であった。その反省点を踏まえ、今回の情報デザイン研究IIでは、Web上にフォトギャラリーサイトを開設し、閲覧者数の向上とプロジェクトの認知拡大を目指す。
//&color(red){基本的な考え方、枠組み、視点など};
~
***Outputs
-WordPress
-Web
~
***Site map
#image(sitemap2.png)
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~
//***Member
//&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記};
//~
***Tools
-Macbook Air
-WordPress
-Lightroom
-Illustrator
//&color(red){使用するツール｜ハードウエア・ソフトウエア};
~
***Term
2022.09.15 - 2022.12.22
//&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX };
~
***Conclusion
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~
**Research
***Current Situation
-蜷川実花 ポートフォリオサイト
https://mikaninagawa.com/
-PERIMETRON 作品一覧
https://www.perimetron.jp/blog
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
~
***Precedent
-Pichit Phan フォトギャラリーサイト
https://www.vicepichitphan.com/
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
~
***Technology
-WordPress 追加CSSについて
https://kinsta.com/jp/blog/wordpress-css/
-音楽の埋め込み方法について
https://ayatolog.com/wordpress/apple-music
-住所の英語表記について
https://english-club.jp/blog/english-address/
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
~
~
**Project Management
***Schedule
[[スケジュール表>https://docs.google.com/spreadsheets/d/1YSu-r4QL6KWQpp0oqjhPppjUYzFN05VFFsnpS24DPv0/edit?usp=sharing]]
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~
***ToDo
//&color(red){やるべきこと（タスク）を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-%%Webサイトの開設%%
-概要ページ等の制作
-フォトブック掲載の写真全て投稿
-スケジュール表の作成
~
~
~
#hr
CENTER:''WORK LOG''
//&color(red){List the most recent information at the top.};
#hr
~
~
**2022.11.02
***サイトマップの制作
#image(sitemap2.png)
~
~
**2022.10.24
***研究テーマ
-WordPressを使ったフォトギャラリー制作
-WordPressを使用したフォトギャラリー制作
--都市高速の写真とともに写真にあった音楽を紹介。
~
~
**2022.10.12
***研究テーマ
-Blenderを使用した都市高速の模型制作
--3DCGにすることで、写真（平面）では伝えきれない構造的な魅力を表現する。
~
~
**2022.09.28
***研究の課題
-使用する写真について
Webサイト制作と学内展示の両方を行う場合、新規の写真を用意するのはスケジュール的に厳しい為、既存の写真を利用しながら研究を進めていくなどの検討をする必要性がある。
~
-展示の場所や日程について
展示をする場合、準備や申請など時間を要する為、場所や日程等の調整を早い段階で行わなければならない。
~
-写真の印刷について
写真は全てiPhoneで撮影している為、展示の際に拡大すると画質が荒くなってしまう可能性がある。印刷するサイズや印刷方法などの検討が必要。
~
***Webサイトの構成
-地図をわかりやすくまとめる
-大画面で写真を見せる
-文字情報で写真を引き立てる
-今後も写真を更新していけるような枠組み作りを行う
~
~
**2022.09.21
***研究テーマ
-都市高散歩（前期でのテーマを継続）
--ブラッシュアップ
--学内での展示
--Web制作
~
情報デザイン研究Ⅱでも引き続き都市高散歩を継続。より洗練されたものを目指すため、前期制作した写真集のブラッシュアップを軸に制作を行う。さらにワードプレスを使ったWebサイトの開設、学内での展示を目標に研究を進める。
~
~
http://greenbird.wp.xdomain.jp//wp-admin
~
