情報デザイン演習IIA/2026 をテンプレートにして作成

開始行:
*[[情報デザイン演習IIA]]｜2026 &small(情報デザイン専攻｜前期 月曜３・４限｜デジタルラボ5... __[[受講生一覧>https://design.kyusan-u.ac.jp/socialdesign... ~ ~ **第12回｜2026.07.06 第12回・13回は、テスト（相互評価）の結果にもとづくブラッ... ~ ***進捗記録の記載 今回の作業について、その内容、新たな課題等の記載を行なっ... ~ **2026.07.06 ~ ~ ~ ~ ***付記 -ファイル名について ＞ __[[FileName]]__ --すべて半角英数になっていますか（日本語はトラブルの元で... --命名規則を計画していますか --大文字と小文字を区別していますか Macローカルでは、xxx.jpg とxxx.JPG は同じですが、サーバー... -画像生成、コーディングに関わるAI利用について ~ ~ **第11回｜2026.06.29 第１Qと同様に進行します。今回はテストの段階。プロトタイプ... ~ ***意見・感想を聴取する準備 それぞれのプロジェクトのプロトタイプについて、全員からコ... -Googleスプレッドシート（共同編集方式） --名簿部分のデータには、以下の一覧の氏名の列をご利用下さ... --__[[汎用シート>https://docs.google.com/spreadsheets/d/1... -Googleフォーム（アンケート方式 ） ~ ***全員のプロトタイプを閲覧してコメント入力 以下から、受講生全員のページを確認して、シートあるいはフ... -__[[受講生一覧>https://design.kyusan-u.ac.jp/socialdesig... ~ ***進捗記録にコメントを整理 次回までに意見を整理して、次の作業に着手できるよう準備し... 以下、あくまでも記載例です。このとおりに書く必要はありま... **2026.06.29 ***見出された問題点 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ***好評を得た点 ＞ プロジェクトの特性として -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ~ ***再度、プロトタイプについて プロトタイプは、本来「試作品」レベルのものです。短期間の... ~ ~ **第10回｜2026.06.22 第１Qと同様に進行します。本日は、プロトタイプの制作です。 ~ ***プロトタイピング プロトタイピングの目的は、アイデアに対するユーザーの反応... -これは何？　アイデアの全体像がわかるようにつくる -極力短時間・少資源でつくる -簡単に修正できるようなものにする（つくり込みすぎない） -プロトタイプによって確認したいことを明確にしておく --情報の構造（構成）についての意見が欲しい ＞ サイトマップ、台割等を作る --色・カタチやレイアウトについて意見が欲しい ＞ 具体的なサンプルページをひとつ作る（内容はダミー） --操作性について意見が欲しい ＞ インターフェイス部分を再現したサンプルをつくる（内容は... ~ ***進捗報告の記載 以下の雛形を 学科サイトの個人ページ に、コピー＆ペースト... **2026.06.22 ***今回制作したプロトタイプ 　　　　　　　画像等を掲載して下さい。 ~ ***プロトタイプの説明 -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ~ ***意見・感想を聴取する準備 それぞれのプロジェクトのプロトタイプについて、全員からコ... -Googleスプレッドシート（前回同様、相互の書き込みが見えま... -Googleフォーム（アンケート方式） ~ 意見聴取は、次回 6月29日の授業時間内に一斉に行います。意... ~ ***補足：サイトのメニュー構成に悩むときは・・・ サイトマップ（メニュー構成）の設計は簡単ではありません。... -5つの帽子掛け　&small(情報整理の視点 リチャード・ソール... --''カテゴリー''：ジャンル別分類　＞ 例：[[生命科学部>htt... --''時間''：年表、スケジュール、番組表 ＞ 例：[[Lyricism>... --''位置（空間）''：地図 ＞ 例：[[Graffiti Map>https://at... --''アルファベット順''：五十音順、番号順など ＞ 例：百科... --''連続量・階層''：人気順、価格順など ＞ 例：ショッピン... -''5W2H''　&small(新聞記事の必須項目); --What：これは何？ --Why：何のために / なぜ？ --When：いつ --Where：どこで --Who：誰が、誰に --How：どのような方法で --How much：費用（予算）は -AIに聞く ◯◯についてまとめたWebサイトを作成します。 どのように情報を整理したらよいか、サイトマップのかたちで... ~ ~ **第９回｜2026.06.15 第１Qと同様に進行します。本日は、現状分析と課題定義、アイ... ~ ***はじめに テーマ、成果物の仕様を、以下のシートに記入して下さい。 __[[汎用シート>https://docs.google.com/spreadsheets/d/1CD... ~ ***現状分析 あなたが取り組もうとしているプロジェクトについて、以下の... -プロジェクトテーマと同様の''「テーマ内容」に関する先行事... -プロジェクトの成果物の''「表現形式」に関する先行事例''を... -プロジェクトのテーマに関わる''「時間的情報（歴史）」''を... -プロジェクトのテーマに関わる''「空間的情報（地理）」''を... -プロジェクトのテーマに関わる''「技術」''について調査する ~ ***課題を整理する 現状の調査が終了して、ある程度予備知識がついたところで、... -公開方法 -成果物のネーミング -成果物の形式（分量とサイズ） -成果物の構成 -素材（イラスト・写真・記事等）の入手方法・生成方法 -制作環境と方法 -その他、決める必要があるものをすべて「課題」として列挙する ~ ***アイデア出し アイデア創出（Ideate）は、定義された課題を解決するための... ~ ***本日の進捗記録の記載・公開 本日の日付を「中見出し」として、''現状調査の結果と解決す... **2026.06.15 ***現状分析 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ***課題定義 -1. ◯◯◯◯◯◯◯◯ -2. ◯◯◯◯◯◯◯◯◯◯◯ -3. ◯◯◯◯◯◯ ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯ -2. ◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯ -3. ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯ ~ ~ ~ ~ **第８回｜2026.06.08 ***はじめに -前半７週の演習の振り返り -個人ページ [ 氏名/情報デザイン演習IIA ] の整理・問題の除去 -重要：__[[学科サイト Web公開ガイドラインについて>https:/... ~ ***後半７週間のガイダンス -前半と同様の進行で、新たなテーマに取り組みます。 -新たな個人ページ [ 氏名/情報デザイン演習IIA_02 ] を使用... ~ ***後半のテーマ設定について -自分自身の関心事（あるいは問題意識）を可視化する -成果物の仕様（電子冊子、映像、Webサイト等・・サイズ・量） -自身のスキルアップにタイムリーなテーマ -付記：グループプロジェクトもOKです。 その場合、タイトル・サブタイトル、背景と目的等の部分は、... ~ ***本日の演習 -テーマタイトル・サブタイトルの書き込み -決まった方から報告 ＞ __[[汎用シート>https://docs.google... -進捗報告の部分は以下のように・・最終候補を太字で **2026.06.08 ***テーマ候補 -◯◯◯◯◯◯◯◯◯◯◯ -''◯◯◯◯◯◯◯◯◯◯◯◯◯''　← 太字になります。 -◯◯◯◯◯◯◯◯◯◯◯◯◯ ~ ***成果物の仕様 -形式：◯◯◯◯◯◯ -サイズ：◯◯◯◯◯◯◯ -分量：◯◯◯◯◯◯ ~ ***参考リンク -◯◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯◯◯ ~ ***この演習を通して身につけたいスキル -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ~ ~ **第７回｜2026.05.28 ***成果報告 第１クォータの成果報告です。質疑を含めて一人５分程度を想... __[[受講生一覧>https://design.kyusan-u.ac.jp/socialdesign... -プロジェクトのタイトルとサブタイトル -プロジェクトの背景と目的 -成果物の紹介 --成果物の仕様 --制作の方法（使用したツール、素材、手順など） --今回のプロジェクトで特にこだわった部分、工夫した点など... -成果の振り返りと今後の課題 ~ ***次回以降について -第２クォーターも同様に展開します。新たな取り組みテーマに... -以下を前提にご検討下さい。 --自身のスキルアップにタイムリーなテーマ --自分自身にとって強い関心事であること（趣味全開で構いま... ~ ~ **第６回｜2026.05.25 ***はじめに -__[[CLノートの入力について>https://design.kyusan-u.ac.jp... -__[[汎用シート>https://docs.google.com/spreadsheets/d/1C... --タイトル・サブタイトル --成果物の形式（Webサイト、PDF冊子など） --相互評価実施の有無（完了、受付中、未設定・・など） --成果報告実施の有無（この列は、第７回に入力します） ~ ***今回の演習について 前回同様に進捗状況をメモとして残して下さい。 **2026.05.25 ***作業の記録 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ***MEMO（ToDo項目など） -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ ~ ***補足１ PDFを軽くする方法 配置する画像のサイズ等によっては、出力したPDFが異常に大き... https://design.kyusan-u.ac.jp/PDF/Proceedings2026.pdf -Illustrator から PDF にする場合、 --PDFプリセットで、Illustrator初期設定ではなく、プレス品... --オプションで、Web用に最適化」にチェックを入れる、画像を... |#image(images/ai2pdf01.jpg)|#image(images/ai2pdf02.jpg)| |Web用に最適化|画像の圧縮| -オンラインサービスを使う方法もあります。 [[Google:PDF圧縮 オンライン]] -配置画像のサイズ最適化（Illustratorファイル自体を最適化... --印刷（300dpi）時に10 cm （約４inch）になる画像の場合、... 4 x 300 = 1200px 程度ということになります。 --Photoshop で最適化する場合、イメージ ＞ 画像解像度 から、 再サンプリング, 10cm, 300dpi と設定すれば、画素数が最適化されます。 ~ ***補足２ Lorem ipsum について 出版、Webデザインの分野において使用されている「ダミー原稿... __[[Google:Lorem ipsum]]__ ~ ***次回（28日 木曜）、成果報告（プレゼン）の準備 成果報告は一人５分程度で発表と質疑応答・・を想定していま... -プロジェクトのタイトルとサブタイトル -メインビジュアル（プロジェクトのイメージが視覚的にわかる... -氏名、キーワード -成果物へのリンク -背景と目的 他、概要部分の整理 ~ ***成果物の公開について -Webサイト：GitHub Pages / GoogleSites ・・ -PDF冊子：GitHub Repository / Google Drive 共有 / OneDriv... -現物：撮影して学科サイトに直接掲載 ~ ~ **第５回｜2026.05.18 ***はじめに -相互評価シートへのリンクは、各自のタイミングで無効化して... %%相互評価シート%%　ご協力ありがとうございました。 ~ ***第５・６回の演習について -各自のテーマで制作に集中する期間となります（第７回は成果... -この期間中にページの未記入の部分（目的・背景など）を埋め... -同様に、ページの上部にプロジェクトのビジュアルを掲載して... -毎回、以下の形式で進捗記録を記載して下さい。 **2026.05.18 ***作業の記録 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ***MEMO（ToDo項目など） -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ ~ ***補足講義 -[[紙面のレイアウトについて>Layout]] -[[Web制作のワークフローについて>WebDesign/Workflow]] ~ ~ **第４回｜2026.05.11 ***はじめに -今回は TEST の段階です。それぞれのプロトタイプを相互評価... -次回以降 --第５、６回は制作を中心に行い、その間、１人１回進捗報告 --第７回は、第１Qの成果のプレゼンテーションです。 ~ ***本日の演習の流れ -1. 相互評価シートの作成とリンク掲載 -2. 他の受講生のページを順に閲覧し、評価シートにコメント... -3. 次週までに・・ 参考となったコメントを本日の進捗記録部... -参考イメージ：__[[JohnSmith/情報デザイン演習IIA>https://... ~ ***テストについて テストは、プロトタイプを試用してもらうことで、ユーザーか... -テストは、「ユーザーがそれをどのように認知するのか」、ま... -テストは、ユーザーが生活している実際の環境の中で行うのが... ~ ***テストの目的 -プロトタイプとアイデアを改善するため テストはプロトタイピングを繰返してアイデアを改善する目的... -ユーザーの認知や行動について理解するため テストは、観察と関わりを通して「共感」を構築する機会でも... -着眼点を見直すため テストは、私たちが問題を正しく捉えていなかったこと、また... ~ ***テストの要点 以下の説明は、リアルにテストが実施できる場合の一般論です。 -プロトタイプは、ユーザーが評価を行うための説明資料として... -説明は行わず、とにかく「見せる」「触らせる」が重要です。 -ユーザーがプロトタイプを「自ら解釈する」時間を設けること... -ユーザーがプロトタイプをどのように扱うか（どこで使い方を... -ユーザーがプロトタイプについて発した言葉や、ユーザーの発... -ユーザーが「比較」できるように、複数のプロトタイプを試し... ~ ***相互評価シートの準備 それぞれのプロジェクトのプロトタイプについて、全員からコ... ~ #image(GoogleDrive/fig1.png,right,30%) -1) Googleドライブにシートを作成 --マイドライブ上で、右クリック＞新規スプレッドシート --__[[汎用シート>https://docs.google.com/spreadsheets/d/1... --作成したシートを　右クリック ＞ 共有 -- 「制限付き」を「リンクを知っている全員」に変更 #clear #image(GoogleDrive/fig2.png,right,30%) -2) 共同編集を可能にする --「閲覧者」を「編集者」に変更 #clear -3) 学科サイトからリンク --上記のダイアログ上で「リンクをコピー」をクリック --このリンクアドレスを以下の形式で貼ればOKです。 [[プロトタイプ評価シート>https://docs.google.com/sprea・... &color(red){この情報は、自身のページの上部の目立つ場所に... ~ ***次週までに・・進捗記録にコメントを整理 **2026.05.11 ***見出された問題点 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ***好評を得た点 ＞ プロジェクトの特性として -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ~ ***参考 -冊子系の作品を外注製本する方法 --フォトブックの利用：https://photobook.kitamura.jp/ --一冊から格安製本：https://www.seichoku.com/ --本格的なネット印刷：https://www.printpac.co.jp/ -ページ物のデータの作り方 --https://www.printpac.co.jp/contents/technicalguide/inde... --https://printmall.jp/blog/archives/20210902/4635/ ~ ~ **第３回｜2026.04.27 ***はじめに -各自の SubMenu に ''[ 氏名 ] /情報デザイン演習IIA_01'' ... II の部分は、ローマ数字ではなく、大文字の [ I （アイ）] ... -受講生の方のログ（テーマ、アイデア）を確認します。 [[受講生一覧>https://design.kyusan-u.ac.jp/socialdesign/?... -今後の予定 --第４回：テスト ＞ 全員の取り組み、プロトタイプを相互評価 --第５回：評価結果の整理 ＞ アイデアの更新 ＞ 本制作へ --第６回：本制作 --第７回：成果報告 ~ ***プロトタイピングについて プロトタイピング（Prototyping）とは、実際に目で見て、手で... プロトタイプ、モックアップ、試作品・・ざっくり言えば似た... -''プロトタイピングの目的'' プロトタイピングの目的は、アイデアに対するユーザーの反応... --利用者（ターゲット層）にアイデアを具体的なカタチで説明... --開発メンバー間でアイデアを具体的なカタチで見て議論する... --最小限の投資で''早期に多くの失敗を体験''するため。 -''プロトタイピングの要点'' --短時間でつくることができるものを使う --修正・改善しやすいものを使う --お金をかけずにつくる --利用者が全体を見て・触ることができるようにつくる（プロ... --利用者が全プロセスを体験できるようにつくる（Web・ソフト... --プロトタイプで何を確認したいのかを明確にする ---大きさを確認したい ＞ 大きさに忠実な模型を作る ---手触りを確認したい ＞ 素材を忠実使う（さわる部分的のみ） ---操作性を確認したい ＞ インターフェイス部分のみ再現（そ... ~ ***進捗報告の記載 以下の雛形を 学科サイトの個人ページ に、コピー＆ペースト... **2026.04.27 ***成果物の仕様・プロトタイプ 　　　　　　　画像等を掲載して下さい。 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ***「成果物の仕様・プロトタイプ」の記載例 -冊子系プロジェクトの記載事例 #image(台割り.png) 台割りイメージ #image(表紙.png) 表紙イメージ -動画系プロジェクトの記載事例 #image(ストーリーボード.png) ストーリーボードまたは絵コンテ #youtube(ABCDEFG) 全体の流れがわかる １分間のダイジェスト映像 #youtube(ABCDEFG) 技法についての試作映像 -Web系プロジェクトの記載事例 #image(サイトマップ.png) サイトマップ #image(ワイヤーフレーム.png) サイトのワイヤーフレーム https://xxxx.github.io/project/index.html サーバーの動作確認（プロトタイプサイト） ~ ***用語の参考イメージ -[[GoogleImage:台割]] -[[GoogleImage:束見本]] -[[GoogleImage:絵コンテ]] -[[GoogleImage:ストーリーボード]] -[[GoogleImage:サイトマップ]] -[[GoogleImage:Webサイト ワイヤーフレーム]] ~ ***仕様書・プロトタイプ等制作ツール -[[Figma>Google:Figma]]：Googleアカウントを利用してアカウ... -[[Draw.io>Google:Draw.io]]：GoogleDrive アプリケーション... -Spread Sheet：サイトマップ、台割りなど、セルを利用した図... ~ ~ **第２回｜2026.04.20 ***はじめに __[[学科サイト個人ページ>https://design.kyusan-u.ac.jp/so... -ページの MainTitle の部分に、自身のプロジェクトタイトル... -その下の SubTitle の部分に「これは何か？」を１行で端的に... -概要部分（背景と目的以下）を順次記載 &small(いずれも現段階での「仮のもの」でOK。後日修正可です... ~ ***現状調査（分析） デザイン思考のプロセスにおいて、現状の問題を見出し、何を... そこで、まずは、あなたが取り組もうとしているプロジェクト... -プロジェクトテーマと同様の''「テーマ内容」に関する先行事... 自身の''テーマ内容''に近い情報提供を行っているサイトをWeb... -プロジェクトの成果物の''「表現形式」に関する先行事例''を... //自身の選択したメディア（ポスター、冊子、映像、Web等）に... -プロジェクトのテーマに関わる''「時間的な問題（歴史）」''... //プロジェクトのテーマに関わる「対象」、例えばテーマが「... -プロジェクトのテーマに関わる''「空間的の問題（地理）」''... //同様に、プロジェクトのテーマが「レシピ動画」であれば、... -プロジェクトのテーマに関わる''「技術」''について調査する //プロジェクトの遂行にあたって、どんな機材や技術が必要に... ~ ***課題を整理する 現状の調査が終了して、ある程度予備知識がついたところで、... -公開方法 -成果物のネーミング -成果物の形式（分量とサイズ） -成果物の構成 -素材（イラスト・写真・記事等）の入手方法・生成方法 -制作環境と方法 -その他、決める必要があるものをすべて「課題」として列挙する ~ ***アイデア出し アイデア創出（Ideate）は、定義された目的や方向性を実現す... 解決すべき複数の課題について、どれからでも構いません。着... '''以下、アイデア創出に関わる一般的な知見、手法について紹... -ブレインストーミング（BS法: brainstorming） ブレインストーミングは、アレックス・F・オズボーンによって... --他者の発言を批判しない --判断・結論を出さない --荒削りな考えを歓迎する --質より量を重んじる --アイディアを編集して発展させる -KJ法 文化人類学者の川喜田二郎氏がデータをまとめるために考案し... --ポストイット1枚に対して絵や字で1つのアイデアを書く --たくさんのポストイット＝アイデアをホワイトボードに貼る --全体を眺めながら、それを貼り替えて、グルーピング --アイデアのカテゴリーや方向性を絞り込んでいく・・ --参考事例 ---[[KJ法のイメージ>GoogleImage:KJ法]] ---https://goodpatch.com/blog/ideation-workshop/#i-5 -AIの活用 最近は、ブレーンストーミングの段階で、AIにタタキ案を作成... ~ ***本日の進捗記録の記載・公開 本日の日付を「中見出し」として、''現状調査の結果と解決す... **2026.04.20　← 中見出し ***現状調査（先行事例等）　← 小見出し -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ***解決すべき課題（ToDoリスト） -1. ◯◯◯◯◯◯◯◯ -2. ◯◯◯◯◯◯◯◯◯◯◯ -3. ◯◯◯◯◯◯ ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯ -2. ◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯ -3. ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯ ~ ~ ~ ***最終的に -採用するアイデアを太字で強調 文字列を ' ' ( SingleQuotation x 2 )で囲むと、''強調表示'... -採用しないものは、取り消し線 文字列を % %（ Percent x 2 ）で囲むと、%%取り消し線%%がつ... ~ ***補足講義 -冊子の制作について --Illustrator で複数ページ：https://creators-plus.jp/illu... --Adobe InDesign を使う：https://www.adobe.com/jp/learn/i... -Webサイトを作成公開する方法について --GoogleSiteの利用 ＞ [[GoogleSites]] --HTML+CSS によるコーディング ＋ GitHubPages あるいはレンタルサーバーへアップロード公開 --WordPress（ブログサイト）の利用 ＞ [[WordPress]] ~ ~ **第１回｜2026.04.13 ***科目概要 本科目、演習Aは「情報とメディアの歴史、原理、構造、機能に... ソーシャルデザインは「自分ゴト」から・・とよく言われます... ~ ***演習テーマ１｜第１週 - 第７週 &scale(160){''半径 100m の「 面白い！ 」''}; -未だ「情報化」されていない、「面白そうなもの」を、最適な... -現在のあなたの生活拠点から半径100mあたりを目処に、調査・... ~ ***求める成果物 選ぶテーマによって、公開に適した媒体は異なります。紙媒体... -ポスター（グラフィック中心） -PDF冊子（文章とグラフィックス） -映像 -音楽・音声 -Webサイト -イベントの開催 ~ ***参考事例 以下、昨年の先輩のプロジェクトの成果です。 -[[情報デザイン演習IIA/2025>https://design.kyusan-u.ac.jp... ~ ***演習に必要なツール 各自のテーマに応じて、なるべくシンプルなツール（お金をか... パソコンが無い方は、スマートフォンのアプリ上で制作できる... -情報収集ツール --カメラ --筆記具（アナログ、デジタルを問いません） -アイデア創出・プロトタイプ制作・本制作のためのツール --紙と鉛筆、[[FieldNote>GoogleImage:KOKUYO Field Note]]、... --GoogleDrive連動アプリ、[[Figma>https://www.figma.com/]]... --画像処理、図形描画、映像編集、Web制作、生成AI等 -情報公開のためのツール --[[学科サイトの個人ページ >https://design.kyusan-u.ac.jp... ~ ***演習の進め方 __[[デザイン思考>DesignThinking]]__のプロセスに沿って進め... -１. テーマ設定（共感） -２. 現状分析（調査・問題定義） -３. アイデア創出 -４. プロトタイピング -５. テスト（中間発表） ＞ プロトタイプの改善（４に戻って... &small(「テスト」というのは、プロトタイプを試用する・・と... -６. 実装 ＞ 実運用 -付記：テーマ設定の段階から情報を共有（公開）します。 ~ ***本日の演習 -テーマの候補を複数挙げて、その中から１つを選定します。 -３限目の時間は、__[[学科サイト個人ページ>>https://design... -４限目にそれぞれのテーマ候補を見て意見交換し、テーマを絞... ~ ***本日分のイメージ **2026.04.13 ***テーマの候補 - - - ~ ***参考リンク - - ~ ~ ~ ***参考 最も簡単にWebサイトを構築・公開する方法について ＞ __[[GoogleSites]]__ ~ ~ ~ **成績評価・単位認定について ***単位認定に必須の要件 -個人ページにプロジェクトの概要と作業記録がすべて記載され... -成果物を公開していること。 -付記：受講生それぞれの過去の経験値が異なることを前提に、... ~ //***参考：シラバス上の表記 //-コンピテンシー((コンピテンシーとは、職務や役割において... //--課題や目的に沿って、必要な情報を収集・整理できる（情... //--自らの思考・判断のプロセスを説明し、伝達するためのプ... //--多様な情報ツールの機能を理解し、情報端末上で情報技術... //-評価方法 //演習の成果物(内容、ビジュアル、ユーザビリティ、技術水準... // //-ルーブリック((ルーブリックとは、学習目標の達成度を判断... //--発想力 //--技術力 ~ ~

終了行:
*[[情報デザイン演習IIA]]｜2026 &small(情報デザイン専攻｜前期 月曜３・４限｜デジタルラボ5... __[[受講生一覧>https://design.kyusan-u.ac.jp/socialdesign... ~ ~ **第12回｜2026.07.06 第12回・13回は、テスト（相互評価）の結果にもとづくブラッ... ~ ***進捗記録の記載 今回の作業について、その内容、新たな課題等の記載を行なっ... ~ **2026.07.06 ~ ~ ~ ~ ***付記 -ファイル名について ＞ __[[FileName]]__ --すべて半角英数になっていますか（日本語はトラブルの元で... --命名規則を計画していますか --大文字と小文字を区別していますか Macローカルでは、xxx.jpg とxxx.JPG は同じですが、サーバー... -画像生成、コーディングに関わるAI利用について ~ ~ **第11回｜2026.06.29 第１Qと同様に進行します。今回はテストの段階。プロトタイプ... ~ ***意見・感想を聴取する準備 それぞれのプロジェクトのプロトタイプについて、全員からコ... -Googleスプレッドシート（共同編集方式） --名簿部分のデータには、以下の一覧の氏名の列をご利用下さ... --__[[汎用シート>https://docs.google.com/spreadsheets/d/1... -Googleフォーム（アンケート方式 ） ~ ***全員のプロトタイプを閲覧してコメント入力 以下から、受講生全員のページを確認して、シートあるいはフ... -__[[受講生一覧>https://design.kyusan-u.ac.jp/socialdesig... ~ ***進捗記録にコメントを整理 次回までに意見を整理して、次の作業に着手できるよう準備し... 以下、あくまでも記載例です。このとおりに書く必要はありま... **2026.06.29 ***見出された問題点 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ***好評を得た点 ＞ プロジェクトの特性として -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ~ ***再度、プロトタイプについて プロトタイプは、本来「試作品」レベルのものです。短期間の... ~ ~ **第10回｜2026.06.22 第１Qと同様に進行します。本日は、プロトタイプの制作です。 ~ ***プロトタイピング プロトタイピングの目的は、アイデアに対するユーザーの反応... -これは何？　アイデアの全体像がわかるようにつくる -極力短時間・少資源でつくる -簡単に修正できるようなものにする（つくり込みすぎない） -プロトタイプによって確認したいことを明確にしておく --情報の構造（構成）についての意見が欲しい ＞ サイトマップ、台割等を作る --色・カタチやレイアウトについて意見が欲しい ＞ 具体的なサンプルページをひとつ作る（内容はダミー） --操作性について意見が欲しい ＞ インターフェイス部分を再現したサンプルをつくる（内容は... ~ ***進捗報告の記載 以下の雛形を 学科サイトの個人ページ に、コピー＆ペースト... **2026.06.22 ***今回制作したプロトタイプ 　　　　　　　画像等を掲載して下さい。 ~ ***プロトタイプの説明 -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ~ ***意見・感想を聴取する準備 それぞれのプロジェクトのプロトタイプについて、全員からコ... -Googleスプレッドシート（前回同様、相互の書き込みが見えま... -Googleフォーム（アンケート方式） ~ 意見聴取は、次回 6月29日の授業時間内に一斉に行います。意... ~ ***補足：サイトのメニュー構成に悩むときは・・・ サイトマップ（メニュー構成）の設計は簡単ではありません。... -5つの帽子掛け　&small(情報整理の視点 リチャード・ソール... --''カテゴリー''：ジャンル別分類　＞ 例：[[生命科学部>htt... --''時間''：年表、スケジュール、番組表 ＞ 例：[[Lyricism>... --''位置（空間）''：地図 ＞ 例：[[Graffiti Map>https://at... --''アルファベット順''：五十音順、番号順など ＞ 例：百科... --''連続量・階層''：人気順、価格順など ＞ 例：ショッピン... -''5W2H''　&small(新聞記事の必須項目); --What：これは何？ --Why：何のために / なぜ？ --When：いつ --Where：どこで --Who：誰が、誰に --How：どのような方法で --How much：費用（予算）は -AIに聞く ◯◯についてまとめたWebサイトを作成します。 どのように情報を整理したらよいか、サイトマップのかたちで... ~ ~ **第９回｜2026.06.15 第１Qと同様に進行します。本日は、現状分析と課題定義、アイ... ~ ***はじめに テーマ、成果物の仕様を、以下のシートに記入して下さい。 __[[汎用シート>https://docs.google.com/spreadsheets/d/1CD... ~ ***現状分析 あなたが取り組もうとしているプロジェクトについて、以下の... -プロジェクトテーマと同様の''「テーマ内容」に関する先行事... -プロジェクトの成果物の''「表現形式」に関する先行事例''を... -プロジェクトのテーマに関わる''「時間的情報（歴史）」''を... -プロジェクトのテーマに関わる''「空間的情報（地理）」''を... -プロジェクトのテーマに関わる''「技術」''について調査する ~ ***課題を整理する 現状の調査が終了して、ある程度予備知識がついたところで、... -公開方法 -成果物のネーミング -成果物の形式（分量とサイズ） -成果物の構成 -素材（イラスト・写真・記事等）の入手方法・生成方法 -制作環境と方法 -その他、決める必要があるものをすべて「課題」として列挙する ~ ***アイデア出し アイデア創出（Ideate）は、定義された課題を解決するための... ~ ***本日の進捗記録の記載・公開 本日の日付を「中見出し」として、''現状調査の結果と解決す... **2026.06.15 ***現状分析 -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ***課題定義 -1. ◯◯◯◯◯◯◯◯ -2. ◯◯◯◯◯◯◯◯◯◯◯ -3. ◯◯◯◯◯◯ ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯ -2. ◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯ -3. ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯ ~ ~ ~ ~ **第８回｜2026.06.08 ***はじめに -前半７週の演習の振り返り -個人ページ [ 氏名/情報デザイン演習IIA ] の整理・問題の除去 -重要：__[[学科サイト Web公開ガイドラインについて>https:/... ~ ***後半７週間のガイダンス -前半と同様の進行で、新たなテーマに取り組みます。 -新たな個人ページ [ 氏名/情報デザイン演習IIA_02 ] を使用... ~ ***後半のテーマ設定について -自分自身の関心事（あるいは問題意識）を可視化する -成果物の仕様（電子冊子、映像、Webサイト等・・サイズ・量） -自身のスキルアップにタイムリーなテーマ -付記：グループプロジェクトもOKです。 その場合、タイトル・サブタイトル、背景と目的等の部分は、... ~ ***本日の演習 -テーマタイトル・サブタイトルの書き込み -決まった方から報告 ＞ __[[汎用シート>https://docs.google... -進捗報告の部分は以下のように・・最終候補を太字で **2026.06.08 ***テーマ候補 -◯◯◯◯◯◯◯◯◯◯◯ -''◯◯◯◯◯◯◯◯◯◯◯◯◯''　← 太字になります。 -◯◯◯◯◯◯◯◯◯◯◯◯◯ ~ ***成果物の仕様 -形式：◯◯◯◯◯◯ -サイズ：◯◯◯◯◯◯◯ -分量：◯◯◯◯◯◯ ~ ***参考リンク -◯◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯◯◯ ~ ***この演習を通して身につけたいスキル -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ~ ~ **第７回｜2026.05.28 ***成果報告 第１クォータの成果報告です。質疑を含めて一人５分程度を想... __[[受講生一覧>https://design.kyusan-u.ac.jp/socialdesign... -プロジェクトのタイトルとサブタイトル -プロジェクトの背景と目的 -成果物の紹介 --成果物の仕様 --制作の方法（使用したツール、素材、手順など） --今回のプロジェクトで特にこだわった部分、工夫した点など... -成果の振り返りと今後の課題 ~ ***次回以降について -第２クォーターも同様に展開します。新たな取り組みテーマに... -以下を前提にご検討下さい。 --自身のスキルアップにタイムリーなテーマ --自分自身にとって強い関心事であること（趣味全開で構いま... ~ ~ **第６回｜2026.05.25 ***はじめに -__[[CLノートの入力について>https://design.kyusan-u.ac.jp... -__[[汎用シート>https://docs.google.com/spreadsheets/d/1C... --タイトル・サブタイトル --成果物の形式（Webサイト、PDF冊子など） --相互評価実施の有無（完了、受付中、未設定・・など） --成果報告実施の有無（この列は、第７回に入力します） ~ ***今回の演習について 前回同様に進捗状況をメモとして残して下さい。 **2026.05.25 ***作業の記録 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ***MEMO（ToDo項目など） -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ ~ ***補足１ PDFを軽くする方法 配置する画像のサイズ等によっては、出力したPDFが異常に大き... https://design.kyusan-u.ac.jp/PDF/Proceedings2026.pdf -Illustrator から PDF にする場合、 --PDFプリセットで、Illustrator初期設定ではなく、プレス品... --オプションで、Web用に最適化」にチェックを入れる、画像を... |#image(images/ai2pdf01.jpg)|#image(images/ai2pdf02.jpg)| |Web用に最適化|画像の圧縮| -オンラインサービスを使う方法もあります。 [[Google:PDF圧縮 オンライン]] -配置画像のサイズ最適化（Illustratorファイル自体を最適化... --印刷（300dpi）時に10 cm （約４inch）になる画像の場合、... 4 x 300 = 1200px 程度ということになります。 --Photoshop で最適化する場合、イメージ ＞ 画像解像度 から、 再サンプリング, 10cm, 300dpi と設定すれば、画素数が最適化されます。 ~ ***補足２ Lorem ipsum について 出版、Webデザインの分野において使用されている「ダミー原稿... __[[Google:Lorem ipsum]]__ ~ ***次回（28日 木曜）、成果報告（プレゼン）の準備 成果報告は一人５分程度で発表と質疑応答・・を想定していま... -プロジェクトのタイトルとサブタイトル -メインビジュアル（プロジェクトのイメージが視覚的にわかる... -氏名、キーワード -成果物へのリンク -背景と目的 他、概要部分の整理 ~ ***成果物の公開について -Webサイト：GitHub Pages / GoogleSites ・・ -PDF冊子：GitHub Repository / Google Drive 共有 / OneDriv... -現物：撮影して学科サイトに直接掲載 ~ ~ **第５回｜2026.05.18 ***はじめに -相互評価シートへのリンクは、各自のタイミングで無効化して... %%相互評価シート%%　ご協力ありがとうございました。 ~ ***第５・６回の演習について -各自のテーマで制作に集中する期間となります（第７回は成果... -この期間中にページの未記入の部分（目的・背景など）を埋め... -同様に、ページの上部にプロジェクトのビジュアルを掲載して... -毎回、以下の形式で進捗記録を記載して下さい。 **2026.05.18 ***作業の記録 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ***MEMO（ToDo項目など） -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ ~ ***補足講義 -[[紙面のレイアウトについて>Layout]] -[[Web制作のワークフローについて>WebDesign/Workflow]] ~ ~ **第４回｜2026.05.11 ***はじめに -今回は TEST の段階です。それぞれのプロトタイプを相互評価... -次回以降 --第５、６回は制作を中心に行い、その間、１人１回進捗報告 --第７回は、第１Qの成果のプレゼンテーションです。 ~ ***本日の演習の流れ -1. 相互評価シートの作成とリンク掲載 -2. 他の受講生のページを順に閲覧し、評価シートにコメント... -3. 次週までに・・ 参考となったコメントを本日の進捗記録部... -参考イメージ：__[[JohnSmith/情報デザイン演習IIA>https://... ~ ***テストについて テストは、プロトタイプを試用してもらうことで、ユーザーか... -テストは、「ユーザーがそれをどのように認知するのか」、ま... -テストは、ユーザーが生活している実際の環境の中で行うのが... ~ ***テストの目的 -プロトタイプとアイデアを改善するため テストはプロトタイピングを繰返してアイデアを改善する目的... -ユーザーの認知や行動について理解するため テストは、観察と関わりを通して「共感」を構築する機会でも... -着眼点を見直すため テストは、私たちが問題を正しく捉えていなかったこと、また... ~ ***テストの要点 以下の説明は、リアルにテストが実施できる場合の一般論です。 -プロトタイプは、ユーザーが評価を行うための説明資料として... -説明は行わず、とにかく「見せる」「触らせる」が重要です。 -ユーザーがプロトタイプを「自ら解釈する」時間を設けること... -ユーザーがプロトタイプをどのように扱うか（どこで使い方を... -ユーザーがプロトタイプについて発した言葉や、ユーザーの発... -ユーザーが「比較」できるように、複数のプロトタイプを試し... ~ ***相互評価シートの準備 それぞれのプロジェクトのプロトタイプについて、全員からコ... ~ #image(GoogleDrive/fig1.png,right,30%) -1) Googleドライブにシートを作成 --マイドライブ上で、右クリック＞新規スプレッドシート --__[[汎用シート>https://docs.google.com/spreadsheets/d/1... --作成したシートを　右クリック ＞ 共有 -- 「制限付き」を「リンクを知っている全員」に変更 #clear #image(GoogleDrive/fig2.png,right,30%) -2) 共同編集を可能にする --「閲覧者」を「編集者」に変更 #clear -3) 学科サイトからリンク --上記のダイアログ上で「リンクをコピー」をクリック --このリンクアドレスを以下の形式で貼ればOKです。 [[プロトタイプ評価シート>https://docs.google.com/sprea・... &color(red){この情報は、自身のページの上部の目立つ場所に... ~ ***次週までに・・進捗記録にコメントを整理 **2026.05.11 ***見出された問題点 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ***好評を得た点 ＞ プロジェクトの特性として -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ~ ***参考 -冊子系の作品を外注製本する方法 --フォトブックの利用：https://photobook.kitamura.jp/ --一冊から格安製本：https://www.seichoku.com/ --本格的なネット印刷：https://www.printpac.co.jp/ -ページ物のデータの作り方 --https://www.printpac.co.jp/contents/technicalguide/inde... --https://printmall.jp/blog/archives/20210902/4635/ ~ ~ **第３回｜2026.04.27 ***はじめに -各自の SubMenu に ''[ 氏名 ] /情報デザイン演習IIA_01'' ... II の部分は、ローマ数字ではなく、大文字の [ I （アイ）] ... -受講生の方のログ（テーマ、アイデア）を確認します。 [[受講生一覧>https://design.kyusan-u.ac.jp/socialdesign/?... -今後の予定 --第４回：テスト ＞ 全員の取り組み、プロトタイプを相互評価 --第５回：評価結果の整理 ＞ アイデアの更新 ＞ 本制作へ --第６回：本制作 --第７回：成果報告 ~ ***プロトタイピングについて プロトタイピング（Prototyping）とは、実際に目で見て、手で... プロトタイプ、モックアップ、試作品・・ざっくり言えば似た... -''プロトタイピングの目的'' プロトタイピングの目的は、アイデアに対するユーザーの反応... --利用者（ターゲット層）にアイデアを具体的なカタチで説明... --開発メンバー間でアイデアを具体的なカタチで見て議論する... --最小限の投資で''早期に多くの失敗を体験''するため。 -''プロトタイピングの要点'' --短時間でつくることができるものを使う --修正・改善しやすいものを使う --お金をかけずにつくる --利用者が全体を見て・触ることができるようにつくる（プロ... --利用者が全プロセスを体験できるようにつくる（Web・ソフト... --プロトタイプで何を確認したいのかを明確にする ---大きさを確認したい ＞ 大きさに忠実な模型を作る ---手触りを確認したい ＞ 素材を忠実使う（さわる部分的のみ） ---操作性を確認したい ＞ インターフェイス部分のみ再現（そ... ~ ***進捗報告の記載 以下の雛形を 学科サイトの個人ページ に、コピー＆ペースト... **2026.04.27 ***成果物の仕様・プロトタイプ 　　　　　　　画像等を掲載して下さい。 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ ***「成果物の仕様・プロトタイプ」の記載例 -冊子系プロジェクトの記載事例 #image(台割り.png) 台割りイメージ #image(表紙.png) 表紙イメージ -動画系プロジェクトの記載事例 #image(ストーリーボード.png) ストーリーボードまたは絵コンテ #youtube(ABCDEFG) 全体の流れがわかる １分間のダイジェスト映像 #youtube(ABCDEFG) 技法についての試作映像 -Web系プロジェクトの記載事例 #image(サイトマップ.png) サイトマップ #image(ワイヤーフレーム.png) サイトのワイヤーフレーム https://xxxx.github.io/project/index.html サーバーの動作確認（プロトタイプサイト） ~ ***用語の参考イメージ -[[GoogleImage:台割]] -[[GoogleImage:束見本]] -[[GoogleImage:絵コンテ]] -[[GoogleImage:ストーリーボード]] -[[GoogleImage:サイトマップ]] -[[GoogleImage:Webサイト ワイヤーフレーム]] ~ ***仕様書・プロトタイプ等制作ツール -[[Figma>Google:Figma]]：Googleアカウントを利用してアカウ... -[[Draw.io>Google:Draw.io]]：GoogleDrive アプリケーション... -Spread Sheet：サイトマップ、台割りなど、セルを利用した図... ~ ~ **第２回｜2026.04.20 ***はじめに __[[学科サイト個人ページ>https://design.kyusan-u.ac.jp/so... -ページの MainTitle の部分に、自身のプロジェクトタイトル... -その下の SubTitle の部分に「これは何か？」を１行で端的に... -概要部分（背景と目的以下）を順次記載 &small(いずれも現段階での「仮のもの」でOK。後日修正可です... ~ ***現状調査（分析） デザイン思考のプロセスにおいて、現状の問題を見出し、何を... そこで、まずは、あなたが取り組もうとしているプロジェクト... -プロジェクトテーマと同様の''「テーマ内容」に関する先行事... 自身の''テーマ内容''に近い情報提供を行っているサイトをWeb... -プロジェクトの成果物の''「表現形式」に関する先行事例''を... //自身の選択したメディア（ポスター、冊子、映像、Web等）に... -プロジェクトのテーマに関わる''「時間的な問題（歴史）」''... //プロジェクトのテーマに関わる「対象」、例えばテーマが「... -プロジェクトのテーマに関わる''「空間的の問題（地理）」''... //同様に、プロジェクトのテーマが「レシピ動画」であれば、... -プロジェクトのテーマに関わる''「技術」''について調査する //プロジェクトの遂行にあたって、どんな機材や技術が必要に... ~ ***課題を整理する 現状の調査が終了して、ある程度予備知識がついたところで、... -公開方法 -成果物のネーミング -成果物の形式（分量とサイズ） -成果物の構成 -素材（イラスト・写真・記事等）の入手方法・生成方法 -制作環境と方法 -その他、決める必要があるものをすべて「課題」として列挙する ~ ***アイデア出し アイデア創出（Ideate）は、定義された目的や方向性を実現す... 解決すべき複数の課題について、どれからでも構いません。着... '''以下、アイデア創出に関わる一般的な知見、手法について紹... -ブレインストーミング（BS法: brainstorming） ブレインストーミングは、アレックス・F・オズボーンによって... --他者の発言を批判しない --判断・結論を出さない --荒削りな考えを歓迎する --質より量を重んじる --アイディアを編集して発展させる -KJ法 文化人類学者の川喜田二郎氏がデータをまとめるために考案し... --ポストイット1枚に対して絵や字で1つのアイデアを書く --たくさんのポストイット＝アイデアをホワイトボードに貼る --全体を眺めながら、それを貼り替えて、グルーピング --アイデアのカテゴリーや方向性を絞り込んでいく・・ --参考事例 ---[[KJ法のイメージ>GoogleImage:KJ法]] ---https://goodpatch.com/blog/ideation-workshop/#i-5 -AIの活用 最近は、ブレーンストーミングの段階で、AIにタタキ案を作成... ~ ***本日の進捗記録の記載・公開 本日の日付を「中見出し」として、''現状調査の結果と解決す... **2026.04.20　← 中見出し ***現状調査（先行事例等）　← 小見出し -◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ ~ ***解決すべき課題（ToDoリスト） -1. ◯◯◯◯◯◯◯◯ -2. ◯◯◯◯◯◯◯◯◯◯◯ -3. ◯◯◯◯◯◯ ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯ -2. ◯◯◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯ -3. ◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ --◯◯◯◯◯、◯◯◯◯◯◯◯◯◯ ~ ~ ~ ***最終的に -採用するアイデアを太字で強調 文字列を ' ' ( SingleQuotation x 2 )で囲むと、''強調表示'... -採用しないものは、取り消し線 文字列を % %（ Percent x 2 ）で囲むと、%%取り消し線%%がつ... ~ ***補足講義 -冊子の制作について --Illustrator で複数ページ：https://creators-plus.jp/illu... --Adobe InDesign を使う：https://www.adobe.com/jp/learn/i... -Webサイトを作成公開する方法について --GoogleSiteの利用 ＞ [[GoogleSites]] --HTML+CSS によるコーディング ＋ GitHubPages あるいはレンタルサーバーへアップロード公開 --WordPress（ブログサイト）の利用 ＞ [[WordPress]] ~ ~ **第１回｜2026.04.13 ***科目概要 本科目、演習Aは「情報とメディアの歴史、原理、構造、機能に... ソーシャルデザインは「自分ゴト」から・・とよく言われます... ~ ***演習テーマ１｜第１週 - 第７週 &scale(160){''半径 100m の「 面白い！ 」''}; -未だ「情報化」されていない、「面白そうなもの」を、最適な... -現在のあなたの生活拠点から半径100mあたりを目処に、調査・... ~ ***求める成果物 選ぶテーマによって、公開に適した媒体は異なります。紙媒体... -ポスター（グラフィック中心） -PDF冊子（文章とグラフィックス） -映像 -音楽・音声 -Webサイト -イベントの開催 ~ ***参考事例 以下、昨年の先輩のプロジェクトの成果です。 -[[情報デザイン演習IIA/2025>https://design.kyusan-u.ac.jp... ~ ***演習に必要なツール 各自のテーマに応じて、なるべくシンプルなツール（お金をか... パソコンが無い方は、スマートフォンのアプリ上で制作できる... -情報収集ツール --カメラ --筆記具（アナログ、デジタルを問いません） -アイデア創出・プロトタイプ制作・本制作のためのツール --紙と鉛筆、[[FieldNote>GoogleImage:KOKUYO Field Note]]、... --GoogleDrive連動アプリ、[[Figma>https://www.figma.com/]]... --画像処理、図形描画、映像編集、Web制作、生成AI等 -情報公開のためのツール --[[学科サイトの個人ページ >https://design.kyusan-u.ac.jp... ~ ***演習の進め方 __[[デザイン思考>DesignThinking]]__のプロセスに沿って進め... -１. テーマ設定（共感） -２. 現状分析（調査・問題定義） -３. アイデア創出 -４. プロトタイピング -５. テスト（中間発表） ＞ プロトタイプの改善（４に戻って... &small(「テスト」というのは、プロトタイプを試用する・・と... -６. 実装 ＞ 実運用 -付記：テーマ設定の段階から情報を共有（公開）します。 ~ ***本日の演習 -テーマの候補を複数挙げて、その中から１つを選定します。 -３限目の時間は、__[[学科サイト個人ページ>>https://design... -４限目にそれぞれのテーマ候補を見て意見交換し、テーマを絞... ~ ***本日分のイメージ **2026.04.13 ***テーマの候補 - - - ~ ***参考リンク - - ~ ~ ~ ***参考 最も簡単にWebサイトを構築・公開する方法について ＞ __[[GoogleSites]]__ ~ ~ ~ **成績評価・単位認定について ***単位認定に必須の要件 -個人ページにプロジェクトの概要と作業記録がすべて記載され... -成果物を公開していること。 -付記：受講生それぞれの過去の経験値が異なることを前提に、... ~ //***参考：シラバス上の表記 //-コンピテンシー((コンピテンシーとは、職務や役割において... //--課題や目的に沿って、必要な情報を収集・整理できる（情... //--自らの思考・判断のプロセスを説明し、伝達するためのプ... //--多様な情報ツールの機能を理解し、情報端末上で情報技術... //-評価方法 //演習の成果物(内容、ビジュアル、ユーザビリティ、技術水準... // //-ルーブリック((ルーブリックとは、学習目標の達成度を判断... //--発想力 //--技術力 ~ ~

ページ名: