問題タブ [mockups]

システムが将来どこかで呼び出す必要がある Web サービス インターフェイスの WSDL ファイルを受け取りました。

それまでは、Web サービス呼び出しをログに記録し、ダミー データを返す以外に何もしない、ダミー/モックアップ Web サービスをセットアップしたいと考えています。

これまでに行ったことは、WSDL ファイルから Java オブジェクトを生成することです。

すでにアプリケーション サーバー (ここでは JBoss) を実行している場合、そのようなモックアップ Web サービスをセットアップする最速の方法は何ですか?

モックアップスクリーンショットを作成するプログラムを探しています。私は、joelonsoftware.comからVisual Basic（プログラミング言語が呼び出されるのをまだ聞いたことがない醜い名前）でそれができることを最初に知りました。特にJavaの学習過程にあるので、今からVBの学習を始めたくありません。次に、「モックアップスクリーンショットの作成方法」という検索文字列を含むmockupscreens.comを見つけました。しかし、私がこのプログラムを使用することはめったにないので、80ドル払う価値はないと思います。

私がやりたいモックアップは、主にWindows XP用です（おそらくGNOME、KDE、Mac OSX用でもありますが、これらは最優先事項ではありません）。

編集：Balsamiqが提案されていますが、これも無料ではないプログラムです。

Balsamiqを使用してモックアップを作成しています。私は試用版を使用しているので、複数のファイルではなく、すべての画面を 1 つのモックアップにまとめています。これらのモックアップのエクスポートをチームに送信して、チームがコメントできるようにしたいと考えています。矢印、コールアウト、テキストなどを簡単に追加できる必要があります。Balsamiq でその一部を実行できることは知っていますが、実際にはこれらの種類のコメント用には作成されていません。私は Paint.net を使用してこれらを別々のレイヤーに追加しましたが、技術者以外の人にとっては最も使いやすいアプリケーションではありません。画像を簡単にマークアップできるSnagitのエディターが気に入っていますが、これは有料のアプリであり、無料のツール (Windows で実行される) を探しています。

このツールには、利用可能なオプションがたくさんあるため、必ずしもスクリーンショット キャプチャ ツールが必要というわけではありませんが、ツールを排除するものではありません。

私が簡単にできるようにしたいことは次のとおりです。

• ある画面から別の画面に移動するためにクリックされたボタンを示す矢印を追加します
• 吹き出しテキストを追加して、セクションの言い直しや項目の移動を提案します
• 異なる色/サイズのマークアップ アイテムを使用する

Pencilを見つけましたが、それはやり過ぎのようです。完全な画像編集は必要ありません。誰かがすばやく簡単にフィードバックを提供する機能だけが必要です。

スケッチ（またはモックアップ）ツールでは、BalsamiqやWireframeSketcher Comic Sansなどのツールを使用して、その「スケッチ」の手描きの外観を提供します。私の唯一の問題は、私はそのフォントにとてもうんざりしているということです。

代替案について何か提案はありますか？

編集：WireframeSketcherのデフォルトはComic Sansフォントではありませんが、これは「大ざっぱな」外観の例を示すために使用されるフォントです。

ソフトウェアUIのプロトタイプをどのように作成しますか？
あなたの経験は何ですか？
教えていただけませんか。
前もって感謝します！

私はCSSがあまり得意ではありませんが、うまくいけば、ここにいる誰かが助けてくれるでしょう。次のモックアップがあります。（見やすくするためにコンテンツを削除しました）

私のCSSは次のとおりです。

「navBar」をページの高さにする方法がわかりません。高さを追加してみました：100％ですが、うまくいきません。

ありがとう、マット

私たちは新製品の設計を始めており、UI担当者は明日がないようにスクリーンショットをノックアウトしています。ただし、上司は、さまざまな機能やスキンで表示されるように、実際にサイトと対話できるようにしたいと考えています。Groovy on Grails（または他の12のオプションのいずれか）を使用すると、簡単な機能をすばやく作成できますが、画像をインタラクティブなWebサイトに変換するための非常に簡単な方法がありません。画像を取得し、特定の領域を「Xという名前の入力ボックスがここに表示されます。このビットはYコントローラーに送信するボタンです」とマークしてから、上司がいじくり回すことができるHTMLを生成するアプリケーションはありますか。そして、私たちは皆、繰り返すことができますか？

クライアントの 1 人から、Web アプリケーションのすべてのページの UI モックアップを提供するように依頼されました...

良さそうなBalsamiqを見つけました...他のツールは....

• UI モックアップの描画には何を使用しますか?

あと3時間ほどでプレゼンの締め切りがあるのですが、鉛筆で描いたものを渡すよりも、クライアントにより良いものを渡したいと思っています。

一般的なコントロールを選択してドラッグしてモックアップを作成できるものはありますか?

モックアップを取得し、Python GUI ライブラリ (wxpython、pyqt など) を使用してコードにエクスポートしたいと考えています。たとえば、この機能は既にモックアップ -> HTML/Javascript に存在します:

http://www.balsamiq.com/products/mockups/community

boa コンストラクターのような低速で低レベルのツールではなく、balsamiq のような高速で簡単な高レベルのモックアップ ツールが必要です。

このようなPython用のモックアップ/エクスポーターツールの組み合わせはありますか?