名称 MIRS1901 Webアプリケーション詳細設計書
番号 MIRS1901-SOFT-0002

版数 最終更新日 作成者 承認者 改訂記事
A01 2019.12.06 武田 初版
　　

ドキュメント内目次


  • 1.はじめに
  • 2.使用言語
  • 3.Webページ階層
  • 4.UIデザイン
    • 　　

    1.はじめに

    本ドキュメントは、MIRS1901 Cocktail Projectのソフトウェア詳細設計(Webアプリケーション)に関するものである。


    2.使用言語

    Webアプリケーション作成には以下の言語を用いる。
    言語 使用箇所
    html ページ記述
    css ページデザイン記述
    PHP プログラムデータ送信
    データ保存



    3.ページ階層

    ページ階層は以下に示す通りとする。



    4.UIデザイン

    モード選択画面


    セルフモード

    このモードでは、様々な要素を組み合わせて動作を実現することが可能である。
    各要素について、以下のように定義する。
    　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　
    要素群名称 実装カラー具体要素他要素ネスト可否ユーザ入力可否クラス名
    メイン動作要素 #FF5192走る
    回転する
    　    		数値指令のみ可不可nested-1
    条件要素 #00bfffぶつかったら

    　    		条件指令のみ可不可nested-0
    数値指令要素 #ffd700
    [USER_INPUT]cmだけ前に
    [USER_INPUT]度だけ右に
    　    		不可数値のみ可nested-2
    条件指令要素 #3cb371壁に
    パネルに 　    		不可不可nested-3

    テンプレートモード