LogoMark.png

山田洸太/情報デザイン演習IIIA の変更点


#author("2022-12-13T14:28:37+09:00","default:member","member")
#author("2022-12-13T14:28:50+09:00","default:member","member")
*都市高散歩
都市高速の魅力を伝えるフォトギャラリーサイト
#image(toshikosampo-header1.jpg)
-''Kota Yamada''
-'''Keywords:Fukuoka Urban Expressway, Photo, Gallery, Wordpress'''
-http://greenbird.wp.xdomain.jp/
//-__[[相互評価シート>https://docs.google.com/spreadsheets/d/1r5P5empMGYn4964C5qWzAm-J4BPRXE4MAfl0myhz0fI/edit?usp=sharing]]__

~


**概要
***これは何?
都市高速の魅力を伝えるフォトギャラリーサイト
//&color(red){これは何か・・を簡潔に};
~

***背景と目的
私は無機物でありながらも、有機的な印象を持つ福岡都市高速の高架に魅力を感じたことをきっかけにこのプロジェクトを開始。その後、調査を進めたところ、建設から40年が経過しており老朽化の問題を抱えていることがわかった。そこで老朽化の現状とともに構造的な魅力を同時に伝えることで、老朽化という社会問題を身近に捉えてもらう為にフォトブックを制作した。しかし、フォトブックでは多くの人へ伝えるには非効率であるという課題が浮き彫りとなった。その解決策として不特定多数の人が閲覧可能なWebサイト上にフォトギャラリーを開設する流れに至った。
//&color(red){プロジェクトの背景と目的};
~

***コンセプト
[[情報デザイン研究I>山田洸太/情報デザイン研究I]]でフォトブックを制作したが、多くの人に見てもらうという点では不十分であった。その反省点を踏まえ、今回はWeb上にフォトギャラリーサイトを開設し、閲覧者数の向上とプロジェクトの認知拡大を目指す。
//&color(red){基本的な考え方、枠組み、視点など};
~

***成果物の仕様
-WordPress
~

***サイトマップ・投稿形式
|#image(sitemap2.png)|#image(wp-post.png)|
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~

-翻訳プラグインの導入
国内だけでなく海外の人たちにも見やすいサイトづくり。
英語、中国語、韓国語、ドイツ語、スペイン語に対応。
[[Google Language Translator>https://ja.wordpress.org/plugins/google-language-translator/]]
--[[Google Language Translator>https://ja.wordpress.org/plugins/google-language-translator/]]
~

-写真と音楽の融合
情報デザイン研究Iで写真集を制作して、写真だけでは情景が浮かびづらいように感じた。そこで写真の世界観に合った音楽を添えることで、自分が写真に込めた思いや情景が伝わりやすくなるのではないかと考えた。音楽はSpotifyの楽曲埋め込み機能を利用する。
--[[Spotify プレーヤーとフォローボタンの埋め込み>https://artists.spotify.com/ja/help/article/embedded-players?category=promos-and-playlists]]
~

-タイトルの意味
タイトルにgoo辞書のリンクを貼ることで、読者がタイトルの言葉の意味をすぐに調べられるようにした。
--[[goo辞書>https://dictionary.goo.ne.jp/]]
~

***制作ツール
-WordPress
-Illustrator
-Lightroom
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~

***プロジェクトの期間
2022.9.20 - 2022.12.20
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
~
~
~
~

**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~

**2022.11.29
***メニュー「歴史」について
とりあえず参考リンクを貼り付ける。
~
~

**2022.11.09
***投稿形式図の作成
#image(wp-post.png)
~

***写真と音楽の融合
情報デザイン研究Iで写真集を制作して、写真だけでは情景が浮かびづらいように感じた。そこで写真の世界観に合った音楽を添えることで、自分が写真に込めた思いや情景が伝わりやすくなるのではないかと考えた。音楽はSpotifyの楽曲埋め込み機能を利用する。
-[[Spotify プレーヤーとフォローボタンの埋め込み>https://artists.spotify.com/ja/help/article/embedded-players?category=promos-and-playlists]]
~

***タイトルの意味
タイトルに[[goo辞書>https://dictionary.goo.ne.jp/]]のリンクを貼ることで、読者がタイトルの言葉の意味をすぐに調べられるようにした。
~

***背景色
写真をより引き立たせるために背景色を黒に統一。
~
~

**2022.11.01
***ヘッダーメニューについて
クリックをしなくてもカーソルを置くだけで細かい項目まで表示されるようにするとサイトが使いやすくなると感じた。
~
~

**2022.10.25
***記事タイプ別投稿プロトタイプ
-[[名所紹介記事のプロトタイプ>https://・・・・・]]
-[[人物紹介記事のプロトタイプ>https://・・・・・]]
~

***WordPress|技術メモ
(本日の演習で学んだ WordPress の基本操作についてメモを残しましょう)
~
~

**2022.09.27
***記事項目の洗い出し> 分類整理
#image(xxxxxxx.png)
~
~

***WordPress|技術メモ
(本日の演習で学んだ WordPress の基本操作についてメモを残しましょう)
~
~

**2022.09.20
***私のアナザースカイ|場所の選定
-場所:福岡都市高速
-選定の理由:福岡の交通には欠かせない都市高速。昨年3月にはアイランドシティ戦も開通するなど、今も
~
***私のアナザースカイ|場所の選定
-場所:アイランドシティ
-選定の理由:私が大学に入学した2020年頃に比べ、高層ビルの建設や都市高速の開通など開発が一気に進み、アイランドシティの街並みは大きく様変わりした。常に近くで見ていたからこそ、私にとって身近であり印象的な街である。
~
***私のアナザースカイ|場所の選定
-場所:香椎浜
-選定の理由:香椎浜はマンションやショッピングモール、病院など生活をする上で必要なものが全て揃った便利な街である。私自身も買い物や散歩等を行う生活圏であり馴染み深い街である。
~
~

http://greenbird.wp.xdomain.jp//wp-admin
//ID:greenbird
//PW:K3n8givgw3r54Y
~