淺談 flash 分工模式 robotlegs MVC

2009-12-12 於 晚上11:21
什麼是mvc呢,在維基百科的定義為
MVC(Model-View-Controller,
模型—檢視—控制器模式)是軟體工程中的一種軟體架構模式。它把軟體系統分為三個基本部分:模型(Model),檢視(View)和控制器(Controller)。

最近筆者在研究 php的mvc,codeigniter以及flash的mvc,robotlegs在之前的專案經驗告訴我,要和其他人共寫一套專案程式是比自己寫還困難,由其在flash裡,屬性,方法,事件,都是可以自由定義,如果沒有事先的溝通,根本就沒辦法共寫,筆者曾經參與雲林科技大學的系所網頁比賽,那時候集合究研所裡的資訊人材和視覺設計人材,都沒辦法完成共寫的目標,現在在公司上班,有時候會遇到很急的案子,卻沒辦法互相share,常常是資料結構拖到視覺設計的進度,視覺設計又拖到程式設計的進度。如何能夠讓資料結構,視覺設計和程式設計同時進行,又能互相交流,mvc是最近程式設計中很流行的方法,也被期待可以解決這樣問題。
先談談flash的mvc,robotlegs,維型軟體架構模式,筆者用了robotlegs實做出幾個專案,以往程式沒辦法切成很完整的mvc,是因為使用了實體名稱,像是
var my_btn:MenuButton=new MenuButton();
my_btn.addEventListener(MouseEvent.CLICK,onClick)
function onClick(evt:MouseEvent):void
{
evt.target.changeColor()//do some thing
}
當MenuButton 被改變時,my_btn也要被改變,實體名稱綁著event (事件),
而robotlegs可以針對class 做操作,加上很多的設計模式(designer pattern)可以運用,像是singleton design pattern(單態模式), Injection design pattern(注射模式), mediator design pattern(調停者模式), command design pattern(指令模式)
…等,幾乎做到完整切割,感覺上真的做到完整的mvc,目前還在測試階段,如果要運用到大型專案,像是整合SWFAddress,FlashSEO…等都還要在測試,筆者會再多運用幾個專案,有心得再來分享。
也歡迎有興趣的朋友一起研究

2009第四屆-Funwish創意講堂活動

2009-05-13 於 上午8:40

2009第四屆-Funwish創意講堂活動【網住過去.現在.贏未來!】,感謝前三屆大家熱情的參與交流,Funwish將在5/24以全新的主題和大家分享,【網住過去.現在.贏未來!】即意思是希望在全球不景氣中能往好處想,善用

「網路留住過去,將其數位典藏化」、

「現在就以數位學習終身、瞭解數位典藏的價值」、

「善用網路行銷贏得並且迎向未來」。

讓對網路行銷、數位學習、數位典藏有興趣的民眾,能因此講座而得到啟發、影響並使更多的人瞭解,進而帶動網路與數位產業的發展,歡迎學生、網路業的新手或從事數位內容相關產業的朋友一同前來共襄盛舉。

本次Funwish的創意講堂力邀

  • PChome 電子商務部行銷副理 - 賴盈文(Monica)
    學歷 中國文化大學新聞學系(畢)
    經歷 PChome網路家庭 電子商務部/行銷副理
    Flash Rich Media Development Certified Instructor Designer
    寰一網路資訊科技-電子商務部主任
    第三波資訊股份有限公司/特刊編輯
  • 旭聯科技 數位學習課程製作部總監 ─ 沈志崇
    學歷 崑山科技大學 資管系 / 新竹師範大學數位所
    經歷 旭聯科技股份有有限公司 課程製作部 總監
  • 數位典藏與數位學習國家型科技計畫 ─ 林彥宏
    學歷 南華大學文學研究所
    經歷 數位典藏國家型科技計畫(分項一) 「拓展台灣數位典藏計畫」 數位典藏計畫專案管理,編著如下
    「文書檔案數位化工作流程指南」
    「微縮資料數位化工作流程指南」
    「地圖圖資數位化工作流程」

三位各對於網路行銷、數位內容與數位典藏的專業人士來擔任講師,透過講座的方式來與大家分享,舉辦創意講堂目的在於產學交流,專業互導,一方面提供對網路傳播有興趣的人一個入口,一方面我們藉此學習更多的跨領域知識,希望與會者都能因此受惠,那這次的講堂便值得了。

有興趣的朋友,快填好下方的報名表告訴我們吧,5/24一起贏未來!

【活動內容】

13:00~13:20 報到

13:20~13:40 Funwish創意講堂開始

13:40~14:20 網路行銷-Monica

14:20~14:40 茶點交流時間

14:40~15:20 數位學習-沈志崇

15:20~15:40 茶點交流時間

15:40~16:20 你所不知道的國家數位典藏!?-林彥宏

16:20~ 會後紀錄與交流

【時間】2009/5/24(日) 13:00~17:00

【地點】師範大學公館校區-科教中心5樓演講廳

【地址】台北市文山區汀州路四段88

【交通路線】

1)捷運─新店線公館站向南步行約20分鍾(約850公尺)
2)公車─「師大分部」站

0 南、0南(區間車)、109、236、251、252、253、278、280、280(直達車)、284、284(直行)、290、505、52、 530、606、606區間車、642、643、644、648、650、660、671、676、74、松江幹線、景美女中-榮總快速公車、棕11、綠 13

【人數限制】80人

【報名時間】4/17(五)到5/22(五) 22:00(額滿為止)

【費用】場地清潔費50元, 現場繳交 (憑學生證免費參加)

【洽詢專線】創意引晴 (02)2361-3359 Rosanna 小姐

【主辦單位】創意引晴有限公司

【協辦單位】師範大學-科學教育研究中心

【報名方式】(由於本活動場地有人數之限制,恕不接受現場報名)

請於5/22日前,填妥下列表格內資料,並按「提交」完成報名即可


活動網址:http://funwish.net/?p=270

好忙的網頁,一直動

2009-05-04 於 清晨5:17
今天筆者逛到Volks Wagen的網頁,
這個網頁從頭到尾,一直在動,
筆者最想做的一件是就是找看看有沒有"動作停止鈕"

動成這樣,我覺得有點小誇張,
如果是介紹小狗,小貓,小孩子,我覺得動感一點ok
太動態,我都不知道我按了什麼了
算一算他的內頁,也才11頁加上四個外部聯結,
竟然可以搞的這樣動感,
這個對於網頁使用者來說,倒底是好還是壞呀?

不過這個網頁還是得了fwa,恭禧它,

有興趣的人,聯去看看吧,
http://www.volkswagen.pt/tiguan/

html 網頁傳值給 flash

2009-04-15 於 晚上10:20
最近筆者有朋友在問html 怎麼傳值給swf,然後改變swf裡的畫面,
方法有很多,像是在html後面加變數,用swfobject,用dreamwave內建的方法都ok
筆者用比較通用的dreamwave來實做。

以最常用的到flash menu 按鈕為例子,
當點擊about 按鈕時,按鈕變為一直高亮,直到我點擊其他欄目,"about"按鈕高亮結束,
點擊其他btn的時候,會聯到其他的html網頁,該單元的btn也會是高亮,如下圖


話不多說,就先來看看怎麼做的吧,

在flash的寫法如下
1、先確定flash 的資訊有完全loading進來
this.loaderInfo.addEventListener(Event.COMPLETE, loaderComplete);
2、然後用變數去接



function loaderComplete(evt:Event) {
//用變數去接
if (root.loaderInfo.parameters["category"] != null)
{
test.text = root.loaderInfo.parameters["category"];
btnIdx=root.loaderInfo.parameters["category"];
}
createMenu();


btnIdx=root.loaderInfo.parameters["category"];←btnIdx為html要傳入的變數,等一下會在dreamwave 設定

3、然後用迴圈產生btn,並在將btn丟入1個btnList 的array,在產生完後,順便指定目前html項目的btn為高亮,

4、在DRWAM 指定變數就可以使用了如圖


source code下載

千曦數位資訊有限公司 上線購物官網

2009-04-03 於 晚上10:59
千曦數位資訊有限公司 上線購物官網


筆者製作的ezova 數位資訊公司官網
主要的產品是滑鼠墊,
從1片幾百元到數千元都有,
有提供線上購物的服務,及客製化的您自己的滑鼠墊

版面設計是H2 Ditigial Design 的阿東設計
後台管理系統是阿爆製作,

Project By :H2 Ditigial Design

感謝他們的幫忙。

[徵才]創意引晴 - Flex/php工程師

晚上10:51
[徵才]創意引晴 - Flex/php工程師

【公司名稱】創意引晴有限公司 (資訊傳播業)
【營運方向】Web 2.0 系統網站建置 / Content Management System
      Flex統計分析及管理系統 / 政府大型資訊服務專案
      數位學習/數位典藏型網站系統
【歷年作品】http://funwish.net/?cat=5
【工作職缺】Flex/php工程師
【工作內容】Flex專案開發(AS3/php/js)
【徵求條件】資訊背景者佳 / 或很有興趣,肯學,不僅有創意,也認真負責
【工作地點】台北市中正區懷寧街74號12樓 (近台北車站, 二二八公園)
【工作時間】一到五, 9:30~18:30
      休假方式: 週休二日 國定假日 排休
【公司福利】專案獎金,季獎金,年終獎金,教育訓練, 進修基金
【薪資範圍】面議
【薪資發放】每月5號
【備註】  需對資訊業有高度興趣,能對多元化的資訊加以瞭解,
      亦能與內部工作人員有效溝通
      公司提供學習基金,並安排在職進修,參與研討會機會

◎公司資料:
 公司名稱:創意引晴有限公司
 公司統編:28862730
 公司電話:02-23613359
 聯 絡 人:amoswish@funwish.net / Amos Huang

包裝設計~織出五彩繽紛的線條

2009-03-23 於 凌晨3:27
筆者最近設計的包裝,
包裝內容是縫紉機的核心零件-旋梭,
筆者的設計理念是-織出五彩繽紛的線條
在選用的紙張也是帶有光澤特殊紙張,

附上圖片,喜歡就下載回去吧^^


Flash framework -GAIA

2009-03-21 於 凌晨3:07
筆者在做大型的flash專案的時候,常常會遇到,
分工困難,造成同事們無法互技援,
在search framework時,找到了gaia


看完gaia的教學影片後,筆者覺得他們為設計者想的蠻多,
gaia除了將專案主選單切成一個個的fla之外,
其中包函了SWFObject and SWFAddress 的自動內鍵,
更加上了右鍵mouse選主選單的功能,

這對許多想用flash做大型專案的朋友,真是一個很好工具,
筆者先來研究一下,有心得再貼上來。

好友小利的設計文章就在樂多新文創

2009-03-18 於 晚上8:39
好朋友小利,是我大學時的同學,
在視覺傳達的設計上一直都有獨特的見解,
設計出來的作品也獨樹一格,
曾榮獲過金蝶獎封面設計獎、美術與裝幀設計獎…等多項大獎

先貼上一張她的設計作品給各位看官參考,
雨盛的生日卡片,從設計到印刷都是她一手包辦的喔~^_^


想了解小利對設計的獨特思維嗎?
可以至以下網址看看她對設計的獨到見解
http://magz.roodo.com/contributor/61

設計群職涯分析與推廣 多媒體光碟

2009-03-01 於 凌晨4:44
筆者最近完成了一張多媒體光碟叫"設計群職涯分析與推廣",這張光碟的內容很豐富,訪談了很多的設計師,設計教育工作者,還有新一代設計展的得獎學生,個別的分享他們在設計界的點點滴滴,以下就是光碟的內容,共七個主題

第一個主題分為三類,分別為
  • 設計師訪談
  • 設計教師訪談、
  • 新一代設計的得獎者訪談
點選後會出現3d的翻頁電子書,記錄了許多設計師在設計過程,設計理念,還有設計發想過程的點點滴滴。




第2個主題是設計名人專題演講,請了四位設計師來分享他們對設計的心得及看法
演講主題及演講者如下
  • 設計人才就業趨勢及進入就業市場應具備之技能--1111營運長 吳睿穎
  • 美學經濟潮流與產業轉型發展--台灣創意中心副執行長 黃振銘
  • 質感文化創意-台灣文化生活美學的啟示--文化創意達人陳建勳
  • 如何把設計說清楚--文化創意達人 章琦玫

第三主題是設計群職涯海報競賽,筆者用類似3D立體海報架的方式,呈現得獎的作品,點選後也可以看到放大的作品,程式部份參考billie之前寫的3d輪盤。


第四主題:設計學院高峰會,請了國內最頂尖的學者教授來探討設計的過去、現在、未來,還有許多的精彩主題可以下載,如下
從人事廣告看企業對設計人才的能力要求--Career總編輯 臧聲遠
台灣的設計優勢--明志科技大學 馬成珉
由科技大學設計學生的學習性格特點中,展望學生未來的競爭力--南台科技大學 數位設計學院 院長 張育銘
大師看台灣建築科系新世代 --潘冀聯合建築師事務所主持人 潘冀‧鄭榮裕


第五個主題為設計群職涯分析,分析各科系的設計學生在畢業後在職場上所需要的技能及進修管道,分析的科系如下,流行設計系、數位媒體設計系、空間設計相關科系、工業設計相關科系及視覺傳達相關科系,這個主題概觀了台灣設計學科系的相關資訊,對剛要選擇設計科系的學生很有幫助


第六個主題為 設計科系進路分析,內容包函了分析設計相關工作應該有的證照,設計背景的學生適合選讀的條件、就業與所學相關的比例分析…等,適合目前在學的學生參考未來的設計出入


第七頁 設計科系本位課程規畫,提供了各大專院校的設計課程給需要了解的學子參考。

總之呀~這份光碟內容十分豐富,一下子也講不完,如果有興趣想要了解的朋友,可以來信索取喔。^^

糖果屋互動裝置

2009-01-23 於 晚上9:52
筆者之前和爻域互動科技設計合作設計,
高雄國立科學工藝博物館糖果屋展區的其中一項互動裝置,

筆者用了box2dFlash的技術,完成的裝置影片如下


加上觸控螢幕後的效果


有興趣的朋友可以來信一起研究

preload 大集合

2009-01-21 於 晚上10:07


Big speaceship 將歷年來的flash preloading畫面,集合起來展示,
其中包涵了很多有趣的創意在裡面,有需要參考的朋友們,可以點擊來看看

http://www.prettyloaded.com/

還有preloaded的螢幕保護程式可以用。

小琉球 幸福海景民宿官網完成

2009-01-13 於 清晨7:51

筆者製作的小琉球 幸福海景民宿
線上訂房系統,flash address,後台管理系統,
線上訂房系統有萬年曆功能,
還好筆者在學校的時候有學過,
剛好現在用上了。

版面設計是H2 Ditigial Design
後台管理系統是宗杰學長製作,
Project By :H2 Ditigial Design

感謝他們的幫忙。

歡迎有休假的朋友到小琉球來玩

Flash 3D physics engine

清晨7:28
wow-enginer 後,又FLASH的好心人開發了另一個3d的物理引擎jiglibflashjiglib原本是在c++上開發的open souce,現在從C++ 移植過來了,有興趣的朋友可以參考下面的網址,有demo和source,有空筆者也來研究一下。

http://code.google.com/p/jiglibflash/

Adobe Flash Catalyst

2009-01-08 於 上午8:15
這個星期日去參加 [創意講堂3] 札根 專業 迎向2009
剛好在之前有看到這篇 flash catalyst的教學
http://www.digitalbackcountry.com/flashcatalyst/tutorial01/screencast/index.html

呵,結果創意講堂請的講師D.CAT也剛好講一樣的內容,
如果有在寫FLASH網頁的設計師看了教學影片,心中的第一個問題一定會是
"PHOTO直接轉成SWF,又包字型,檔案不是超大的",果然現場測試,2.3mb, =.=

第2個問題是,介面直接轉成mxml的格式,在匯入到flex,那flash 不就無用武之地,
目前也沒不知道有多少人會用mxml寫成swf,筆者覺得flash catalyst,比較像是給flex用的吧。

adobe 雖然提供了新的方法,覺感上還有很多的地方需要努力。