LogoMark.png

山口佳奈/情報デザイン研究I の変更点


#author("2021-08-09T23:13:39+09:00;2020-09-26T18:14:43+09:00","default:member","member")
*情報デザイン研究I
~
本文はコメントアウトしています。

//*Revised Campus Map
//学内マップに載っていない場所を紹介するサイト

//#image(山口佳奈/情報デザイン演習IIA/main.jpg,center,100%)
 
//host:sv1.php.starfree.ne.jp
//username:synthesis.starfree.jp

//mamp:http://localhost:8888/
//mamp:http://localhost:80/   
//~
//-''山口 佳奈''
//-'''Keywords:WebDesign(HTML,CSS,PukiWiki) / Atom '''
//-[[制作物>https://editor.p5js.org/pusachichanconabe/present/XRilzFix9]]
//http://synthesis.starfree.jp/revisedmap

//-[[山口佳奈/情報デザイン研究II]]
//~
//~

//#hr
//CENTER:進捗・記録
//&color(red){作業の進捗を詳細に記録して下さい(最新の情報がトップ、古い情報は沈む)。};
//#hr
//~
//~
//**2020.07.22
//***マップページの修正
//-調整中
//~
//***調査
//[[SVGアニメーション>https://designsupply-web.com/media/knowledgeside/3211/]]
//[[複数のSVG>https://naosim.hatenablog.jp/entry/2018/01/01/151918]]
//[[pukiwikiプラグイン>http://pukiwiki.sonots.com/]]
//[[pukiwiki_tag>http://pukiwiki.sonots.com/?Manual%2FPlugin%2Ftag.inc.php%2Frev201]]

//~
//~

//**2020.07.09
//***今後の課題
//-Webサイト全体に統一感を出す
//-マップページのデザイン
//--ボタン(クリック可能)であると分かるようにデザインする
//-サイトの構造の見直し
//--学内全体のマップは副次的なものにする?
//~
//***調査
//https://dajya-ranger.com/pukiwiki/setting-comment-responsive/
//https://www.flatflag.nir87.com/cdn-1346#CDN-2
//~
//~

//**2020.07.08
//***調査
//https://copypet.jp/2139/
//https://oshiete.goo.ne.jp/qa/1091397.html
//http://www.signature-web.com/blog/signature_archive/2009/10/javascript_jquery_image_preview/
//~
//~

//**2020.07.01
//***サブページ(仮)
//https://editor.p5js.org/pusachichanconabe/present/E_SPnkgRx

//-マップページとの連携
//-レスポンシブデザイン調整
//~

//***調査
//-HTML5
//--[[画像アップロードフォーム>https://toolmania.info/post-988/]]
//--[[動画・音声のアップロード>https://memocarilog.info/webdesign/8854]]
//--[[サイドバーデザイン>https://goworkship.com/magazine/slide-out-sidebars/]]
//~
//-Bootstrap
//--[[コメント欄>https://bootstrap-guide.ape.jp/v4/components/forms]]
//--[[サイドバー>https://stackoverflow.com/questions/38382043/how-to-use-css-position-sticky-to-keep-a-sidebar-visible-with-bootstrap-4]]
//~
//-PukiWiki
//--[[コメント欄で画像を貼る方法>https://wikiwiki.jp/toppa-xinobi/%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E6%AC%84%E3%81%A7%E7%94%BB%E5%83%8F%E3%82%92%E8%B2%BC%E3%82%8B%E6%96%B9%E6%B3%95]]
//--[[画像アップロードを手軽にするプラグイン>https://oxynotes.com/?p=72]]
//--[[画像リサイズプラグイン>https://dajya-ranger.com/pukiwiki/lazy-resize-image/]]
//WordPress : https://pluswordpress.com/comment_image/
//~
//~

//**2020.06.24
//***試作
//-[[マップ>https://drive.google.com/file/d/1Jhnv1RJWQEtIy4sQ6pv7PUEqi2-Mi1f6/view?usp=sharing]]
//~
//~

//**2020.06.18
//***調査
//-[[Rotate image every time on click JQuery>https://stackoverrun.com/ja/q/10181120]]
//-[[CSS3 transition effect with onclick>https://translate.googleusercontent.com/translate_c?depth=1&hl=ja&prev=search&pto=aue&rurl=translate.google.com&sl=en&sp=nmt4&u=https://stackoverflow.com/questions/20062327/css3-transition-effect-with-onclick&usg=ALkJrhgP090WchU9i5XZZBPZsJLRN5aJZQ]]
//~
//~

//**2020.06.17
//~
//***試作
//[[サイトマップ>https://drive.google.com/file/d/1rXDXRZvbcqxTVpgyqBvhVW-y-AXV1QLo/view?usp=sharing]]
//[[ワイヤーフレーム>https://drive.google.com/file/d/15Kw5OBv7vIe-_2q4OBTVE3nTbKigoL4e/view?usp=sharing]]
//~

//***調査
//-[[クリッカブルなSVG>https://sezaki-design.com/blog/236/]]
//-[[SVGのイメージマップ>https://blogs.adobe.com/japan/web-svg-image-map-with-dreamweaver/]]
//-[[SVGにリンクを付ける>https://blogs.adobe.com/japan/web-svg-image-map-with-dreamweaver/]]
//~
//~


//**2020.06.08
//***試作
//http://synthesis.starfree.jp/mapimage
//マップ画像内の施設をクリックしてリンク先へ飛ぶ
//~
//***参考
//http://park16.wakwak.com/~html-css/map/map1.html
//-[[クリッカブルマップ>https://haniwaman.com/map-area/]]
//-[[レスポンシブなイメージマップの作り方>https://unicolabo.jp/topics/1010.html]]
//~
//~

//**2020.06.03
//***プロジェクトの意義
//-九州産業大学の関係者の役に立つ?
//--マップに載っていない施設の認知度を上げる意味は?
//--マップにある情報だけで十分?
//--マップ以外にも学内の施設についてのサイトがある
//--マップ・サイトに載っている情報をまとめたサイトにする?
//-外部の人の役に立つ?
//--マップだけではなく建物の写真も掲載することで外部の人にも分かりやすくなる?

//-九州産業大学の施設のみをまとめたサイト
//--サイトの使い道が限定的
//--サイトを利用する人も限られる
//--別のプロジェクトに変更することを検討するべきか
//~
//~

//**2020.05.27
//***調査
//-[[ユーザ認証と正規表現>https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/RegularExpression]]
//-[[認証と正規表現>https://pukiwiki.osdn.jp/?PukiWiki/Install/%E3%83%A6%E3%83%BC%E3%82%B6%E8%AA%8D%E8%A8%BC]]
//-[[編集制限>https://usado.jp/spdsk/2017/04/18/post-1480/]]
//~
//~

//**2020.05.20
//***サーバーの確保
//-http://synthesis.starfree.jp/
//~
//***サイトの構成
//-マップのページ
//-施設名検索・ジャンル検索
//--[[参考 : MapFan>https://mapfan.com/genres]] 
//-施設の詳細
//-[[アイデアスケッチ>https://drive.google.com/file/d/195_lffv5JMVa6YUDyFrMz2G8kpROmT_O/view?usp=sharing]]
//~
//~

//**2020.05.13
//***プロジェクトの決定
//-Revised Campus Mapの改良
//~
//***参考
//-[[九州産業大学HP|学内マップ>https://www.kyusan-u.ac.jp/guide/summary/campus.html]]

//-[[九州産業大学HP|大学施設紹介>https://www.kyusan-u.ac.jp/campus/facility/]]

//-[[九州産業大学芸術学部HP|施設紹介>http://www.kyusan-u.ac.jp/kyugei/2017/equipment/]] 
//~
//~


//**2020.05.06
//***プロジェクト案/Webサイト
//-Revised Campus Map
//情報デザイン演習IIAで制作したサイトを改良する。九州産業大学内の施設を写真・映像を使って紹介し、学生が書き込みできるようにすることでより多くの情報を提供・共有する。
//~
//-PukiWiki関連のサイト
//PukiWikiのスキンの配布やPukiWikiのスキンを変更する方法を掲載する。
//~
//~

//***調査・試作
//-Revised Campus Map
//-サイトに使用するマップの試作
//情報デザイン演習IIAで制作したものを修正する
//~

//-参考:PukiWikiスキン配布サイト
//--[[自作スキン/irid>https://pukiwiki.osdn.jp/?%E8%87%AA%E4%BD%9C%E3%82%B9%E3%82%AD%E3%83%B3/irid]]
//--[[ClubSkin/カズワヤblog>http://www.kazuwaya.jp/pukiwiki-skin.html]]
~
//-参考:PukiWikiスキンの変更
//--[[mrs.suzu841.com>http://mrs.suzu841.com/puki/]]
//--[[pukiwiki改造計画>https://dajya-ranger.com/tag/pukiwiki%E6%94%B9%E9%80%A0%E8%A8%88%E7%94%BB/?amp]]
//--[[CSwiki>http://cswiki.jp/site_support.php]]
//~
//~

//**2020.04.29
//***プロジェクト案
//-Webサイト制作
//--Revised Campus Map
//情報デザイン演習IIAで制作した九州産業大学内の施設を紹介するWebサイトを学生が書き込みできるようにサイトを新しく作り直し、より多くの情報が載ったサイトにする。

//~
//--PukiWiki関連のサイト
//PukiWikiのスキンを配布しているサイトやPukiWikiのスキンを改変する方法を載せているサイトがあるが、デザインが既存のものからあまり変わっていないものが多いと感じたためPukiWikiを使用する人が利用できるPukiWiki関連のサイトを制作する。
//参考:https://dajya-ranger.com/download/?amp

//~

//-映像制作
//--タイムラプスを使った映像
//参考:[[Time Lapse>https://vimeo.com/881719]]
//参考:[[【タイムラプス】コスモクロック21>https://m.youtube.com/watch?v=CqKaGsf-A6M]]
//~
//--モーショントラッカーによる実写合成
//参考:[[‘Camera Tracker’ Test>https://vimeo.com/14264152]]
//参考:[[Go Pro Motion Tracker HUD>https://vimeo.com/163385200]]
//~
//--2Dアニメーション
//参考:[[Quarantine Loops>https://vimeo.com/407247930]]
//参考:[[Revenge Story>https://vimeo.com/316174376]]
//~
//~

//**2020.04.26
//***プロジェクト案
//-Webサイト
//--情報デザイン演習IIAで制作したWebサイトを新しく作り直す。
//-グラフィックデザイン
//--ポスター制作
//-映像


//~
//~
//~
//~