フロー図を作成する方法とおすすめのサイト

このQ&Aのポイント
  • フロー図を作成する方法とは?おすすめのサイトをご紹介します。
  • フロー図作成に役立つサイトをご紹介!初心者でも簡単に使える方法とは?
  • フロー図作成の際に気をつけるべきポイントをご紹介!リンクやシンボルの選び方に注意しましょう。
回答を見る
  • ベストアンサー

フローの図を探しています。当方WEBの素人ですが、ある事情で、サイトを

フローの図を探しています。当方WEBの素人ですが、ある事情で、サイトを作る予定があり、クリックすると、次の画面でどんな風になるか などといった図をエクセルで書かなければなりません。そこで質問です (1)こういった図を総称してなんと検索すれば 良いでしょうか? (2)またそれら図が解説してある もっともお薦めのサイトがあったら教えて下さい (3)気をつける事 ルールはありますか? 例)リンクがある場合は ◇にするとか こんなイメージに近いですが、他にありませんか? http://img.allabout.co.jp/gm/article/1411/39.gif http://www.infoteria.com/jp/image/asteria/product/warp/option_excel_img02.jpg

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

(1) 画面遷移図と呼びます (2) このページはどうでしょうか。Excelテンプレートをダンロードできます。 http://www.thinkit.co.jp/cert/project/4/5/3.htm (3) 画面遷移図は特に決まったルールはありません。 よく書くやり方はすべての画面をまず四角で書きます。 次に、他の画面に移動するリンク、ボタンを画面の中に書きます。 最後にリンク、ボタンから移動先の画面に矢印をひきます。 (thinkitのページのようにリンク、ボタンを画面内にかかずに矢印にリンク名、ボタン名を書いて省略することでもいいです) もし画面数がとっても多い場合は、1箇所にすべての画面遷移を記述するのは難しいのでいくつかに分割したりして記述します。 OKWaveのサイトを例にすると、 ・トップページ ・カテゴリ一覧 ・ありがとうポイント ・・・など 注意しないといけないのは、画面遷移図の中に画面デザインのことや、プログラムの処理内容など他の内容を書かないことです。 画面遷移図は画面遷移だけを記述してわかりやすく作成します。 ご提示のイメージ画像はどちらもプログラム処理を表す図ですのでちょっと用途が異なるのではと思います。

その他の回答 (2)

  • edomin7777
  • ベストアンサー率40% (711/1750)
回答No.2

一つ目のリンクは#1さんがおっしゃっているように「フローチャート」です。 検索すると、たくさん出てきます。 二つ目のリンクは「状態遷移図」とか「シーケンス図」というと思います。 「UML」「状態遷移図」で検索するとたくさん出てきます。 参考 http://q.hatena.ne.jp/1118146771

  • Cupper
  • ベストアンサー率32% (2123/6444)
回答No.1

質問文に示されたリンクを見ずに答えてみます。 「フローチャート」のことですか? ちゃんと書き方のルールがありますから、それを覚えてください。 お奨めのサイトはありませんが、探せば『これでもかっ!』と言うくらい出てきますので 質問者さん自身で自分に合っていると思うサイトを参考にしてみてください。 Excelであれば、図形のオートシェイプに「フローチャート」がありますから、作成はコレを使うと便利でしょう。

関連するQ&A

  • Google Analytics の行動フロー図

    下記のページに載っている「図1」のような、Google Analytics の行動フロー図のような図を描きたいと考えています。(内容はwebサイトの訪問者解析ではないので、Googleのサービスは使えません。) https://webtan.impress.co.jp/e/2017/05/18/25699 このような図をExcelあるいは他のソフトで描く方法を教えていただければ幸いです。

  • このよく見かけるフリーイラストのサイトを教えて!

    下記URLのようなイラストをよく見かけるのですが、皆さんどこからとってきているのでしょうか? 鼻の形が印象的な、かわいいイラストです。 http://img.allabout.co.jp/gm/article/10511/image200507a.jpg http://www.ikitsuki.jp/img/navi.gif http://www.o-medicine.net/wp-content/uploads/th_tree018.jpg 1ヶ月かけて探したのですが、どうにも見つかりません。 ご存知の方ぜひ教えて下さいm(_ _ )m

    • ベストアンサー
    • CSS
  • 電磁波の図について

    電磁波について調べると以下の二種類のどちらかの図が出てきますが、正しい図は前者(上)ですよね。 http://www.ibn-jp.com/images/gurahu.jpg http://www.ecologa.co.jp/images/image_43.gif また、以下の図も見つけたのですが、これも間違いですよね。 http://www.geocities.jp/hiroyuki0620785/k3dennjiha/dennpa.gif 円で表すなら、このページの下図(上図ではなく)のようにすべきではありませんか? http://folomy.jp/heart/img.php?filename=t_24809_1_1323611007.jpg

  • 拡張子の変更ができません

    似顔絵を作ったので色々なサイトにイメージアップしようとしましたが、img png を gifやjpg にするにはどうすればよいですか。名前の変更で変えてみてもダメでした。変更の仕方を教えてください。

  • ホームページビルダー12で作った最初の題名の図

    ホームページビルダー12で作った最初のタイトルの図を変更したいのですが、変更できません。 <TBODY> <TR> <TD valign="top" width="969" align="left" height="625"><IMG src="image2.gif" width="974" height="145" border="0"><BR> image2.gifがタイトルの図であるはずですが、image2.gifをウェブアートデザイナーで開くとアップロードしている図と全然違う図が表示されました。 ということは、ウェブアートデザイナーで開いた図(image2.gif)とホームページビルダーで開いた図(image2.gif)は関連性がないことになります。変更したい図がどこに入っているのか見当たらないのですが、どうしたらよいでしょうか? 今までアフィリエイトをしていたサイトなのですが、サーバーを借りていたところを本日解除申請をしたら、サイトごと消されてしまいました。まだ期限が少しは残っているはずでしたが、やめることにしたので良いのですが、今度はそのサイトを無料のサーバーで表示させたいと思っています。 タイトルも変えて、内容も少し少なくして表示させたいと思っています。 今のところ1G以上入っているので800MB位に抑えようと思っています。 よろしくお願いいたします。

  • これは相対URLなんですか?

    HTMLを少しかじっている者です。 仕事の関係で、とあるサイトのデータをローカル上に落として、ローカル上で動くようにしているのですが・・・・ サイトのソースを見た所、画像のファイル名のURLの書き方が以下のようになっています。 <img src="/image/gazou.gif"> 私は以下のような書き方しか知らないのですが、 <img src="gazou.gif"> <img src="image/gazou.gif"> <img src="../image/gazou.gif"> <img src="/image/gazou.gif">この書き方も相対パスの書き方なんですか? 本当に、少しだけHTMLをかじっているだけなので、もしかしたら基本的な事なのかも知れませんが、みなさまどうか、教えてください。

    • ベストアンサー
    • HTML
  • スマートフォンから画像のアップロード

    スマートフォン用サイトで画像のアップロード機能を実装しようと思っています。 PCサイト用に作成したものをそのまま流用しようと思ったのですが、 うまくいきませんでした。 対応する画像はjpg,gif,pngの三種類です。 下記がPC用のソースです。 <form action="edit_url" method="POST" enctype="multipart/form-data"> <input type="file" name="Img" size="10"> </form> フォーム受け取り先で if(is_uploaded_file($_FILES['Img']['tmp_name'])){ //jpg,gif,png以外のファイルの場合はエラー if($_FILES['Img']['type'] != "image/pjpeg" AND $_FILES['Img']['type'] != "image/jpeg" AND $_FILES['Img']['type'] != "image/png" AND $_FILES['Img']['type'] != "image/gif"){ echo "エラー"; } } とすると「エラー」が表示されます。 $_FILES['Img']['type'] の中身を見ると 「application/octet-stream」 になっていました。 試してみた端末はandroid4.0の端末で、デフォルトブラウザを使用しました。 スマートフォンから画像をアップロードするには、 どのようにしたらよいのでしょうか。

    • ベストアンサー
    • PHP
  • ホームページ作成で画像が表示されません

    すみません、初心者でよく分かりません。 HPの作成練習中なのですが、ブラウザで確認すると画像が×(バツ)のまま表示されません。 ファイル名やパスの打ち間違いは確認したのですが、他に何を確認したら解決しますでしょうか。 (ちなみに他のページでは表示されます。) 下記書いた内容です。 <BODY bgcolor="lightgreen" background="image/壁3.jpg"> <center> <IMG SRC="image2/tis12-g-top.gif"><BR><BR> <IMG SRC="image2/tis12-g.gif"><BR><BR> <IMG SRC="image2/tis12-g-diary.gif"><BR><BR> <IMG SRC="image2/tis12-g-bbs.gif"><BR><BR> <IMG SRC="image2/tis12-g-links.gif"><BR><BR> <IMG SRC="image2/tis12-g-mail.gif"><BR><BR> </center> </BODY> どうそよろしくお願い致します。

  • cgiで動画ファイルをアップロードするには?

    みなさん、はじめまして。 私は今、HP製作中のおやじです。 昨日、フリーのCGIダウンロードしました。 このCGIは、PC上のJPG、GIFファイルを自動で連番.JPG,連番.GIFという具合に元のファイル名を連番にしてサーバーにアップロードしてくれる「日記帳的」CGIです。 *そこでチョット加工してWORD,EXCELファイルもアップロード出来る様にしました。 *ついでに動画ファイル(MPG,AVI,MOV)も アップロード出来る様にしたいのですが、どうしたらいいのか解かりません。この辺がもうおやじの限界です。 どなたか、ヘルプお願いいたします。 *ちなみにCGIソースはこうなっています。  これだけでわかるでしょうか? sub img { $type = ''; foreach (@in) { if ($_ =~ /Content-type:(.+)/i) { if ($1 =~ /image\/.*jpg/i) {$type = 'jpg';} elsif ($1 =~ /image\/gif/i) {$type = 'gif';} elsif ($1 =~ /msword/i) {$type = 'doc';} elsif ($1 =~ /ms-excel/i) {$type = 'xls';} elsif ($1 =~ /pdf/i) {$type = 'pdf';} last; } } if (!$type) {&error("このファイルはアップロードできません");} $img_file = "$_[0].$type"; open(OUT,">$img_file") || &error("画像ファイルを作成できません"); binmode OUT; print OUT $in{'img'}; close OUT; chmod (0666,$img_file); } ---------以上--------------------------------

    • ベストアンサー
    • CGI
  • 仕様書の書き方で・・・

    よくプログラミングの仕様書か設計書で □とか◇などの箱を線でつないだりしてフローを作っているあの図の書き方のルールを知りたいです。 参考になるサイトなどご存知であれば教えて頂けますででしょうか。 また、あの図は何という名前なのでしょうか? よろしくお願いします。