LogoMark.png

岩井皓熙/情報デザイン演習IIA のバックアップ差分(No.26)


#author("2021-06-21T15:39:10+09:00","default:member","member")
#author("2021-06-21T16:07:54+09:00","default:member","member")
*セロテープアートセレクション
セロテープアートで作り出した作品を写真にして紹介するサイト

#hr
#iframe(https://koukiiwai.github.io/Scotch-tape-Art-Sample2-//,100%,50%)  
#iframe(https://koukiiwai.github.io/Scotch-tape-Art-Sample3-//,100%,50%)  
#hr

-''Project Director'' 岩井皓熙
-'''Keywords:セロテープアート'''
~

***Webプレゼンテーション 2021.05.17
-https://koukiiwai.github.io/Scotch-tape-Art-Sample3-/←New!!
-https://koukiiwai.github.io/Scotch-tape-Art-Sample2-/
-https://koukiiwai.github.io/Scotch-tape-Art-Sample-/
-[[''プロトタイプ評価シート''>https://docs.google.com/spreadsheets/d/1E_Uo_QOwrrHxKHtcEpeMRnYAKOBGJhQ3Xm9ubCi-79I/edit?usp=sharing]] ← ココにコメントをお願いします

~


**Overview
***Introduction / What is This
セロテープアートで作り出した作品を写真にして紹介するサイト。
//&color(red){これは何か・・を簡潔に};
~

***Background and Purpose
コロナで外に出られないことが多いので昔作っていたセロハンテープを使ったアートを作って紹介してみようと思った。
//&color(red){プロジェクトの背景と目的};
~

***Concept
//&color(red){基本的な考え方、枠組み、視点など};
~

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

//***Member
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
//~

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

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

***Conclusion / Summary 
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~


**Survey
***現状調査1 テーマ内容の先行事例
-[[世界で唯一のセロテープアーティスト>https://www.ryo-sehata.com]]
~

***現状調査2 表現形式の先行事例
-[[セロテープアート日記>https://ameblo.jp/cellotape-art-kids/]]
~

***現状調査3|時間軸(対象の歴史的知見)
-[[セロハンテープの歴史>https://www.nichiban-cellotape.com/history/]]
~

***現状調査4|空間軸(対象の地理的知見)
-セロハンテープ(自分が愛用するのはトップバリュの幅15mm×長さ50m×5Pのセロハンテープ)
-マジックペンorカラーペン(水性はあまりオススメしない)
-作りたい対象物(キャラ、実際にあるもの、自分で考えたものでも可)
~

***現状調査5|技法
-[[セロテープアート作り方>http://kono33.hatenablog.com/entry/2018/08/17/120000]]
~
//***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
~

//***Precedent
//&color(red){先行事例の紹介、傾向分析など};
~

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

~
~

**Project Management

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

***ToDo
-セロテープなどの材料を用意する
-何を作るのかを決める
-作品を作る
-作品を写真に撮る
-写真をWebに掲載する
-%%Webの公開方法を決める(サーバーを確保する)%%
-%%Webサイトの仕様(静的なサイト / CMS)を決める %%
-%%Webサイトの形式(ページ数と画面サイズ)を決める%%
-%%Webサイトの内容(素材ネタ)を決める%%
-%%サイト名を決める%%
-%%Webの開発環境を整える %%
~
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};

~
~
~

#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2021.06.21
 
~
~
**2021.06.14
***制作物の現状 
//成果物(現状)のスクリーンショット等、視覚的な資料とコメント
#image(Web_sagyou2.jpg)
~

***今週の取り組み
//今週取り組んだ調査、実験、技術的な訓練、作業内容等
スマホ用のWebサイトを制作した。
~

***今後の課題
//発見された問題、解決すべき課題等 > ToDoに記載
-サイトを見やすくする。
-サイトに画像を添付する。
~
~
**2021.06.07 
***制作物の現状 
//成果物(現状)のスクリーンショット等、視覚的な資料とコメント
#image(Web_sagyou.png)
-制作中のウェブサイト。
~

***今週の取り組み 
//今週取り組んだ調査、実験、技術的な訓練、作業内容等
Webの編集をした。
~

***今後の課題 
//発見された問題、解決すべき課題等 > ToDoに記載
-サイトを見やすくする。
-サイトに画像を添付する。
-スマホ用のページも作る。
~
~
**2021.05.31
***指摘された問題点
-「ART」の欄をクリックした先のページが作成されていないのか、リンクが上手くいっていないのかエラーコード404が表示されます。作成中ならば「ART(作成中)」などを書いた方が混乱を招きにくくなると思います。
-他のページに飛んだ後、戻るボタンなどを用意するとサイトの行き来がしやすいかと思います。
~

***好評価を得た点
-サイトがスマホでも見やすいサイズなのでいいと思います!
-情報デザインがごちゃごちゃしてなくて、分かりやすいと思いました!作品が楽しみです!
-サイトのデザインがシンプルでわかりやすかったです!
-プレゼンテーションの作成も凝っていてすごいなと思いました。
~

***その他
-作品を作っているところを倍速の動画にして、ひとつでも用意するとよりいいかもしれません!
~
~
**2021.05.24
-プロトタイプの総合評価
~
~
**2021.05.17
***Webプレゼンテーション 
-[[サンプルサイト>https://koukiiwai.github.io/Scotch-tape-Art-Sample-/]]
-[[''プロトタイプ評価シート''>https://docs.google.com/spreadsheets/d/1E_Uo_QOwrrHxKHtcEpeMRnYAKOBGJhQ3Xm9ubCi-79I/edit?usp=sharing]] ← ココにコメントをお願いします
~
~
**2020.05.10
***今回制作したプロトタイプ
#iframe(https://koukiiwai.github.io/Scotch-tape-Art-Sample-/,100%,50%) 
//(画像等を掲載して下さい。)
 
-[[Webサイト>https://koukiiwai.github.io/Scotch-tape-Art-Sample-/]]
-Webサイトを作成
-ここから作品ページを制作していく
~

***プロトタイプ制作の方法
-GitHubやAtomを使用
-Webサイトのページを制作
~
~
**2020.04.26
アイデアの量産 > 絞り込み
~
***Webの公開方法
-Webサイトに作った作品の写真を掲載する
-[[GitHub>https://github.com/KoukiIwai]](自分のリポジトリ)
~
***Webの形式(分量とサイズ)
-HTML型
~
***Webの内容(素材ネタ)
-制作物の写真(制作過程なども)
-制作物の解説、元ネタ紹介、作り方紹介
~
***Webのネーミング
-Scotch tape Art(仮)
~
***Webの構成
-ホームページからそれぞれのページへのリンクを作る。
~
***Webの制作環境と方法
-GitHub
-Atom
~
~
**2020.04.19
***テーマ・概要に関する作業の報告
-タイトル:セロテープアートセレクション(仮)
-テーマ採択の背景:小学生の時からセロハンテープを使って人形などをよく作っていたので、作ったものを写真に撮って紹介してみたいと思ったから。
***調査報告
-[[世界で唯一のセロテープアーティスト>https://www.ryo-sehata.com]]
-[[セロテープアート日記>https://ameblo.jp/cellotape-art-kids/]]
-[[セロハンテープの歴史>https://www.nichiban-cellotape.com/history/]]
-[[セロテープアート作り方>http://kono33.hatenablog.com/entry/2018/08/17/120000]]
//(Survey の部分と重複して構いません)
~
~

**2021.04.12
***プロジェクトのテーマ候補(3件以上)
-セロテープアートで作った物やフィギュア(果物や動物等)の写真集を作る。
-手軽にできる健康法!!足つぼマッサージを紹介するサイト。
-身近にあるタイポグラフィーを探す。
-近所に生えてる食べられる野草の図鑑を作る。
-マスクでメガネが曇るのを防ぐ方法を調べてまとめる。
~

***参考リンク
-[[自分でできる足つぼマッサージ>https://eonet.jp/health/special/special81_2.html]]
-[[タイポグラフィー>https://www.google.com/search?q=%E3%82%BF%E3%82%A4%E3%83%9D%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%BC&hl=ja&sxsrf=ALeKk01NV4Yiyh_4M7RfCNHO2Bbobs5WaQ:1618773562989&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiB68W5wYjwAhXMIqYKHTG_C9IQ_AUoAXoECAIQAw&biw=1171&bih=620]]
-[[食べられる野草特集>https://yamahack.com/383]]
-[[マスクでメガネが曇るのを防ぐ方法>https://www.zoff.co.jp/shop/k/k61/?gclid=Cj0KCQjwse-DBhC7ARIsAI8YcWIQtiRKFBdWiHt2fvyql5SJap-8oEUsUtcEQuYkK6-KdlIrDynafVcaAniFEALw_wcB]]

~
~

~