情報デザイン演習IIIA 2025　3Q（7）

2025/10/28　3・4限　DL502

今日の内容

ワイヤーフレーム
Figmaを使ったワイヤーフレーム制作
学科サイトの編集
- メインビジュアルの挿入
- サイトのURL掲載
- サイトのタイトル、概要（背景、目的など）の記入

前回までに説明したWordPressの使い方については、INDEXページのContents Management System (WordPress)の項を参照してください。

サイトマップ・ワイヤーフレーム

Figmaなどを使用しサイトマップ・ワイヤーフレームの制作をする
学科サイトに掲載する

学科サイトの編集

4Qの課題制作に向けて、タイトル・サブタイトル・メインビジュアルなどの編集を進めます。コンセプトの下付近に「成果物」を追加し、確定版のワイヤーフレーム・サイトマップをまとめておくと見やすいです。

#image(mainvisual.jpg)

-''名前''
-'''Keywords：・・, ・・・, ・・・, ・・・'''
-__[[サイトタイトル>http://eduweb.ip.kyusan-u.ac.jp/~○○○/wordpress/]]__

//中略

***コンセプト
~

***成果物
-__[[Webサイト>http://eduweb.ip.kyusan-u.ac.jp/~○○○/wordpress/]]__
-サイトマップ・ワイヤーフレーム
|#image(sitemap.png)|#image(wireframe.png)|
~
~

進捗記録の欄には、授業日当日から次の授業前までに取り組んだ内容を記録します。
下記は記入例です。

**2025.10.28
***ワイヤーフレーム
-ワイヤーフレーム（画像を直接貼る）
~
~

4Qに向けて

次回は、11/18（火）です。4Qが始まったら、早々に中間報告会を予定しています（4Q 2週目）。サイトの計画やテーマに関する調査を進めてください。

大学以外の環境でWordPressの編集をする場合は、VPN¹で大学ネットワークに接続する必要があります。下記の方法を参考にしてください。

→VPN接続方法（CNCサイト）

VPN（Virtual Private Network）：仮想の専用回線 ↩︎

出席簿

出席簿（確認用）

授業の録画

授業の解説部分の録画はMoodleに掲載します。

Moodle　※要ログイン