LogoMark.png

田代飛凱/卒業研究II のバックアップの現在との差分(No.0)


#author("2022-01-13T00:54:30+09:00;2021-10-22T16:43:09+09:00","default:member","member")
*KWF  introduction
九産大プロレス研究部の
アーカイブサイト・ポスター


#image(田代飛凱/卒業研究I/メインタイトル.png,,100%) ;



-''Hyuga Tashiro''
-'''Keywords:web'''
-http://hyu1999.html.xdomain.jp/KWF/

~


**Overview
***Introduction / What is This
//&color(red){これは何か・・を簡潔に};
九産大プロレス研究部の
サイト【活動記録アーカイブ】・ポスター
~

***背景
//&color(red){プロジェクトの背景と目的};
コロナウィルスの影響により、イベントが開催出来ず、
プロレスに興味がある方や、イベント開催者の方々に
プロレスを認知してもらえない現状である。
その為、このサイト・ポスターを制作し、
プロレス関係者だけでなく、色々な年齢層の方々に
九産大プロレス研究部を、認知をしてもらう。

~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
九産大プロレス研究部のサイト・ポスターを制作し
これからの部活動に活用出来るようにして、認知度を高める。

~

***調査
-最近はコロナの影響もあり、
[[総務省>https://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h26/html/nc253230.html]] によると、日本中の人々がスマホを眺める機会が増え、
PCよりもスマホの使用率が高い為、
スマホ対応のサイトを作ることがベストだと考えた。
-各団体のプロレスサイトを閲覧したが、どれもデザインが古く、
参考にしづらかったので、格闘ゲームサイト
[[ストリートファイター>https://www.capcom.co.jp/sfv/]]を参考に作業を進めていく。

***Output
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視覚的な資料を掲載・リンクして下さい。);};
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本情報も記載して下さい。);};

-http://hyu1999.html.xdomain.jp/KWF/

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

***Term
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
4年次 2021.4.9〜卒業研究I
~

***まとめ
- 部員に使ってもらい、満足度を調査し完全ではないが、
プロレス研究部のサイトとして機能することができた。
-部員の意見をもとに、ブラッシュアップを重ね、
より良いサイトを制作していく。
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~


//**Survey

//***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
//-サイトの完成・サイト完成の為の技術調査が必要
//-既存のパンフレットがあるので、
//良い情報は残しつつ、最新の状態にする
//-パンフレットの調達がまだ出来ていない、
//部員と連携を取り、準備をする

~

***Precedent
//&color(red){先行事例の紹介、傾向分析など};
**ポスター
-プロレスのポスターは、各試合によって
デザインが全く異なっていた。
また、各プロレス会社で、他団体のポスターと
どのように差を出しているのか調査。
基本的には、構図(イベント名・開催場所・開催日時・料金)が
大きなフォントで配置され、選手写真の配置が団体ごとに異なっていた。
-[[新日本プロレスポスター>https://shop.njpw.co.jp/iwgp/?id=official_menu]]

-[[全日本プロレスポスター>http://alljapan.shop-pro.jp/]]

-[[女子プロレスポスター>http://champion-shop.jp/poster.html]]

-[[九州ADCアワード>https://award.k-adc.net/works/list/]]
(プロレスではないポスター作品)

**サイト
-格闘ゲームサイト[[ストリートファイター>https://www.capcom.co.jp/sfv/]]が
自分の制作したい、理想像に近いサイトだったので、このサイトを基準にする

//#image(ワイヤーフレーム.jpeg,right,10%);
//#image(サイトマップ.jpeg,right,15%);


-最近はコロナの影響もあり、
[[総務省>https://www.soumu.go.jp/johotsusintokei/whitepaper/ja/h26/html/nc253230.html]] によると、日本中の人々がスマホを眺める機会が増え、
PCよりもスマホの使用率が高い為、
スマホ形式でサイトを作ることがベストだと考えた。

-下記のデザインサイトの構築が自分のサイトにも生かせると思った
・[[Arv>https://arv-design.jp]]          ・[[京町家>https://www.14haru.com]]
・[[ARIAFINA>https://ariafina.jp]]       ・[[UNBUNDLE>https://www.unbundle.tokyo]]
~

***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-Illustrator

~
~

**Project Management

***Schedule
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
[[スケジュール>https://drive.google.com/file/d/1u5kQjkOoEzx9RXUNTfYdjTMsjKypkkcO/view?usp=sharing]]
~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-サイトの更新
-ポスター作成
-概要集の作成
-%%スケジュール作成%%
-

~
~
~

#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
-2021.12.4 ~ 2022.1.11
 -サイト全体-
・全ページの背景を黒にし、統一性を持たせ
 サイト全体を見えやすいようにした
・各ページのトップの文章を統一化し
 サイトに規則性を持たせた
・自分が今どこのページにいるのかが分かるように
 全ページの左上に現在いるサイト名を表示した
・PCサイトで、元々、リンクにアンダーラインがあったが
 リンクをホバーするとアンダーラインが表示され
 不透明度を50%にすることで、
 リンクが飛べない所との差別化を図れた
 -HOME-
・スライドショーの大きさを最大にし
 スマホ、パソコン両サイトともに直感的に
 プロレス研究部のサイトと理解できるようにした
・文字情報を下に、動画を上にすることで
 サイトを訪問した人により分かりやすいサイトにした
 -PLAYER-
・1人1人のサイトを作成
 キャッチコピー・レスラー名
 身長・体重・年齢・学年・必殺技を記載
 -VIDEO-
・2021年度の動画だけでなく、
 2020・2019年度の最新動画を6つずつ挿入
 -LINK-
・九州産業大学プロレス研究部に関わるサイト
 YouTube・Instagram・Twitterを記載
 主にプロのプロレス団体のサイトを記載
 -INFO-
・各お知らせごとに導入画像を変更
 分け方としては
 事務連絡や業務連絡
 試合カード発表や試合結果
 試合の決定や場所の説明 の3つに分ける

-2021.12.3
・全ページのサイト背景に画像を設置
・スライドショーを挿入することでサイト全体の
 質素な感じをなくし、躍動感を出す
・全ページ、レスポンシブ化しスマホ対応サイトに

-2021.11.26
・全ページを共通のレイアウトに変更
・右サイドにYouTube、Twitterを設置
・ホームの背景変更、KWFを説明
・ヘッダーロゴのサイズ、間隔調整

-2021.11.19
・全体像の見直し
 ヘッダーの文字・画像調整
 サイトの色を全体的に統一
 VIDEO.HTMLに動画を設置

-2021.11.12
・INFO.HTMLの編集
 細かい位置・サイズ・調整
 右側にYouTube・Twitterアカウントの設置

-2021.11.5
・RESULT.HTMLの編集
 大会ごとに枠を分ける
 試合が決まった時間・技の部分にYouTubeのハイパーリンクを設置

-2021.11.3
・RESULT.HTMLの編集
 最新の試合結果の情報編集

-2021.10.29
・LINK.HTMLの編集
 Twitterの埋め込み、サイズ調整
 YouTubeアカウントの埋め込み

-2021.10.27
・PLAYER.HTMLの編集
 画像を挿入し、均等に配置

-2021.10.25
・サイトをレスポンシブに対応
・サイト全体の色調整

-2021.10.22
・メニュー別に仮ページを更新
・HOMEのページの大まかな配置、構成を設定

-2021.10.20
・ヘッダー内のメインタイトルの制作
・ヘッダー内のメインタイトル、ロゴの位置配置編集

-2021.10.18
・サイト制作
・メニューバーの制作
 (CSSでnav内のテキストの色を変える要素)
//-2021.10.1
//-2021.9.24
//-2021.9.17

//'''卒業研究I のページから基本情報を複製するとともに、'''
//'''後期分の進捗報告を追加記載して下さい。'''
~

//'''卒業研究I のページに添付した画像は、このページに再添付する必要はありません。例えば、以下のように記載すれば流用掲載可能です。'''
//#image(田代飛凱/卒業研究I/メインタイトル.png, center, 50%) 
~
~
~