2021 ソフトウェア設計及び演習用の班Wiki

21::gr07::山口陽平

archive mode

>>{21::gr07}{TOP}
[MyGitLab|https://gitlab.cis.iwate-u.ac.jp/2021_g07/flowchart/tree/master/work] 
[参照ページ|https://www.gesource.jp/weblog/?p=7629] 
[svg.draggable.js|https://github.com/svgdotjs/svg.draggable.js?files=1]
<<第一回>>
全体の進行 
メンバーとの交流をはかった。
<<第二回>>
仕様書作成 
方向性を決定した。自分たちの納得がいくようなフローチャート作成ソフトをつくりたい。
<<第三回>>
機能の必要性、追加機能考案 
まずは図形が動くことを意識する。他にはページの保存や保存画面への遷移など考えることは多い。
<<第四回>>
モノと操作の洗い出し 
二年後期のソフトウェア演習を参考に洗い出しを行った。思ったより早く出来た。 
[モジュールわけ|http://wiki.cis.iwate-u.ac.jp/~wiki/csd/group.cgi/2021/?p=21%3A%3Agr07%3A%3A%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E5%8C%96]
<<第五回>>
モジュール分け 
前回の講義で決まったモジュール分けを深めた。また各自できそうな範囲から作業を開始した。 
自分は移動を担当。ライブラリを探してプログラムをより簡潔にするように工夫していきたい。
<<第六回>>
プロトタイプ作成 
プロトタイプの作成は前回までのモジュール分けで大方の目標が出来ていた。 
まずは作成スペースに画像を追加する。追加方法は図形リストから自分が使いたいオブジェクトをクリックすることで可能。自分はその追加された図形が移動できるように施策をねっていきたい。
<<第七回>>
svgとの対応 
私の班では図形の拡大縮小が可能なsvgを使う。svgはベクター画像である。自分はこのsvg画像を動かすプログラムを作成していく。imgタグとは違い参照が少なくライブラリとの適合が課題だ。
<<第八回>>
svg.moveについて 
svg.jsというライブラリを見つけた。このライブラリではヘッダファイルを読み込むことで、draggable()を使うことができる。draggable()は任意のid要素が入った変数(ここではrectとする)を用いて、rect.draggable().のように使用する。これで任意のrectはドラッグアンドドロップが可能になる。
<<第九回>>
中間発表 
中間発表では画像を動かすことが出来なかった。自分のみつけたライブラリが中々適合しなかったからである。移動が難しいことがわかったので画像の追加と保存画面への遷移、ツールのレイアウトだけ完成させた。
<<第述懐>>
分担わけ 
自分は引き続き画像の移動を担当した。svg.jsライブラリは諦め、作成画面のx,y座標をつかってドラッグアンドドロップをすることにした。画像追加担当と適宜相談をしながらすすめていきたい。
<<第十二回>>
制作 
自分の担当していた移動については大方完成した。しっかりと任意の図形を動かすことができるプログラムが出来た。図形の作成との適合を以降の講義で勧めていきたいと思う。
<<第十三回>>
引き続き制作 
自分が作ったプログラムでは基本図形しか移動が出来ないことがわかった。理由はsvgには基本図形以外にもpathタグやベジェ曲線などのx,y座標に頼らない図形があり、台形や長円などはそれらを使用して作られていたからである。また画像生成時にid要素を動的に追加できないことが判明したので<div>でまとめてクラスを割り当てて図形を移動することになったため自分のプログラムが完成品に使うことが出来なかった。
<<第十四回>>
発表会 
発表会に向けて班wikiを仕上げた。自分はプロジェクトの説明・READMEを担当した。できるだけ簡素に、でもわかりやすく使用方法を表記した。 
そして今回の最終発表に満足行く完成品を提出したかったが、自分たちの納得行く形で発表できたのでそこはよかった。残りの数日で完成させたい。
<<感想>>
完成品に関われていなかったが、周りのメンバーが作成してくれた。最後まで自分が手をかけたプログラムがソフトに使われることはなかったが、班員と話し合ってプロジェクトを進めていくことはとても新鮮で難しかった。
<<参考資料>>
https://userweb.mnet.ne.jp/tnomura/javascript/svg/svgmove.html

Tag:

Attachment

New: append-tag

(download: 49 bytes, at 2021/04/16 15:35:20 <frozen> )
(download: 81 bytes, at 2021/04/23 15:18:26 <frozen> )
(download: 137 bytes, at 2021/04/30 15:14:57 <frozen> )
(download: 137 bytes, at 2021/04/30 15:25:31 <frozen> )
(download: 208 bytes, at 2021/04/30 15:30:50 <frozen> )
(download: 210 bytes, at 2021/04/30 15:31:46 <frozen> )
(download: 208 bytes, at 2021/04/30 15:32:40 <frozen> )
(download: 206 bytes, at 2021/04/30 15:33:11 <frozen> )
(download: 253 bytes, at 2021/05/14 15:28:09 <frozen> )
(download: 291 bytes, at 2021/05/21 15:32:35 <frozen> )
(download: 323 bytes, at 2021/06/04 15:59:30 <frozen> )
(download: 361 bytes, at 2021/06/04 16:05:40 <frozen> )
(download: 443 bytes, at 2021/06/14 13:32:30 <frozen> )
(download: 509 bytes, at 2021/06/18 14:36:52 <frozen> )
(download: 538 bytes, at 2021/06/25 15:38:14 <frozen> )
(download: 564 bytes, at 2021/07/09 15:48:50 <frozen> )
(download: 602 bytes, at 2021/07/16 16:53:16 <frozen> )
(download: 663 bytes, at 2021/07/30 13:08:25 <frozen> )
(download: 669 bytes, at 2021/07/30 13:08:48 <frozen> )
(download: 1217 bytes, at 2021/07/30 13:17:36 <frozen> )
(download: 3170 bytes, at 2021/07/30 13:45:02 <frozen> )
(download: 3182 bytes, at 2021/07/30 13:50:34 <frozen> )
(download: 3220 bytes, at 2021/07/30 13:51:06 <frozen> )
(download: 3897 bytes, at 2021/07/30 14:01:06 <frozen> )
(download: 4410 bytes, at 2021/07/30 14:21:15 <frozen> )
(download: 4458 bytes, at 2021/07/30 14:21:54 <frozen> )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit