Jul 29, 2010

[iPhone] Star Joker plus-Video Poker game



其實這個 app 早在三月的時候就已經寫好了,只是剛好本人的廢人病發作就一直拖到今天才送審上架...XD

先前的 Star Joker 版本是用 Flash CS5 寫的,而這個版本是使用 Corona SDK 開發。




玩法跟 Star Joker 一樣,只是多加了一個 Bounce Stage。
一開始先選擇你的 Bet 數目,然後點選 Deal & Draw。
發牌後,選擇你要保留的牌,然後再次點選 Deal & Draw 會將沒保留的牌重新換一次,
如果有贏牌的話,可以選擇 Collect 將錢收下來又或者是進入到 Bounce stage 去翻倍。



Jul 13, 2010

[AS3]PureMVC Utility - AsyncNotifier

下午剛好有位朋友問了我一個問題..「PureMVC Utility AsyncCommand 有沒有辦法等待 proxy 做反應?」,因為先前沒研究過此 Command 所以稍微花了些時間看一下它的運作邏輯。雖然最後討論的結果是設好 proxy call back 應該是可以等待 proxy 做完工作再執行下一個 subCommand,但是嚴格說起來,真正實作專案後發現,比較需要的是非同步 Notification 的處理。

由於 proxy 一些動作通常都是 onResult 後直接送出 Notification,光一個畫面可能會有好幾支 proxy 需要有順序性的完成資料讀取後,才可以將最終的 data 送到畫面內。這時候順序動作的 Command 就很浪費空間,因為可能一次要處理五六個 proxy 的 call back,這樣等於要等待幾個就需要寫幾支 Command....

為了解決這種非同步順序型的處理現有的 Notifications,就花了點時間弄了一支 AsyncNotifier 來用用囉~~

Project Name: pureMVC Utility - AsyncNotifier
Version: 1.0.0
Project Owner: Erin Lin
Description: An utility is under pureMVC for AS3.
Download: Standard & MultiCore versions
pureMVC website: http://puremvc.org/

先製作 AsyncHandleCommand 重點就是將你要處理的 Notifications 一次列在同一張 Command 的 execute 內(不需要事前註冊喔):

public class AsyncHandleCommand extends SimpleCommand implements ICommand
{
override public function execute(notification:INotification):void
switch( notification.getName() ){
case FirstNotificationName:
//
break;
case SecondNotificationName:
//
break;
}
}


AsyncNotifier 是馬上執行,執行結束就清光
所以就是在你要執行時直接寫上:
Standard 用法:

import org.puremvc.as3.utilities.asyncnotifier.AsnycNotifier;
var async:AsyncNotifier = new AsyncNotifier("YourName");
async.runAsyncNotifier( AsyncHandleCommand, FirstNotificationName , SecondNotificationName...etc );


MultiCore 版本:

import org.puremvc.as3.multicore.utilities.asyncnotifier.AsnycNotifier;
var async:AsyncNotifier = new AsyncNotifier("YourName");
async.initializeNotifier( multitonKey );
async.runAsyncNotifier( AsyncHandleCommand, FirstNotificationName , SecondNotificationName...etc );


接下來就是為了可以處理收過的資料才加上的功能...請小心服用:
執行位置:在你的 AsyncHandleCommand 內

//you also can use getNotificationByName( name) to get previous notification object.
var async:AsyncNotifier = facade.retrieveMediator( yourAsyncNotifierName ) as AsyncNotifier;
//沒錯 AsyncNotifier 是一支 Mediator =)
var prevNotification:INotification = async.getNotificationByName( FirstNotificationName );
// 這樣就可以抓到前面 run 過的 notification 物件,記得是 run 過的喔...別亂抓...

Jul 9, 2010

[作品]Flex 3.4 + PureMVC 的企業級 RIA 應用

認識 Erin 的人都知道, Erin 最懶得寫作品集相關的文章,但是這個案子比較有趣,所以特別提出來聊一下囉!

廚櫃業某公司內部軟體,目前系統尚在 Beta 階段,所以下面圖片皆有模糊化處理。


[可擴充功能面板首頁,後台皆包含在管理系統內(有 iPhone 的 fu)]

這個案子是幫一家傳統公司做的專用軟體線上化,想要開發企業級 RIA 想當然爾就是使用 Flex 來處理囉!

整個案子前端是以 Flex SDK 3.4 + Flex Builder3, PureMVC MultiCore for AS3, Utility - AS3 StateMachine 以及先前 Erin 所發表的 WidgetsConsole 來處理整個系統的轉換。

整個系統包含前後台共七大系統,分別是:估價,客戶,店面管理,貨品上架,會員管理,分店系統以及權限系統。超級管理員可以利用權限系統分別開出不同職級的權限,然後使用者透過同一入口,依照權限區分,畫面會顯示不同的功能。整個系統最複雜的部份當然是估價系統,由於櫥櫃的建立是透過選擇資料即時演算出來,更何況櫥櫃類的 BOM 表階層是怪物般的可怕...所以在 DB 的建置與前端資料整合的部分著實費了我們一番苦心。


[櫥櫃 BOM 表編輯視窗及櫥櫃 BOM 單物件材質指定]

此外,在 UI 設計上也特別花了一些心思。本案子 Target User 是管理者、店長與公司旗下的業務群,此公司成員年齡約 30-60 歲,皆為一般電腦使用者,所以 UI 設計及操作 Flow 必須比一般線上 RIA 更加友善,才能幫助縮減公司的人事教育花費。如放大整個系統的標準字 size;新增資料時不能碰的快速鍵會鎖定;產品類縮圖雙點擊即可觀看放大圖;操作 flow 皆以左上至右下結束以及利用畫面引導使用者操作都是一些設計上的巧思。


[新增估價單]


[簡單易用的業務員用客戶系統]

此外這個專案在實作 PureMVC 過程當然是相當的快樂,因為它的彈性與權職切分實在太令人滿意了!不管是擴充性,Rich Data 管理又或者除錯都非常的容易。當然本人早就已經是 PureMVC 的忠實粉絲了...=P
快來加入 Flex + PureMVC 的行列吧~~

結果這篇到最後變成 PureMVC 的勸進文...XD

[App] 國道計程收費速算器 2.0

之前的版本跟目前 國道計程官網 所列資料誤差很大,這支 App 也一直有人在使用,所以為了答謝愛用者只好做了一次大更新,因為對 CoronaSDK scrollView widget 有點怨言,所以 iOS 版本採用 Swift3 重寫了一遍,不過 Android 版本還是維...