• 追加された行はこの色です。
  • 削除された行はこの色です。
  • Demo へ行く。

* デモ [#q2265f4a]

** マスカットアプリケーション [#oa997e9d]

- [[四則演算>Demo/Calculation]] [#w06762b2]
- [[四則演算>Demo/Calculation]]

#ref(calculation.png,right,nowrap,around);
ユーザが入力した 2 つの値を用いて、足し算、引き算、掛け算、割り算を行う簡単なアプリケーションです。マスカットアプリケーションの基本的な動作や開発方法について理解するための入門的なサンプルとなっています。
#clear

- [[フルーツショップ>Demo/FruitShop]] [#u70bf4ad]
- [[フルーツショップ>Demo/FruitShop]]

#ref(fruitshop.png,right,nowrap,around);
顧客からの受注を登録する業務アプリケーションのサンプルです。このサンプルではユーザからの入力をリアルタイムで検証し、エラーメッセージを表示する機能が使用されています。このサンプルでは LiveValidation プラグインを使用しています。
#clear

- [[ペットストア>Demo/PetStore]] [#bb0c526a]
- [[ペットストア>Demo/PetStore]]

#ref(petstore.png,right,nowrap,around);
[[Java Pet Store>http://java.sun.com/developer/releases/petstore/]] をモチーフに、マスカットを用いて Ajax リッチクライアント化したものです。

従来の Java Pet Store ではフォームデータの送信ごとに画面全体が再描画され、紙芝居のように動作のたびに画面が切り替わっていました。マスカット Pet Store では画面内で更新が必要な部分だけが再描画され、通常のウィンドウアプリケーションのような操作感が実現されています。
#clear

- [[レストラン検索>Demo/Gourmet]] [#o6651188]
- [[レストラン検索>Demo/Gourmet]]

Google Maps と連携したアプリケーションのサンプルです。銀座周辺のレストラン (データは架空のものです) を検索し、地図上に表示します。このサンプルでは Google プラグインを使用しています。

** マスカットIDE [#pf977e10]

コンテンツ準備中です。

** Flash ムービーの再生について [#d20ce3fe]

動画によるデモを再生するためにはブラウザに別途、[[Adobe Flash Player>http://www.adobe.com/shockwave/download/?P1_Prod_Version=ShockwaveFlash&Lang=Japanese]] をインストールする必要があります。Internet Explorer をご利用の場合、セキュリティの設定により Flash ムービーが再生できない場合があります。この場合には以下の設定が必要です:

#ref(security_settings.png,right,nowrap,around);
+ コントロールパネルから [インターネットオプション] を選択する
+ [セキュリティ] タブを選択する
+ セキュリティゾーンから [インターネット] アイコンを選択する
+ [レベルのカスタマイズ] ボタンを選択する
+ [スクリプトを実行しても安全だとマークされていない Active Xコントロールの初期化とスクリプトの実行] 設定から [ダイアログを表示する] もしくは [有効にする] を選択する
+ [OK]ボタンを選択する
+ インターネットオプションの[OK]ボタンを選択する
#clear