#author("2020-10-20T08:26:28+09:00","default:inoue.ko","inoue.ko")
#settableborder(none)
*J's SQUARES｜&scale(70){John Smith};
プロジェクトページの書き方サンプル
~
#image(JohnSmith/情報デザイン演習IIA/MainVisual.jpg,center,70%)
-''John Smith''
-'''Keywords：WebDesign, Square / Wordpress, InkScape, Blender'''
-https://www.example.com
~
~
**Overview
***Introduction
身近にある「正方形の面白い！」を紹介する Blog サイトの構築。
正方形の建築とプロダクトを中心に 10x10=100件の事例を紹介。
~
***Background and Purpose
''| x | + | y | = r '' … 正方形は美しい数式((この数式は45度傾いたもの、日本人の一般的な感覚では「菱形」といわれる状態の記述です。&br;その中心を（a,b）に移動した場合は、| x − a | + | y − b | = r という記述になります。))で表現することができます。
風呂敷、折り紙、四畳半。自然との調和を重んじる日本人は、このカタチを「良し」として、正方形を基調とした様々なデザインを生み出しました。
私たちの身近にある「正方形」の活用事例を、発見する都度、Blogに投稿していくことで、「正方形」に関する「知」のコレクションにしたいと思います。
Blog システムでは、投稿ごとに自由にタグをつけることができます。タグ・クラウドの表示によって、従来とは異なる新しい視点で「正方形のデザイン」を分類できるかもしれません。
~
***Target
カタチとデザインに興味のある学生
~
***Output
-Blogサイト URL：https: //squares.wordpress.com
--10 x 10 ＝ 100ページ
--モバイルファーストのデザインで、縦の構図を上部写真・下部解説で使う
~
***Tools
-Blogサービス：WordPress https://ja.wordpress.com/
-２D解説図作成：InkScape https://inkscape.org/ja/
-３D解説図作成：Blender https://www.blender.org/
-写真撮影：Panasonic DMC-GH4H
~
***Term
20XX.XX.XX - 2020.XX.XX
~
~
**CurrentStatus
//#youtube(sWuDt7UIHu0 )
|67|5|28|c
|#image(JohnSmith/情報デザイン演習IIA/ss_pc.jpg)||#image(JohnSmith/情報デザイン演習IIA/ss_mobile.jpg)|
-https://www.example.com
~
~
~
**Project Management
~
***Schedule
-[[進行管理表>https://docs.google.com/spreadsheets/d/1fAhhr3JdrXjgNI-A9OPt4KpaOIdJpvoyZA0dF82nR0U/edit?usp=sharing]] '' ← 作業の記録''
~
//&color(red){''参考：シートが「閲覧のみ」であることを確認するには''};
//-1) シートの共有リンクのURLをコピー
//-2) Googleにログインしていない別のブラウザを起動
//-3) 2で起動したブラウザのアドレス欄に 1)で取得したURLをペースト
//-4) シートの上部に「閲覧のみ」が表示されていればOKです。
//~
***ToDo
-%%サイトを公開・運用開始%% > プロジェクト集結 2020.07.23
-サイトのCSSをカスタマイズ
-投稿記事情報の収集（建築系、プロダクト系）
-%%ダミーデータの投稿＞表示動作確認%%
-%%サイトのメニューを作成%%
-%%WordPress システムのインストール%%
-%%サーバーアカウントの確保%%
//-%%情報の公開方法を決める%%
//-%%情報の形式（分量とサイズ）を決める%%
//-%%情報の内容（素材ネタ）を決める%%
//-%%ネーミング%%
//-%%情報の構成を決める%%
//-%%制作環境と方法を決める%%
//~
~
~
#hr
CENTER:''worklog''
#hr
~
~
**2020.10.15
Webプレゼン ＞ 相互評価
#slider(center,100%,h1,2000,2000,JohnSmith/情報デザイン演習IIA/p01.png,JohnSmith/情報デザイン演習IIA/p02.png,JohnSmith/情報デザイン演習IIA/p03.png,JohnSmith/情報デザイン演習IIA/p04.png,JohnSmith/情報デザイン演習IIA/p05.png)
[[''プロトタイプ評価シート''>https://docs.google.com/spreadsheets/d/1Vruz5q6ZncIuzX5c2ly4JYPMpAWv3S2JiF6eoD-yTeE/edit?usp=sharing]] ← ココにコメントをお願いします
~
***指摘された問題点
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
~
***好評価を得た点
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
***その他
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
~
~
**2020.10.05
***今回制作したプロトタイプ
#image(JohnSmith/情報デザイン演習IIA/Wireframe.png,right,30%)
-サイトのワイヤーフレーム
--一般的なブログスタイル
--２カラム、右サイドバー
~
-プロトタイプサイトの立ち上げ
＞「プロジェクトの現状」に掲載
~
***プロトタイプ制作の方法
-AdobeIllustrator で ワイヤーフレームを制作
-サーバーアカウントの確保
-WordPress システムのインストール
-ワイヤーフレームに近いテーマを暫定的に選定
-サイトのメニューを作成
-ダミーデータの投稿＞表示動作確認
~
~
***情報の構成
#image(JohnSmith/情報デザイン演習IIA/SiteMap.jpg,right,30%)
-１つの「正方形」につき１ページ
-ページの上部に、正方形の画像、
その下に対象物の基本情報と解説
-基本情報は以下のとおり
--物品名（商品名）
--成立年代（発表年）
--製作者（メーカー、デザイナー）
--サイズ Width x Height x Depth
--素材
~
***制作環境と方法
-Blogサービス：WordPress https://ja.wordpress.com/
-２D解説図作成：InkScape https://inkscape.org/ja/
-３D解説図作成：Blender https://www.blender.org/
-写真撮影：Panasonic DMC-GH4H
~
~
**2020.09.29｜アイデア創出
****XXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
***XXXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
~
~
**2020.09.22
****XXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
***XXXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
~
~
**2020.09.22
***先行事例調査
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
***XXXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
~
~
**2020.09.15
***問題の洗い出し
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
***参考リンク
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
~
***MEMO
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
~
~
~
