季卓芸/WorkLog をテンプレートにして作成

開始行:
#setheadercolor(white,"linear-gradient(to top, #209cff 0%... #image(16.png,left,10%) *[[季卓芸]] 研究経過報告 ~ **ToDo #image(37.png) 1.-本審査申請について ＞ [[学位論文等スケジュール]] --学位論文・作品等の本審査申請　　 2022.01.06 ～2022.01.07 --学位論文・作品等の審査　 2022.01.17 ～2022.01.21 2.--必要書類の準備確認 3.-修了作品展について --期間：2022年 2月18日 - 2月27日 --会場：九産大美術館 --展示物の準備：PC , 説明パネル , 展示用レポート等 --デザイン領域展示に関わるサポート業務 --2022年2月18日（金）～27日（日） 4.-修了作品展に関わる図録用データの準備 --規定の様式にしたがったデータの準備 ＞2022.XX.XX 提出締め 5-修了生研究発表（Web公開）について --2022.03.07 公開 --規定の様式にしたがったデータの準備 ＞ 2022.02.18 提出締め ~ ~ **予備審査指摘事項 ***作品について -SNSとの連動 --Instagram に写真をアップして連動させるなど -ターゲットを明確に --主たる使用言語を定めるとともに、多言語対応も要検討 -３つのサイトの位置付けを明確に --Aboutのページに、サイトの主旨を記載 -３つのサイトを三部作とするために --ヘッダー・フッターのデザインを統一 ~ ***レポートについて -基本的な章構成を見直し -サイトマップとワイヤーフレームについては、サイトごとにそ... ~ //***CONTENTS //#contents2_1 ~ ~ **2021.12.11~12.17 ~ &color(blue){1.修了作品展について}; &color(green){AIで作ります。}; --期間：2022年 2月18日 - 2月27日 --会場：九産大美術館 --展示物の準備：PC , 説明パネル , 展示用レポート等 --デザイン領域展示に関わるサポート業務 --2022年2月18日（金）～27日（日） ~ ~ ~ &color(blue){研究の背景:}; Webサイトの主要なジャンルのひとつに フォトギャラリーがあるが、現在あるサイトは、 写真を静的に配置しただけのものが多く、 Web特有の表現が生かされていない。 そこで本研究では、フォトギャラリーサイトに インタラクティブ要素を加えることで新たな ユーザー体験の実現を目指す。 ~ ~ &color(blue){研究の目的:}; 目指すサイトの特徴は以下のとおりである 誰もが容易に使えるインターフェイス クールな視覚効果 “ 動感 ” が強いもの ~ ~ &color(blue){概要:}; 当作品は、北京長陽公園の日常を記録するフォトギャラリーサ... 四季の変化をカタログ化するとともに、インタラクティブな体... 一般に公園に関するウェブサイトの多くは、詳細な情報が掲載... そこで本制作では、画像の掲載に関してインタラクティブな要... ~ ~ &color(blue){まとめ}; ~ &color(green){Type1}; 視覚的な喜び。 ホームページを開けたら、 季節によっては舞い降る。 写真をクリックすると、 水の波紋が感じられる。 視覚的衝撃力を増す。 ~ &color(green){Type2}; それぞれのページへリンクしています。 その他のページ：通常のメニュー動作です。 ページの演出 spring：チューリップ花 summer：雨とハスの花 autumn：葉 winter：雪の花 ~ &color(green){Type3}; インターフェイスに「ページめくり」のプラグインを追加した ~ ~ ***３つのサイトを三部作とするために ~ ~ &color(blue){2.ウェブサイト調整}; --ヘッダー・フッターのデザインを統一 ~ ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType1/ ~ ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType2/ ~ ~ ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType3/ ~ ~ ~ **2021.12.04~12.10 ~ &color(blue){1.学位論文・作品等の本審査申請}; &color(green){wordで作ります。}; --学位論文・作品等の本審査申請　　 2022.01.06 ～2022.01.07 --学位論文・作品等の審査　 2022.01.17 ～2022.01.21 ~ &color(blue){2.修了作品展について}; &color(green){AIで作ります。}; --期間：2022年 2月18日 - 2月27日 --会場：九産大美術館 --展示物の準備：PC , 説明パネル , 展示用レポート等 --デザイン領域展示に関わるサポート業務 --2022年2月18日（金）～27日（日） ~ &color(blue){3.ウェブサイト調整}; &color(green){header位置，footer，message，aboutなど。。... ~ ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType1/ ~ ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType2/ ~ ~ ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType3/ ~ ~ ~ ~ **2021.11.17~12.03 ***「主たる使用言語を定める」中国語 ~ ***３つのサイトの位置付けを明確に --Aboutのページに、サイトの主旨を記載 ~ ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType1/ ~ ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType2/ ~ ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType3/ ~ ~ ***３つのサイトを三部作とするために --ヘッダー・フッターのデザインを統一 #settableborder(none) |33|33|33|c |#image(32.png)|#image(33.png)|#image(34.png)| |Type1|Type2|Type3| ~ ~ **2021.11.16予備審査の発表は 30分 〜 45分 #image(31.png) ~ ~ **2021.11.06~11.11 ***&color(blue){予備審査のプレゼン}; ~ ~ ~ **2021.10.29~11.05 ***&color(blue){論文構成}; #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] &color(red){InDesignで。}; ~ ~ **2021.10.22~10.28 ***&color(blue){論文構成}; #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] &color(red){InDesign60ページぐらいです。}; ~ ***&color(blue){M申請書2021(R3)年改定}; ~ ***Type1,Type2,Type3ウェブサイト調整しました。 ~ ~ **2021.10.15~10.21 ***&color(blue){論文構成}; #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] &color(red){InDesign60ページぐらいです。}; ***&color(blue){1}; 1.背景 1.1.5.北京房山長陽公園への行き方 1.1.6.公園ルート紹介 ~ ***&color(blue){2}; ４.webサイトについて 4.1.　公園ホームページのコンセプト 4.2.　公園をウェブページにする理由 4.3. ウェブサイトについて分析 4.4. ネットユーザーの評価 ~ ***&color(blue){3}; 第５章まとめ （北京長陽公園紹介と感想、 ウェブサイトについて） ~ ***&color(blue){4}; 第七章　作品概要 7.1.　コンセプト 7.2.　ウェブサイト作品紹介 7.2.1.　Type1　 7.2.2.　Type2 7.2.3.　Type3　 &color(blue){ 書いています。 }; ~ ~ **2021.10.08~10.14 ***1.webサイト編集 ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ ~ &color(red){問題：}; 1。天気予報サイズはスマートフォン間に合わせるようにする場... ~ &color(red){問題：}; ***&color(blue){2.1拡大する ことが編集。}; 原因探しました。 ***&color(green){横ずっと拡大している原因};　 flower.js/ rain.js/ leaves.js/のJS部分で /* Position the leaf at a random location along the scr... 将叶沿屏幕随机放置　　写真のサイズ 　例えば１０２４px... leafDiv.style.left = pixelValue(randomInteger(0, 1024... ***&color(red){前の「２０５６」は「１０２４」に変わって、... &color(red){質問：}; ***&color(green){縦ずっと拡大している原因};　 　　でも、高さの数値を変更する位置が見つかりませんでした。 ~ ~ ***2.webサイト編集 ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangPark10/) -https://ki0722.github.io/BeijingChangyangPark10/ スマホについてメニュー編集 &color(red){質問：}; ***&color(blue){メニュー　：};　画面が小さくなり、メニュ... ボタンをクリックしてメニューが出て欲しいです。 ~ ***&color(blue){スマホ画面について写真サイズ}; スマホになったとき、画面のデザイン自動的にパソコン同じデ... ~ ***３.webサイト編集 ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangPark9/) -https://ki0722.github.io/BeijingChangyangPark9/ レイアウトの編集Indesignで ~ ~ ~ **2021.10.01~10.07 ***1.作品レポート Indesignで 1.背景 2.ウェブサイトについて分析 3.ネットユーザーの評価 書いています。 #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] ~ ~ ***2.webサイト編集 ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangPark10/) -https://ki0722.github.io/BeijingChangyangPark10/ ~ 1.Springページとotherページの写真 2.スマホについてメニュー編集 #image(27.png) ~ &color(red){質問：}; ***&color(blue){1.1aside場所下になりましたが、画面の右に... #settableborder(none) |33|33|33|c |#image(29.png)|#image(28.png)| ~ ***&color(blue){1.2スマホについてメニューのサイズ大きくな... #image(30.png) ~ ~ ***3.webサイト編集 ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ ~ 天気予報サイズ変わりました。 ~ &color(red){質問：}; ***&color(blue){2.1拡大する ことが編集。}; ~ ~ ***4.webサイト編集 ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangPark9/) -https://ki0722.github.io/BeijingChangyangPark9/ レイアウトの編集Indesignで ~ ~ **2021.09.24~09.30 ***1.作品レポート 第四章　考察　について Webサイトの調査と説明 Indesignで ~ ***2.レイアウトの編集Indesignで ~ ~ **2021.09.17~ #iframe(https://ki0722.github.io/BeijingChangyangPark9/) -https://ki0722.github.io/BeijingChangyangPark9/ ~ ~ **2021.07.17~ ***1.作品レポート #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] ~ ***2.&color(blue){Type 3　インターフェイスに「ページめく... #iframe(https://ki0722.github.io/BeijingChangyangPark9/) -https://ki0722.github.io/BeijingChangyangPark9/ ~ "ページ増えています。" #image(26.png) ~ ***3.TYPE4についてページJump "参考" #iframe( http://www.zoltansarosi.com/#/fashion/krisz1) -http://www.zoltansarosi.com/#/fashion/krisz1 ~ ***3.TYPE4についてページJump #iframe( https://ki0722.github.io/Beijingcangyangpark11su... -https://ki0722.github.io/Beijingcangyangpark11summer2/ ~ ***3.TYPE4sample(記録だけです) "summer page OK" #iframe(https://ki0722.github.io/Beijingchangyangpark11sa... -https://ki0722.github.io/Beijingchangyangpark11sample/ ~ ~ ***全部sample #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/sample]] ~ ~ **2021.07.10~07.16 ***1.作品レポート 目次 #image(22.png) #image(23.png) ~ 　　質問：公園ホームページ作る理由（公園季節）と　公園を... "公園ホームページ作る理由（公園季節）" #image(11.png) ~ "公園をウェブページにする必要がある理由/調査：" #image(12.png) ~ #image(24.png) ~ #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] ~ ***2.アンケート結果 "アンケート" #settableborder(none) |33|33|33|c |#image(19.png)|#image(20.png)| ~ "アンケート結果" #image(25.png) ~ ***参考 -https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/I... -https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/C... ~ **2021.07.02~07.09 "TYPE4" ***HOME #iframe( https://ki0722.github.io/BeijingChangyangPark11h... - https://ki0722.github.io/BeijingChangyangPark11home/ ***SUMMER #iframe( https://ki0722.github.io/BeijingChangyangPark11s... -https://ki0722.github.io/BeijingChangyangPark11summer/ クリックして写真を変更します。 #iframe( https://www.curtainsjs.com/examples/asynchronous... --https://www.curtainsjs.com/examples/asynchronous-textur... "参考1" -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/WebGL... ~ "参考2" -"画像に簡単にアニメーションをつけるcurtain.js https://bagelee.com/design/javascript/add_animation_to_im... --https://www.curtainsjs.com/examples/simple-plane/index.... https://github.com/martinlaxenaire/curtainsjs/blob/master... --https://www.curtainsjs.com/examples/asynchronous-textur... https://github.com/martinlaxenaire/curtainsjs/blob/master... ~ ***更新ウェブサイト &color(red){Ver.2}; ''aboutページ作って、新しい映像を作った、入りました。'' #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ ~ ~ **2021.06.19~07.01 ''更新'' ***1. ウェブサイト &color(red){Ver.2}; #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ ***2.sample -https://vision.ip.kyusan-u.ac.jp/art-gs/?%E5%AD%A3%E5%8D... ~ ~ **2021.06.11~06.18 ''更新'' ***1. ウェブサイト &color(red){Ver.2}; #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ メニューを変更します。 文章の位置を調整することができます。でも、 ***&color(blue){問題1：スマホとノートパソコンについて、ダ... はじめに、HTMLファイルの＜head＞内に＜meta＞タグを使って、 以下の記述を追加します。 <meta name="viewport" content="width=device-width, initi... ~ ***&color(blue){問題2：buttonの場所でSpring.htmlページに... -"button" --https://jajaaan.co.jp/css/button/ button作る原因は見にやすいです。 ~ ~ ~ ***2. ウェブサイト&color(red){Ver.4}; ''Home page'' --mouse更新 #iframe( https://ki0722.github.io/BeijingChangyangPark11h... - https://ki0722.github.io/BeijingChangyangPark11home/ ~ -"mouse参考" --https://wk-partners.co.jp/homepage/blog/hpseisaku/javas... --https://wemo.tech/3229 ~ ~ -"画像に簡単にアニメーションをつけるcurtain.js" https://bagelee.com/design/javascript/add_animation_to_im... ~ ~ ***&color(blue){問題3：　動く感じが説明のようにやってみま... "ホームページ" #iframe( https://www.curtainsjs.com/examples/simple-plane... --https://www.curtainsjs.com/examples/simple-plane/index.... https://github.com/martinlaxenaire/curtainsjs/blob/master... ~ "ホーム以外ページ" #iframe( https://www.curtainsjs.com/examples/multiple-tex... -- https://www.curtainsjs.com/examples/multiple-textures/... #iframe( https://www.curtainsjs.com/examples/asynchronous... --https://www.curtainsjs.com/examples/asynchronous-textur... ~ ~ ***参考 --[[スマホとパソコン画面自動的調整参考>https://design.kyu... --[[マウスのデザインです。>https://weekend.jp/aroma-diffu... --マウスhttps://design.kyusan-u.ac.jp/OpenSquareJP/?CSS/T... --https://www.museum-kawakyu.jp --http://robinmastromarino.com/ "https://chordbook.com/guitar-scales/" --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Moda... --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/WebG... --https://www.museum-kawakyu.jp/ -"button" --https://jajaaan.co.jp/css/button/ -"mouse" --https://wk-partners.co.jp/homepage/blog/hpseisaku/javas... --https://wemo.tech/3229 -"画像に簡単にアニメーションをつけるcurtain.js https://bagelee.com/design/javascript/add_animation_to_im... --https://www.curtainsjs.com/examples/simple-plane/index.... https://github.com/martinlaxenaire/curtainsjs/blob/master... --https://www.curtainsjs.com/examples/asynchronous-textur... https://github.com/martinlaxenaire/curtainsjs/blob/master... ~ ***curtain.js -普通の画像がまるでカーテンのようにふりふりと風になびくア... -curtain.jsとは curtain.jsは小さいvanilla WebGL JavaScriptのライブラリで... HTMLの画像を含んだ要素を3DのWebGLテクスチャーplaneに変換... ~ ~ ***3.ウェブサイト調査（まだ考え中です。） -公園について： JAPAN --1.http://www.hanakoen.com/ --2.http://kanatakenosato.jp --3.https://www.showakinen-koen.jp/ --4.https://hitachikaihin.jp/ --5.https://tsumugiweb.com/2020/06/01/minnanokouen-hp/ --6.https://www.shinrinkoen.jp/ --7.https://uminaka-park.jp/ --8.https://www.tokyo-park.or.jp/ --9.https://www.huistenbosch.co.jp/ CHINA --10.http://www.capg.org.cn/ --11.http://www.bjjspark.com/index.jhtml --12.https://www.beihaipark.com.cn/ --13.http://www.tiantanpark.com/ --14. --15. ~ -動く、機能性について： --1.https://www.17sucai.com/pins/demo-show?id=7609 ~ ~ **2021.06.04~06.11 ~ ***1.LOGO #image(21.png) ~ ***2.アンケート #settableborder(none) |33|33|33|c |#image(19.png)|#image(20.png)| ~ ***3.卒研プレゼン -予備審査の発表は 30分 〜 45分 #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] //***&color(red){Ver.4}; //''Home page'' //- https://ki0722.github.io/BeijingChangyangPark11home/ //#iframe( https://ki0722.github.io/BeijingChangyangPark1... ~ ~ ***更新ウェブサイトlogoと「BeijingChangyangPark」比例で拡... 天気予報が調整します。 ***4.&color(blue){更新ウェブサイトlogoと背景色と天気予報... ~ *** &color(red){Ver.3}; ''本の感じでページを動かします。'' -インターフェイスに「ページめくり」のプラグインを追加しま... #iframe(https://ki0722.github.io/BeijingChangyangPark9/) 9-https://ki0722.github.io/BeijingChangyangPark9/ ~ ~ *** &color(red){Ver.2}; ~ #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ "参考： ButtonAnimation ハンバーガーアイコンをCSSでアニメーションさせています。" DEMO：-https://koichi-inoue.github.io/Navi-ButtonAnimation/ CODE：-https://github.com/koichi-inoue/Navi-ButtonAnimation ~ ***&color(red){Ver.1}; ''-メニューの機能強化と天気予報のプラグインを追加しました... #iframe(https://ki0722.github.io/BeijingChangyangPark10/) 10-https://ki0722.github.io/BeijingChangyangPark10/ ~ ***参考天気予報 -https://blog.csdn.net/qq_39019822/article/details/85248755 -https://www.tianqi.com/plugin/ ~ ***参考色CSS -https://color.uisdc.com/ ~ "参考MENU：" 2-https://ki0722.github.io/BeijingChangyangPark2/ ~ ~ **2021.05.29~6.4 ~ ***1. アンケート ~ #settableborder(none) |33|33|33|c |#image(17.png)|#image(18.png)| このアンケートを公園来場者100人を目標に6月末までに実施。 ~ ***2.ウェブサイト ***新しいウェブサイト &color(red){Ver.4}; ''Home page'' - https://ki0722.github.io/BeijingChangyangPark11home/ #iframe( https://ki0722.github.io/BeijingChangyangPark11h... ~ '' page'' -質問1 上の空白が多すぎます ~ -質問2 ページ比例で拡大する ことができますが、ページ比例で縮小で... ~ ~ "参考" -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Modal... -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/WebGL... -https://www.museum-kawakyu.jp/ ~ ~ ''更新'' ***更新ウェブサイト &color(red){Ver.3}; ''本の感じでページを動かします。'' -インターフェイスに「ページめくり」のプラグインを追加しま... ホームページと"更新&color(blue){Spring page　と Winter pa... //-https://ki0722.github.io/BeijingChangyangParkPage/ #iframe(https://ki0722.github.io/BeijingChangyangPark9/) 9-https://ki0722.github.io/BeijingChangyangPark9/ ~ ''問題'' Webページに動画リンクのhtmlを書く方法 です。 -https://v.douyin.com/euU5qfW/ -<embed src=" https://v.douyin.com/euU5qfW/ " rel="exter... ''作品説明'' -1.電子時代では、紙の本を読む人が少ないので、本の質感を作... -2.本は重いですが、本を覗き込んでいるような感覚があります。 -3.ケースの簡単な紹介を持っているような気がします、ウェブ... 4-.雑誌や本を忘れてほしくない。つまり、ウェブは本のような... ~ ~ ***ウェブサイト &color(red){Ver.2}; -ホームページ：写真の spring、summer などの文字から それ... -その他のページ：通常のメニュー動作です。 -ページの演出 --spring：チューリップ花 --summer：雨とハスの花 --autumn：葉 --winter：雪の花 ~ #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ ~ ''作品説明'' -1.季節のテーマに応じて、落ちてくるチューリップ、蓮、雨滴... -2.すべての写真と情報が一目でわかります。 ~ ~ ***ウェブサイト &color(red){Ver.1}; ''-メニューの機能強化と天気予報のプラグインを追加しました... #iframe(https://ki0722.github.io/BeijingChangyangPark10/) 10-https://ki0722.github.io/BeijingChangyangPark10/ ~ ''作品説明'' -1.通常のウェブページと比較して、写真は一目でより明確なウ... -2.各写真の水の波紋、落ちてくる花、葉、雪。ダイナミックな... ~ ~ **2021.05.22~5.28 ***１.公園ホームページ作る理由（公園季節） #image(11.png) ~ ***2. 公園をウェブページにする必要がある理由/調査： #image(12.png) ~ ***3. アンケート #image(10.png) ~ ***4. logoの制作（継続） ~ #settableborder(none) |33|33|33|c |#image(7.png)|#image(8.png)| |LOGO|logo| #settableborder(none) |33|33|33|c |#image(14.png)|#image(15.png)| |LOGO|logo| ''logoの説明'' #image(9.png) ~ ~ ***5. ウェブサイト &color(red){Ver.3}; ''本の感じでページを動かします。'' ホームページとspringページだけでサンプルを作りました。 #iframe(https://ki0722.github.io/BeijingChangyangPark9/) 9-https://ki0722.github.io/BeijingChangyangPark9/ ~ ''作品説明'' -1.電子時代では、紙の本を読む人が少ないので、本の質感を作... -2.本は重いですが、本を覗き込んでいるような感覚があります。 -3.ケースの簡単な紹介を持っているような気がします、ウェブ... 4-.雑誌や本を忘れてほしくない。つまり、ウェブは本のような... ~ ~ ***6. 更新ウェブサイト &color(red){Ver.2}; springチューリップ花、summer雨とハスの花、autumn葉、 wint... #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ -ホームページ：写真の　spring、summerなどをクリックしてsp... -他のページはメニューが普通メニューです。 ~ ''作品説明'' -1.季節のテーマに応じて、落ちてくるチューリップ、蓮、雨滴... -2.すべての写真と情報が一目でわかります。 ~ ~ ***7.ウェブサイト &color(red){Ver.1}; ''メニューの機能と天気予報を増えています.'' ''下部分で写真もメニューの機能です。'' #iframe(https://ki0722.github.io/BeijingChangyangPark10/) 10-https://ki0722.github.io/BeijingChangyangPark10/ ~ #iframe(https://ki0722.github.io/BeijingChangyangPark8/) 8-https://ki0722.github.io/BeijingChangyangPark8/ ~ ''作品説明'' -1.通常のウェブページと比較して、写真は一目でより明確なウ... -2.各写真の水の波紋、落ちてくる花、葉、雪。ダイナミックな... ~ ***8. 作品説明 #image(13.png) ~ ~ ~ **2021.05.14~5.21 ***1. logoの制作（継続） ~ #settableborder(none) |33|33|33|c |#image(3.png)|#image(4.png)| |LOGO|段組、説明| ~ 参考：https://participation.tokyo2020.jp/jp/data/subbrand... ~ ~ ***2. 研究報告作っています。 #image(5.png) ~ ~ ***3. 新しいホームページを作ります。 ''メニューとページ動きを組み合わせる表現します。'' #iframe(https://ki0722.github.io/6-JQ_TurnJS-main/) -https://ki0722.github.io/6-JQ_TurnJS-main/ ~ ~ ''homeとspring（写真自動的動きます）だけです。'' #iframe(https://ki0722.github.io/BeijingChangyangPark7/) 7-https://ki0722.github.io/BeijingChangyangPark7/ ~ ''下部分で写真もメニューの機能です。'' #iframe(https://ki0722.github.io/BeijingChangyangPark8/) 8-https://ki0722.github.io/BeijingChangyangPark8/ ~ ''問題'' <div class="BOX"> <a href="spring_07.html"> <img src="images/spring/spring_07.jpg"> </a> </div> %%この部分は消したいですが、消したら、aside部分白くなりま... ~ #image(6.png)| |bug| ~ ~ ''更新。'' ホームページ、spring、autumn葉全面的落ちる、 winter雪の花... ホームページ：写真の　spring、summerなどをクリックしてspr... 他のページはメニューが普通メニューです。 #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ ~ ~ **2021.05.07~5.13 logoを作って、ページめくりホームページ。 ~ ***NavigationDesign -https://design.kyusan-u.ac.jp/OpenSquareJP/?NavigationDe... -https://koichi-inoue.github.io/Navi-ToggleBasic2/# -https://koichi-inoue.github.io/Navi-Drawer/# ~ ***レスポンシブデザイン -https://design.kyusan-u.ac.jp/OpenSquareJP/?ResponsiveDe... -https://formstone.it/components/navigation/demo/# ~ ***MaterialDesign https://design.kyusan-u.ac.jp/OpenSquareJP/?MaterialDesign ~ ***薄い本の感じです。 2) 写真集の「ページめくり」を進化させたWeb特有のトランジ... -https://www.kyusan-u.ac.jp/nyushi/ebook/pamph/001/HTML5/... eg： -https://www.17sucai.com/pins/demo-show?id=8502（重要） -https://www.17sucai.com/pins/tag/1006.html -https://www.17sucai.com/pins/demo-show?id=7294 ~ ~ -https://design.kyusan-u.ac.jp/OpenSquareJP/?Web%E3%83%87... -http://www.turnjs.com/ ~ ~ **2021.04.23 ***情報デザイン研究II -https://p5js.org/examples/dom-input-and-button.html -https://p5js.org/examples/drawing-continous-lines.html -https://p5js.org/examples/objects-objects-2.html -https://p5js.org/examples/input-mouse-2d.html -https://p5js.org/examples/input-clock.html -https://p5js.org/examples/input-easing.html ~ -https://design.kyusan-u.ac.jp/SampleSite/p5js_animation3/ -http://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/UI_Dra... ~ ***tianqi -https://blog.csdn.net/qq_39019822/article/details/85248755 -https://www.tianqi.com/plugin/ ~ &color(red){サンプルの例：}; -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider -2https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/OKZoom -3https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Tubu... -4https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Para... ~ ***薄い本の感じです。 2) 写真集の「ページめくり」を進化させたWeb特有のトランジ... -https://www.kyusan-u.ac.jp/nyushi/ebook/pamph/001/HTML5/... //-https://design.kyusan-u.ac.jp/OpenSquareJP/?Web%E3%83%... #image(2.png) ~ ~ **2021.04.16 ~ いくつかの作品の構想を多く設計します。 ~ *** 全部 -https://www.ikesai.com/cat/travel/ ~ *** 1 -https://nisekohakuunso.com/ja/ -https://hoshinoya.com -https://studio-has.jp ~ ***2 -https://www.museum-kawakyu.jp ~ ***3 -http://robinmastromarino.com #image(1.png,,80%) ~ ~ ***4 -https://www.utopiaagriculture.com -https://www.m-chemical.co.jp/saiyo/ -https://quoitworks.com ~ ***5 -https://www.aircord.co.jp/careers -https://www.m-trust.co.jp　さくら動き感じ -https://scramble-stadium.tokyo　公園 ~ ~

終了行:
#setheadercolor(white,"linear-gradient(to top, #209cff 0%... #image(16.png,left,10%) *[[季卓芸]] 研究経過報告 ~ **ToDo #image(37.png) 1.-本審査申請について ＞ [[学位論文等スケジュール]] --学位論文・作品等の本審査申請　　 2022.01.06 ～2022.01.07 --学位論文・作品等の審査　 2022.01.17 ～2022.01.21 2.--必要書類の準備確認 3.-修了作品展について --期間：2022年 2月18日 - 2月27日 --会場：九産大美術館 --展示物の準備：PC , 説明パネル , 展示用レポート等 --デザイン領域展示に関わるサポート業務 --2022年2月18日（金）～27日（日） 4.-修了作品展に関わる図録用データの準備 --規定の様式にしたがったデータの準備 ＞2022.XX.XX 提出締め 5-修了生研究発表（Web公開）について --2022.03.07 公開 --規定の様式にしたがったデータの準備 ＞ 2022.02.18 提出締め ~ ~ **予備審査指摘事項 ***作品について -SNSとの連動 --Instagram に写真をアップして連動させるなど -ターゲットを明確に --主たる使用言語を定めるとともに、多言語対応も要検討 -３つのサイトの位置付けを明確に --Aboutのページに、サイトの主旨を記載 -３つのサイトを三部作とするために --ヘッダー・フッターのデザインを統一 ~ ***レポートについて -基本的な章構成を見直し -サイトマップとワイヤーフレームについては、サイトごとにそ... ~ //***CONTENTS //#contents2_1 ~ ~ **2021.12.11~12.17 ~ &color(blue){1.修了作品展について}; &color(green){AIで作ります。}; --期間：2022年 2月18日 - 2月27日 --会場：九産大美術館 --展示物の準備：PC , 説明パネル , 展示用レポート等 --デザイン領域展示に関わるサポート業務 --2022年2月18日（金）～27日（日） ~ ~ ~ &color(blue){研究の背景:}; Webサイトの主要なジャンルのひとつに フォトギャラリーがあるが、現在あるサイトは、 写真を静的に配置しただけのものが多く、 Web特有の表現が生かされていない。 そこで本研究では、フォトギャラリーサイトに インタラクティブ要素を加えることで新たな ユーザー体験の実現を目指す。 ~ ~ &color(blue){研究の目的:}; 目指すサイトの特徴は以下のとおりである 誰もが容易に使えるインターフェイス クールな視覚効果 “ 動感 ” が強いもの ~ ~ &color(blue){概要:}; 当作品は、北京長陽公園の日常を記録するフォトギャラリーサ... 四季の変化をカタログ化するとともに、インタラクティブな体... 一般に公園に関するウェブサイトの多くは、詳細な情報が掲載... そこで本制作では、画像の掲載に関してインタラクティブな要... ~ ~ &color(blue){まとめ}; ~ &color(green){Type1}; 視覚的な喜び。 ホームページを開けたら、 季節によっては舞い降る。 写真をクリックすると、 水の波紋が感じられる。 視覚的衝撃力を増す。 ~ &color(green){Type2}; それぞれのページへリンクしています。 その他のページ：通常のメニュー動作です。 ページの演出 spring：チューリップ花 summer：雨とハスの花 autumn：葉 winter：雪の花 ~ &color(green){Type3}; インターフェイスに「ページめくり」のプラグインを追加した ~ ~ ***３つのサイトを三部作とするために ~ ~ &color(blue){2.ウェブサイト調整}; --ヘッダー・フッターのデザインを統一 ~ ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType1/ ~ ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType2/ ~ ~ ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType3/ ~ ~ ~ **2021.12.04~12.10 ~ &color(blue){1.学位論文・作品等の本審査申請}; &color(green){wordで作ります。}; --学位論文・作品等の本審査申請　　 2022.01.06 ～2022.01.07 --学位論文・作品等の審査　 2022.01.17 ～2022.01.21 ~ &color(blue){2.修了作品展について}; &color(green){AIで作ります。}; --期間：2022年 2月18日 - 2月27日 --会場：九産大美術館 --展示物の準備：PC , 説明パネル , 展示用レポート等 --デザイン領域展示に関わるサポート業務 --2022年2月18日（金）～27日（日） ~ &color(blue){3.ウェブサイト調整}; &color(green){header位置，footer，message，aboutなど。。... ~ ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType1/ ~ ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType2/ ~ ~ ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType3/ ~ ~ ~ ~ **2021.11.17~12.03 ***「主たる使用言語を定める」中国語 ~ ***３つのサイトの位置付けを明確に --Aboutのページに、サイトの主旨を記載 ~ ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType1/ ~ ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType2/ ~ ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangParkType... -https://ki0722.github.io/BeijingChangyangParkType3/ ~ ~ ***３つのサイトを三部作とするために --ヘッダー・フッターのデザインを統一 #settableborder(none) |33|33|33|c |#image(32.png)|#image(33.png)|#image(34.png)| |Type1|Type2|Type3| ~ ~ **2021.11.16予備審査の発表は 30分 〜 45分 #image(31.png) ~ ~ **2021.11.06~11.11 ***&color(blue){予備審査のプレゼン}; ~ ~ ~ **2021.10.29~11.05 ***&color(blue){論文構成}; #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] &color(red){InDesignで。}; ~ ~ **2021.10.22~10.28 ***&color(blue){論文構成}; #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] &color(red){InDesign60ページぐらいです。}; ~ ***&color(blue){M申請書2021(R3)年改定}; ~ ***Type1,Type2,Type3ウェブサイト調整しました。 ~ ~ **2021.10.15~10.21 ***&color(blue){論文構成}; #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] &color(red){InDesign60ページぐらいです。}; ***&color(blue){1}; 1.背景 1.1.5.北京房山長陽公園への行き方 1.1.6.公園ルート紹介 ~ ***&color(blue){2}; ４.webサイトについて 4.1.　公園ホームページのコンセプト 4.2.　公園をウェブページにする理由 4.3. ウェブサイトについて分析 4.4. ネットユーザーの評価 ~ ***&color(blue){3}; 第５章まとめ （北京長陽公園紹介と感想、 ウェブサイトについて） ~ ***&color(blue){4}; 第七章　作品概要 7.1.　コンセプト 7.2.　ウェブサイト作品紹介 7.2.1.　Type1　 7.2.2.　Type2 7.2.3.　Type3　 &color(blue){ 書いています。 }; ~ ~ **2021.10.08~10.14 ***1.webサイト編集 ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ ~ &color(red){問題：}; 1。天気予報サイズはスマートフォン間に合わせるようにする場... ~ &color(red){問題：}; ***&color(blue){2.1拡大する ことが編集。}; 原因探しました。 ***&color(green){横ずっと拡大している原因};　 flower.js/ rain.js/ leaves.js/のJS部分で /* Position the leaf at a random location along the scr... 将叶沿屏幕随机放置　　写真のサイズ 　例えば１０２４px... leafDiv.style.left = pixelValue(randomInteger(0, 1024... ***&color(red){前の「２０５６」は「１０２４」に変わって、... &color(red){質問：}; ***&color(green){縦ずっと拡大している原因};　 　　でも、高さの数値を変更する位置が見つかりませんでした。 ~ ~ ***2.webサイト編集 ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangPark10/) -https://ki0722.github.io/BeijingChangyangPark10/ スマホについてメニュー編集 &color(red){質問：}; ***&color(blue){メニュー　：};　画面が小さくなり、メニュ... ボタンをクリックしてメニューが出て欲しいです。 ~ ***&color(blue){スマホ画面について写真サイズ}; スマホになったとき、画面のデザイン自動的にパソコン同じデ... ~ ***３.webサイト編集 ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangPark9/) -https://ki0722.github.io/BeijingChangyangPark9/ レイアウトの編集Indesignで ~ ~ ~ **2021.10.01~10.07 ***1.作品レポート Indesignで 1.背景 2.ウェブサイトについて分析 3.ネットユーザーの評価 書いています。 #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] ~ ~ ***2.webサイト編集 ウェブサイト &color(red){TYPE1}; #iframe(https://ki0722.github.io/BeijingChangyangPark10/) -https://ki0722.github.io/BeijingChangyangPark10/ ~ 1.Springページとotherページの写真 2.スマホについてメニュー編集 #image(27.png) ~ &color(red){質問：}; ***&color(blue){1.1aside場所下になりましたが、画面の右に... #settableborder(none) |33|33|33|c |#image(29.png)|#image(28.png)| ~ ***&color(blue){1.2スマホについてメニューのサイズ大きくな... #image(30.png) ~ ~ ***3.webサイト編集 ウェブサイト &color(red){TYPE2}; #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ ~ 天気予報サイズ変わりました。 ~ &color(red){質問：}; ***&color(blue){2.1拡大する ことが編集。}; ~ ~ ***4.webサイト編集 ウェブサイト &color(red){TYPE3}; #iframe(https://ki0722.github.io/BeijingChangyangPark9/) -https://ki0722.github.io/BeijingChangyangPark9/ レイアウトの編集Indesignで ~ ~ **2021.09.24~09.30 ***1.作品レポート 第四章　考察　について Webサイトの調査と説明 Indesignで ~ ***2.レイアウトの編集Indesignで ~ ~ **2021.09.17~ #iframe(https://ki0722.github.io/BeijingChangyangPark9/) -https://ki0722.github.io/BeijingChangyangPark9/ ~ ~ **2021.07.17~ ***1.作品レポート #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] ~ ***2.&color(blue){Type 3　インターフェイスに「ページめく... #iframe(https://ki0722.github.io/BeijingChangyangPark9/) -https://ki0722.github.io/BeijingChangyangPark9/ ~ "ページ増えています。" #image(26.png) ~ ***3.TYPE4についてページJump "参考" #iframe( http://www.zoltansarosi.com/#/fashion/krisz1) -http://www.zoltansarosi.com/#/fashion/krisz1 ~ ***3.TYPE4についてページJump #iframe( https://ki0722.github.io/Beijingcangyangpark11su... -https://ki0722.github.io/Beijingcangyangpark11summer2/ ~ ***3.TYPE4sample(記録だけです) "summer page OK" #iframe(https://ki0722.github.io/Beijingchangyangpark11sa... -https://ki0722.github.io/Beijingchangyangpark11sample/ ~ ~ ***全部sample #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/sample]] ~ ~ **2021.07.10~07.16 ***1.作品レポート 目次 #image(22.png) #image(23.png) ~ 　　質問：公園ホームページ作る理由（公園季節）と　公園を... "公園ホームページ作る理由（公園季節）" #image(11.png) ~ "公園をウェブページにする必要がある理由/調査：" #image(12.png) ~ #image(24.png) ~ #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] ~ ***2.アンケート結果 "アンケート" #settableborder(none) |33|33|33|c |#image(19.png)|#image(20.png)| ~ "アンケート結果" #image(25.png) ~ ***参考 -https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/I... -https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/C... ~ **2021.07.02~07.09 "TYPE4" ***HOME #iframe( https://ki0722.github.io/BeijingChangyangPark11h... - https://ki0722.github.io/BeijingChangyangPark11home/ ***SUMMER #iframe( https://ki0722.github.io/BeijingChangyangPark11s... -https://ki0722.github.io/BeijingChangyangPark11summer/ クリックして写真を変更します。 #iframe( https://www.curtainsjs.com/examples/asynchronous... --https://www.curtainsjs.com/examples/asynchronous-textur... "参考1" -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/WebGL... ~ "参考2" -"画像に簡単にアニメーションをつけるcurtain.js https://bagelee.com/design/javascript/add_animation_to_im... --https://www.curtainsjs.com/examples/simple-plane/index.... https://github.com/martinlaxenaire/curtainsjs/blob/master... --https://www.curtainsjs.com/examples/asynchronous-textur... https://github.com/martinlaxenaire/curtainsjs/blob/master... ~ ***更新ウェブサイト &color(red){Ver.2}; ''aboutページ作って、新しい映像を作った、入りました。'' #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ ~ ~ **2021.06.19~07.01 ''更新'' ***1. ウェブサイト &color(red){Ver.2}; #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ ***2.sample -https://vision.ip.kyusan-u.ac.jp/art-gs/?%E5%AD%A3%E5%8D... ~ ~ **2021.06.11~06.18 ''更新'' ***1. ウェブサイト &color(red){Ver.2}; #iframe(https://ki0722.github.io/BeijingChangyangPark4/) -https://ki0722.github.io/BeijingChangyangPark4/ メニューを変更します。 文章の位置を調整することができます。でも、 ***&color(blue){問題1：スマホとノートパソコンについて、ダ... はじめに、HTMLファイルの＜head＞内に＜meta＞タグを使って、 以下の記述を追加します。 <meta name="viewport" content="width=device-width, initi... ~ ***&color(blue){問題2：buttonの場所でSpring.htmlページに... -"button" --https://jajaaan.co.jp/css/button/ button作る原因は見にやすいです。 ~ ~ ~ ***2. ウェブサイト&color(red){Ver.4}; ''Home page'' --mouse更新 #iframe( https://ki0722.github.io/BeijingChangyangPark11h... - https://ki0722.github.io/BeijingChangyangPark11home/ ~ -"mouse参考" --https://wk-partners.co.jp/homepage/blog/hpseisaku/javas... --https://wemo.tech/3229 ~ ~ -"画像に簡単にアニメーションをつけるcurtain.js" https://bagelee.com/design/javascript/add_animation_to_im... ~ ~ ***&color(blue){問題3：　動く感じが説明のようにやってみま... "ホームページ" #iframe( https://www.curtainsjs.com/examples/simple-plane... --https://www.curtainsjs.com/examples/simple-plane/index.... https://github.com/martinlaxenaire/curtainsjs/blob/master... ~ "ホーム以外ページ" #iframe( https://www.curtainsjs.com/examples/multiple-tex... -- https://www.curtainsjs.com/examples/multiple-textures/... #iframe( https://www.curtainsjs.com/examples/asynchronous... --https://www.curtainsjs.com/examples/asynchronous-textur... ~ ~ ***参考 --[[スマホとパソコン画面自動的調整参考>https://design.kyu... --[[マウスのデザインです。>https://weekend.jp/aroma-diffu... --マウスhttps://design.kyusan-u.ac.jp/OpenSquareJP/?CSS/T... --https://www.museum-kawakyu.jp --http://robinmastromarino.com/ "https://chordbook.com/guitar-scales/" --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Moda... --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider --https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/WebG... --https://www.museum-kawakyu.jp/ -"button" --https://jajaaan.co.jp/css/button/ -"mouse" --https://wk-partners.co.jp/homepage/blog/hpseisaku/javas... --https://wemo.tech/3229 -"画像に簡単にアニメーションをつけるcurtain.js https://bagelee.com/design/javascript/add_animation_to_im... --https://www.curtainsjs.com/examples/simple-plane/index.... https://github.com/martinlaxenaire/curtainsjs/blob/master... --https://www.curtainsjs.com/examples/asynchronous-textur... https://github.com/martinlaxenaire/curtainsjs/blob/master... ~ ***curtain.js -普通の画像がまるでカーテンのようにふりふりと風になびくア... -curtain.jsとは curtain.jsは小さいvanilla WebGL JavaScriptのライブラリで... HTMLの画像を含んだ要素を3DのWebGLテクスチャーplaneに変換... ~ ~ ***3.ウェブサイト調査（まだ考え中です。） -公園について： JAPAN --1.http://www.hanakoen.com/ --2.http://kanatakenosato.jp --3.https://www.showakinen-koen.jp/ --4.https://hitachikaihin.jp/ --5.https://tsumugiweb.com/2020/06/01/minnanokouen-hp/ --6.https://www.shinrinkoen.jp/ --7.https://uminaka-park.jp/ --8.https://www.tokyo-park.or.jp/ --9.https://www.huistenbosch.co.jp/ CHINA --10.http://www.capg.org.cn/ --11.http://www.bjjspark.com/index.jhtml --12.https://www.beihaipark.com.cn/ --13.http://www.tiantanpark.com/ --14. --15. ~ -動く、機能性について： --1.https://www.17sucai.com/pins/demo-show?id=7609 ~ ~ **2021.06.04~06.11 ~ ***1.LOGO #image(21.png) ~ ***2.アンケート #settableborder(none) |33|33|33|c |#image(19.png)|#image(20.png)| ~ ***3.卒研プレゼン -予備審査の発表は 30分 〜 45分 #iframe( https://vision.ip.kyusan-u.ac.jp/art-gs/?季卓芸/... [[季卓芸/論文構成]] //***&color(red){Ver.4}; //''Home page'' //- https://ki0722.github.io/BeijingChangyangPark11home/ //#iframe( https://ki0722.github.io/BeijingChangyangPark1... ~ ~ ***更新ウェブサイトlogoと「BeijingChangyangPark」比例で拡... 天気予報が調整します。 ***4.&color(blue){更新ウェブサイトlogoと背景色と天気予報... ~ *** &color(red){Ver.3}; ''本の感じでページを動かします。'' -インターフェイスに「ページめくり」のプラグインを追加しま... #iframe(https://ki0722.github.io/BeijingChangyangPark9/) 9-https://ki0722.github.io/BeijingChangyangPark9/ ~ ~ *** &color(red){Ver.2}; ~ #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ "参考： ButtonAnimation ハンバーガーアイコンをCSSでアニメーションさせています。" DEMO：-https://koichi-inoue.github.io/Navi-ButtonAnimation/ CODE：-https://github.com/koichi-inoue/Navi-ButtonAnimation ~ ***&color(red){Ver.1}; ''-メニューの機能強化と天気予報のプラグインを追加しました... #iframe(https://ki0722.github.io/BeijingChangyangPark10/) 10-https://ki0722.github.io/BeijingChangyangPark10/ ~ ***参考天気予報 -https://blog.csdn.net/qq_39019822/article/details/85248755 -https://www.tianqi.com/plugin/ ~ ***参考色CSS -https://color.uisdc.com/ ~ "参考MENU：" 2-https://ki0722.github.io/BeijingChangyangPark2/ ~ ~ **2021.05.29~6.4 ~ ***1. アンケート ~ #settableborder(none) |33|33|33|c |#image(17.png)|#image(18.png)| このアンケートを公園来場者100人を目標に6月末までに実施。 ~ ***2.ウェブサイト ***新しいウェブサイト &color(red){Ver.4}; ''Home page'' - https://ki0722.github.io/BeijingChangyangPark11home/ #iframe( https://ki0722.github.io/BeijingChangyangPark11h... ~ '' page'' -質問1 上の空白が多すぎます ~ -質問2 ページ比例で拡大する ことができますが、ページ比例で縮小で... ~ ~ "参考" -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Modal... -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/WebGL... -https://www.museum-kawakyu.jp/ ~ ~ ''更新'' ***更新ウェブサイト &color(red){Ver.3}; ''本の感じでページを動かします。'' -インターフェイスに「ページめくり」のプラグインを追加しま... ホームページと"更新&color(blue){Spring page　と Winter pa... //-https://ki0722.github.io/BeijingChangyangParkPage/ #iframe(https://ki0722.github.io/BeijingChangyangPark9/) 9-https://ki0722.github.io/BeijingChangyangPark9/ ~ ''問題'' Webページに動画リンクのhtmlを書く方法 です。 -https://v.douyin.com/euU5qfW/ -<embed src=" https://v.douyin.com/euU5qfW/ " rel="exter... ''作品説明'' -1.電子時代では、紙の本を読む人が少ないので、本の質感を作... -2.本は重いですが、本を覗き込んでいるような感覚があります。 -3.ケースの簡単な紹介を持っているような気がします、ウェブ... 4-.雑誌や本を忘れてほしくない。つまり、ウェブは本のような... ~ ~ ***ウェブサイト &color(red){Ver.2}; -ホームページ：写真の spring、summer などの文字から それ... -その他のページ：通常のメニュー動作です。 -ページの演出 --spring：チューリップ花 --summer：雨とハスの花 --autumn：葉 --winter：雪の花 ~ #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ ~ ''作品説明'' -1.季節のテーマに応じて、落ちてくるチューリップ、蓮、雨滴... -2.すべての写真と情報が一目でわかります。 ~ ~ ***ウェブサイト &color(red){Ver.1}; ''-メニューの機能強化と天気予報のプラグインを追加しました... #iframe(https://ki0722.github.io/BeijingChangyangPark10/) 10-https://ki0722.github.io/BeijingChangyangPark10/ ~ ''作品説明'' -1.通常のウェブページと比較して、写真は一目でより明確なウ... -2.各写真の水の波紋、落ちてくる花、葉、雪。ダイナミックな... ~ ~ **2021.05.22~5.28 ***１.公園ホームページ作る理由（公園季節） #image(11.png) ~ ***2. 公園をウェブページにする必要がある理由/調査： #image(12.png) ~ ***3. アンケート #image(10.png) ~ ***4. logoの制作（継続） ~ #settableborder(none) |33|33|33|c |#image(7.png)|#image(8.png)| |LOGO|logo| #settableborder(none) |33|33|33|c |#image(14.png)|#image(15.png)| |LOGO|logo| ''logoの説明'' #image(9.png) ~ ~ ***5. ウェブサイト &color(red){Ver.3}; ''本の感じでページを動かします。'' ホームページとspringページだけでサンプルを作りました。 #iframe(https://ki0722.github.io/BeijingChangyangPark9/) 9-https://ki0722.github.io/BeijingChangyangPark9/ ~ ''作品説明'' -1.電子時代では、紙の本を読む人が少ないので、本の質感を作... -2.本は重いですが、本を覗き込んでいるような感覚があります。 -3.ケースの簡単な紹介を持っているような気がします、ウェブ... 4-.雑誌や本を忘れてほしくない。つまり、ウェブは本のような... ~ ~ ***6. 更新ウェブサイト &color(red){Ver.2}; springチューリップ花、summer雨とハスの花、autumn葉、 wint... #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ -ホームページ：写真の　spring、summerなどをクリックしてsp... -他のページはメニューが普通メニューです。 ~ ''作品説明'' -1.季節のテーマに応じて、落ちてくるチューリップ、蓮、雨滴... -2.すべての写真と情報が一目でわかります。 ~ ~ ***7.ウェブサイト &color(red){Ver.1}; ''メニューの機能と天気予報を増えています.'' ''下部分で写真もメニューの機能です。'' #iframe(https://ki0722.github.io/BeijingChangyangPark10/) 10-https://ki0722.github.io/BeijingChangyangPark10/ ~ #iframe(https://ki0722.github.io/BeijingChangyangPark8/) 8-https://ki0722.github.io/BeijingChangyangPark8/ ~ ''作品説明'' -1.通常のウェブページと比較して、写真は一目でより明確なウ... -2.各写真の水の波紋、落ちてくる花、葉、雪。ダイナミックな... ~ ***8. 作品説明 #image(13.png) ~ ~ ~ **2021.05.14~5.21 ***1. logoの制作（継続） ~ #settableborder(none) |33|33|33|c |#image(3.png)|#image(4.png)| |LOGO|段組、説明| ~ 参考：https://participation.tokyo2020.jp/jp/data/subbrand... ~ ~ ***2. 研究報告作っています。 #image(5.png) ~ ~ ***3. 新しいホームページを作ります。 ''メニューとページ動きを組み合わせる表現します。'' #iframe(https://ki0722.github.io/6-JQ_TurnJS-main/) -https://ki0722.github.io/6-JQ_TurnJS-main/ ~ ~ ''homeとspring（写真自動的動きます）だけです。'' #iframe(https://ki0722.github.io/BeijingChangyangPark7/) 7-https://ki0722.github.io/BeijingChangyangPark7/ ~ ''下部分で写真もメニューの機能です。'' #iframe(https://ki0722.github.io/BeijingChangyangPark8/) 8-https://ki0722.github.io/BeijingChangyangPark8/ ~ ''問題'' <div class="BOX"> <a href="spring_07.html"> <img src="images/spring/spring_07.jpg"> </a> </div> %%この部分は消したいですが、消したら、aside部分白くなりま... ~ #image(6.png)| |bug| ~ ~ ''更新。'' ホームページ、spring、autumn葉全面的落ちる、 winter雪の花... ホームページ：写真の　spring、summerなどをクリックしてspr... 他のページはメニューが普通メニューです。 #iframe(https://ki0722.github.io/BeijingChangyangPark4/) 4-https://ki0722.github.io/BeijingChangyangPark4/ ~ ~ **2021.05.07~5.13 logoを作って、ページめくりホームページ。 ~ ***NavigationDesign -https://design.kyusan-u.ac.jp/OpenSquareJP/?NavigationDe... -https://koichi-inoue.github.io/Navi-ToggleBasic2/# -https://koichi-inoue.github.io/Navi-Drawer/# ~ ***レスポンシブデザイン -https://design.kyusan-u.ac.jp/OpenSquareJP/?ResponsiveDe... -https://formstone.it/components/navigation/demo/# ~ ***MaterialDesign https://design.kyusan-u.ac.jp/OpenSquareJP/?MaterialDesign ~ ***薄い本の感じです。 2) 写真集の「ページめくり」を進化させたWeb特有のトランジ... -https://www.kyusan-u.ac.jp/nyushi/ebook/pamph/001/HTML5/... eg： -https://www.17sucai.com/pins/demo-show?id=8502（重要） -https://www.17sucai.com/pins/tag/1006.html -https://www.17sucai.com/pins/demo-show?id=7294 ~ ~ -https://design.kyusan-u.ac.jp/OpenSquareJP/?Web%E3%83%87... -http://www.turnjs.com/ ~ ~ **2021.04.23 ***情報デザイン研究II -https://p5js.org/examples/dom-input-and-button.html -https://p5js.org/examples/drawing-continous-lines.html -https://p5js.org/examples/objects-objects-2.html -https://p5js.org/examples/input-mouse-2d.html -https://p5js.org/examples/input-clock.html -https://p5js.org/examples/input-easing.html ~ -https://design.kyusan-u.ac.jp/SampleSite/p5js_animation3/ -http://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/UI_Dra... ~ ***tianqi -https://blog.csdn.net/qq_39019822/article/details/85248755 -https://www.tianqi.com/plugin/ ~ &color(red){サンプルの例：}; -https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Slider -2https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/OKZoom -3https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Tubu... -4https://design.kyusan-u.ac.jp/OpenSquareJP/?jQuery/Para... ~ ***薄い本の感じです。 2) 写真集の「ページめくり」を進化させたWeb特有のトランジ... -https://www.kyusan-u.ac.jp/nyushi/ebook/pamph/001/HTML5/... //-https://design.kyusan-u.ac.jp/OpenSquareJP/?Web%E3%83%... #image(2.png) ~ ~ **2021.04.16 ~ いくつかの作品の構想を多く設計します。 ~ *** 全部 -https://www.ikesai.com/cat/travel/ ~ *** 1 -https://nisekohakuunso.com/ja/ -https://hoshinoya.com -https://studio-has.jp ~ ***2 -https://www.museum-kawakyu.jp ~ ***3 -http://robinmastromarino.com #image(1.png,,80%) ~ ~ ***4 -https://www.utopiaagriculture.com -https://www.m-chemical.co.jp/saiyo/ -https://quoitworks.com ~ ***5 -https://www.aircord.co.jp/careers -https://www.m-trust.co.jp　さくら動き感じ -https://scramble-stadium.tokyo　公園 ~ ~

ページ名: