JohnSmith/Project をテンプレートにして作成

開始行:
#settableborder(none) *J's SQUARES｜&scale(70){John Smith}; プロジェクトページの書き方サンプル ~ #image(JohnSmith/情報デザイン演習IIA/MainVisual.jpg,cente... -''John Smith'' -'''Keywords：WebDesign, Square / Wordpress, InkScape, Bl... -https://www.example.com ~ ~ **Overview ***Introduction 身近にある「正方形の面白い！」を紹介する Blog サイトの構... 正方形の建築とプロダクトを中心に 10x10=100件の事例を紹介。 ~ ***Background and Purpose ''| x | + | y | = r '' 　…　正方形は美しい数式((この... 風呂敷、折り紙、四畳半。自然との調和を重んじる日本人は、... 私たちの身近にある「正方形」の活用事例を、発見する都度、B... 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(... -https://www.example.com ~ ~ ~ **Project Management ~ ***Schedule -[[進行管理表>https://docs.google.com/spreadsheets/d/1fAh... ~ //&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/情報デザイン演... [[''プロトタイプ評価シート''>https://docs.google.com/spre... ~ ***指摘された問題点 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ***好評価を得た点 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ ~ ***その他 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ~ **2020.10.05 ***今回制作したプロトタイプ #image(JohnSmith/情報デザイン演習IIA/Wireframe.png,right,... -サイトのワイヤーフレーム --一般的なブログスタイル --２カラム、右サイドバー ~ -プロトタイプサイトの立ち上げ ＞「プロジェクトの現状」に掲載 ~ ***プロトタイプ制作の方法 -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 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ~ ~

終了行:
#settableborder(none) *J's SQUARES｜&scale(70){John Smith}; プロジェクトページの書き方サンプル ~ #image(JohnSmith/情報デザイン演習IIA/MainVisual.jpg,cente... -''John Smith'' -'''Keywords：WebDesign, Square / Wordpress, InkScape, Bl... -https://www.example.com ~ ~ **Overview ***Introduction 身近にある「正方形の面白い！」を紹介する Blog サイトの構... 正方形の建築とプロダクトを中心に 10x10=100件の事例を紹介。 ~ ***Background and Purpose ''| x | + | y | = r '' 　…　正方形は美しい数式((この... 風呂敷、折り紙、四畳半。自然との調和を重んじる日本人は、... 私たちの身近にある「正方形」の活用事例を、発見する都度、B... 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(... -https://www.example.com ~ ~ ~ **Project Management ~ ***Schedule -[[進行管理表>https://docs.google.com/spreadsheets/d/1fAh... ~ //&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/情報デザイン演... [[''プロトタイプ評価シート''>https://docs.google.com/spre... ~ ***指摘された問題点 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ ***好評価を得た点 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ ~ ***その他 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ~ **2020.10.05 ***今回制作したプロトタイプ #image(JohnSmith/情報デザイン演習IIA/Wireframe.png,right,... -サイトのワイヤーフレーム --一般的なブログスタイル --２カラム、右サイドバー ~ -プロトタイプサイトの立ち上げ ＞「プロジェクトの現状」に掲載 ~ ***プロトタイプ制作の方法 -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 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ~ ~

ページ名: