小弟最近有一個案子需要使用到QR Code來進行一些使用者的互動
為了省去一些麻煩,所以還是選用了Flex為開發的平台
一開始在尋找barcode 相關資料時就有發現到原來zxing的library有AS3的版本
優點是Android以及IOS一次通吃
但經我我的實測之後發現效率實在不行,不但不能及時掃描(需要用按鈕去觸發不然會LAG到死),且辨識率也與原生的zxing barcode程式相差甚遠
為了解決辨識率的問題,我開始傾向使用ANE的方式並呼叫原生的zxing barcode程式
一開始找到了
http://www.ubekar.com/project-barcodereaderANE.html
ubekar寫的Barcode Reader ANE
使用起來相當的簡單(比用AS3的zxing還簡單)
但這個ANE經過我的測試之後發現有個致命的缺點,
那就是在我的x10i上面執行後,相機擷取出來的畫面有上下左右相反的問題,
且在橫向模式會有掃描框超出範圍的問題
對此我想除了等到ubekar更新之前應該都別無他法
正當我想要開始著手寫一個zxing的ane時
我在一個中國的論壇找到了另一個ane
同樣也是基於zxing所寫的
http://bbs.9ria.com/thread-106240-1-1.html
沒錯他的連結就只有一個論壇的網址
http://www.littlesix.com.cn/air/android/barcodereader.zip
(↑此連結可以直接下載ANE檔)
在姑且一試的情況下
沒想到居然就這樣被我找到了
在我的x10i上攝影機畫面擷取正確,手機翻轉時也不會有異常發生
不過這個ANE有個問題
就是她只能在AS3文件下使用
在Flex文件下使用會無法抓到他的Event
(不知道是不是因為他的package為default的關係,還請高手多多指教)
為了解決這個問題,
小弟寫了兩個class來進行橋接的動作
以下分享給各位有需要的朋友
-------------------------------------------------------------------------------------------------------
BarcodeBridge.as
package
{
import flash.events.EventDispatcher;
public class BarcodeBridge extends EventDispatcher
{
private var bc:BarCodeReader=new BarCodeReader();
public function BarcodeBridge()
{
bc.addEventListener(BarCodeEvent.DATA_RECEIVED,onDataRec);
}
private function onDataRec(e:BarCodeEvent):void{
var type:String =e.codeType;
var value:String=e.codeValue;
this.dispatchEvent(new BarcodeEventBridge(e.type,e.codeType,e.codeValue));
}
public function startAnalysis():void{
bc.startAnalysis();
}
}
}
-------------------------------------------------------------------------------------------------------
BarcodeEventBridge.as
package
{
public class BarcodeEventBridge extends BarCodeEvent
{
public static const DATA_RECEIVED:String=BarCodeEvent.DATA_RECEIVED;
public function BarcodeEventBridge(arg0:*,arg1:*,arg2:*)
{
super(arg0);
codeType=arg1;
codeValue=arg2;
}
}
}
----------------------------------------------------------------------------------------------------
使用方式基本上跟原本的ANE使用方式一模一樣,記得要在app.xml裡面加入原本ANE所需要的權限跟行為
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
creationComplete="view1_creationCompleteHandler(event)" title="HomeView">
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
import spark.effects.CallAction;
private var bc:BarcodeBridge=new BarcodeBridge();
protected function view1_creationCompleteHandler(event:FlexEvent):void
{
bc.addEventListener(BarcodeEventBridge.DATA_RECEIVED,onDataRec);
}
protected function startActivity(event:MouseEvent):void
{
bc.startAnalysis();
}
private function onDataRec(e:BarcodeEventBridge):void{
var type:String =e.codeType;
var value:String=e.codeValue;
this.console.appendText(type+" : "+value);
}
]]>
</fx:Script>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:Button x="10" y="10" label="call activity" click="startActivity(event)"/>
<s:TextArea id="console" x="13" y="86" width="457" height="667"/>
</s:View>
----------------------------------------------------------------------------------------------------
另外關於ISO的Barcode ANE其實相對來說好找許多
在此也附上相關連結給需要的人參考
http://www.nativext.com/ane-by-os/ios/qr-reader-native-extension/
http://code.google.com/p/qr-zbar-ane/
2012年12月1日 星期六
2012年11月9日 星期五
使用FLASH AS3製作光碟的AutoRun選單程式
最近接了一個案子是要製作一個光碟的AutoRun選單程式
一開始的想法是利用Flash來進行製作
但找了資料後發現新的Flash player版本已經無法直接透過fscommand來開啟外部的檔案
必須寫bat的方式來進行對應
有興趣的人可以參考這篇
http://milkmidi.blogspot.tw/2010/06/flash-fscommand.html
但因為我這個案子裏面包含了許多的檔案連結要開啟
用bat的方式要一個一個去對應實在是有點麻煩
後來找到了ExternalInterface的方法可以呼叫外部的程式
因此有了利用C#嵌入swf檔並透過AS3呼叫C#開啟外部的程式
詳細的方法請參考以下兩篇
http://blog.another-d-mention.ro/programming/communicate-betwen-c-and-an-embeded-flash-application/
http://help.adobe.com/zh_TW/ActionScript/3.0_ProgrammingAS3/WS5b3ccc516d4fbf351e63e3d118a9b90204-7cb0.html
我主要是參考Adobe提供的proxy_ExternalInterfaceCall
來擷取AS3傳來的內容
以下取自C#程式碼
private Flash.External.ExternalInterfaceProxy proxy;
public Form1()
{
InitializeComponent();
axShockwaveFlash1.LoadMovie(0, Application.StartupPath.ToString() + "\\air\\list.swf");
proxy = new Flash.External.ExternalInterfaceProxy(axShockwaveFlash1);
proxy.ExternalInterfaceCall += new Flash.External.ExternalInterfaceCallEventHandler(proxy_ExternalInterfaceCall);
}
//--------------中間省略-----------------
private object proxy_ExternalInterfaceCall(object sender, Flash.External.ExternalInterfaceCallEventArgs e)
{
switch (e.FunctionCall.FunctionName)
{
case "setStage":
this.Size= new System.Drawing.Size(Convert.ToInt32(e.FunctionCall.Arguments[0]),Convert.ToInt32(e.FunctionCall.Arguments[1])+25);
axShockwaveFlash1.Size = new System.Drawing.Size(Convert.ToInt32(e.FunctionCall.Arguments[0]), Convert.ToInt32(e.FunctionCall.Arguments[1]));
return null;
case "oenFile":
//此處為開啟外部程式的method
Process.Start(Application.StartupPath.ToString() + (string)e.FunctionCall.Arguments[0].ToString());
return null;
default:
return null;
}
}
而AS3的部分則是使用ExternalInterface這個類別來進行溝通
以下取自AS3
ExternalInterface.addCallback("myFunction", callMe);
function callMe(name:String):String
{
var result:uint=ExternalInterface.call("setStage",720,440);
//呼叫C#的proxy_ExternalInterfaceCall並且傳遞三個字串
return "";
}
aList.addEventListener(Event.CHANGE, showData);
function showData(event:Event) {
trace(event.target.selectedItem.data);
ExternalInterface.call("oenFile",String(event.target.selectedItem.data));
//呼叫C#的proxy_ExternalInterfaceCall並且傳傳遞selected中的data資料(即為檔案路徑)
}
透過以上的方法便可以直接利用AS3告訴C#開啟的路徑
就可以省去一個一個bat的時間
以下附上C#跟AS3的原始檔
http://dl.dropbox.com/u/12533246/CDROOT.rar
其中也包含已經Release的檔案
有需要的朋友可以直接使用
解壓縮後點擊WindowsFormsApplication11.exe即可觀看效果
若要直接使用的話請把做好的swf檔案放到air資料夾中
並且記得在AS檔案開頭中加入
ExternalInterface.addCallback("myFunction", callMe);
function callMe(name:String):String
{
var result:uint=ExternalInterface.call("setStage",720,440);
//720,440為Flash的場景大小
return "";
}
C#才可以知道要建立多大的場景大小
若還有其他問題也歡迎回應詢問
PS
由於C#是.netframework4架構下面的軟體,所以執行的電腦必須有安裝過.netframework4
及flashplayer
為了解決比較舊的電腦可能沒有安裝過.netframework4
我找了另外一套軟體較做AutoPlay Media Studio
AutoPlay Media Studio是一套商業的軟體,有需要的朋友可以自己去網路上搜尋相關的資料
此軟體產生出來的exe檔便無需安裝.netframework
但flashplayer還是必須的
以下附上AutoPlay Media Studio做出來的檔案及原始檔
http://dl.dropbox.com/u/12533246/FlashAPMS.rar
flash原始檔附在CD_Root\AutoPlay\Flash\air當中
但release出來的檔案必須放在CD_Root\AutoPlay\Flash\
其他需要注意的地方為
AS3中 開啟檔案的方式要改為
fscommand(String(event.target.selectedItem.data));
String(event.target.selectedItem.data)表示檔案的相對位置
路徑用\\來表示(例如dir01/011.txt必須設定為dir01\\011.txt)
並且在AutoPlay Media Studio的Flash元件中加入Script
File.Open(e_FSCommand, "", SW_SHOWNORMAL);
有需要的人可以直接下載使用
直接替換掉CD_Root\AutoPlay\Flash\list.swf即可
場景大小必須是720x440
一開始的想法是利用Flash來進行製作
但找了資料後發現新的Flash player版本已經無法直接透過fscommand來開啟外部的檔案
必須寫bat的方式來進行對應
有興趣的人可以參考這篇
http://milkmidi.blogspot.tw/2010/06/flash-fscommand.html
但因為我這個案子裏面包含了許多的檔案連結要開啟
用bat的方式要一個一個去對應實在是有點麻煩
後來找到了ExternalInterface的方法可以呼叫外部的程式
因此有了利用C#嵌入swf檔並透過AS3呼叫C#開啟外部的程式
詳細的方法請參考以下兩篇
http://blog.another-d-mention.ro/programming/communicate-betwen-c-and-an-embeded-flash-application/
http://help.adobe.com/zh_TW/ActionScript/3.0_ProgrammingAS3/WS5b3ccc516d4fbf351e63e3d118a9b90204-7cb0.html
我主要是參考Adobe提供的proxy_ExternalInterfaceCall
來擷取AS3傳來的內容
以下取自C#程式碼
private Flash.External.ExternalInterfaceProxy proxy;
public Form1()
{
InitializeComponent();
axShockwaveFlash1.LoadMovie(0, Application.StartupPath.ToString() + "\\air\\list.swf");
proxy = new Flash.External.ExternalInterfaceProxy(axShockwaveFlash1);
proxy.ExternalInterfaceCall += new Flash.External.ExternalInterfaceCallEventHandler(proxy_ExternalInterfaceCall);
}
//--------------中間省略-----------------
private object proxy_ExternalInterfaceCall(object sender, Flash.External.ExternalInterfaceCallEventArgs e)
{
switch (e.FunctionCall.FunctionName)
{
case "setStage":
this.Size= new System.Drawing.Size(Convert.ToInt32(e.FunctionCall.Arguments[0]),Convert.ToInt32(e.FunctionCall.Arguments[1])+25);
axShockwaveFlash1.Size = new System.Drawing.Size(Convert.ToInt32(e.FunctionCall.Arguments[0]), Convert.ToInt32(e.FunctionCall.Arguments[1]));
return null;
case "oenFile":
//此處為開啟外部程式的method
Process.Start(Application.StartupPath.ToString() + (string)e.FunctionCall.Arguments[0].ToString());
return null;
default:
return null;
}
}
而AS3的部分則是使用ExternalInterface這個類別來進行溝通
以下取自AS3
ExternalInterface.addCallback("myFunction", callMe);
function callMe(name:String):String
{
var result:uint=ExternalInterface.call("setStage",720,440);
//呼叫C#的proxy_ExternalInterfaceCall並且傳遞三個字串
return "";
}
aList.addEventListener(Event.CHANGE, showData);
function showData(event:Event) {
trace(event.target.selectedItem.data);
ExternalInterface.call("oenFile",String(event.target.selectedItem.data));
//呼叫C#的proxy_ExternalInterfaceCall並且傳傳遞selected中的data資料(即為檔案路徑)
}
透過以上的方法便可以直接利用AS3告訴C#開啟的路徑
就可以省去一個一個bat的時間
以下附上C#跟AS3的原始檔
http://dl.dropbox.com/u/12533246/CDROOT.rar
其中也包含已經Release的檔案
有需要的朋友可以直接使用
解壓縮後點擊WindowsFormsApplication11.exe即可觀看效果
若要直接使用的話請把做好的swf檔案放到air資料夾中
並且記得在AS檔案開頭中加入
ExternalInterface.addCallback("myFunction", callMe);
function callMe(name:String):String
{
var result:uint=ExternalInterface.call("setStage",720,440);
//720,440為Flash的場景大小
return "";
}
C#才可以知道要建立多大的場景大小
若還有其他問題也歡迎回應詢問
PS
由於C#是.netframework4架構下面的軟體,所以執行的電腦必須有安裝過.netframework4
及flashplayer
為了解決比較舊的電腦可能沒有安裝過.netframework4
我找了另外一套軟體較做AutoPlay Media Studio
AutoPlay Media Studio是一套商業的軟體,有需要的朋友可以自己去網路上搜尋相關的資料
此軟體產生出來的exe檔便無需安裝.netframework
但flashplayer還是必須的
以下附上AutoPlay Media Studio做出來的檔案及原始檔
http://dl.dropbox.com/u/12533246/FlashAPMS.rar
flash原始檔附在CD_Root\AutoPlay\Flash\air當中
但release出來的檔案必須放在CD_Root\AutoPlay\Flash\
其他需要注意的地方為
AS3中 開啟檔案的方式要改為
fscommand(String(event.target.selectedItem.data));
String(event.target.selectedItem.data)表示檔案的相對位置
路徑用\\來表示(例如dir01/011.txt必須設定為dir01\\011.txt)
並且在AutoPlay Media Studio的Flash元件中加入Script
File.Open(e_FSCommand, "", SW_SHOWNORMAL);
有需要的人可以直接下載使用
直接替換掉CD_Root\AutoPlay\Flash\list.swf即可
場景大小必須是720x440
2012年10月18日 星期四
AS3 Flash產生圖片讓人下載的最佳解法
最近接觸了好幾個案子都要用到AS3產生圖片讓使用者下載
第一個案子是因為本身就要記錄使用者玩玩遊戲後的結果
所以做法是利用AS3 BitmapData類別 產生出要給使用者下載的圖片
使用adobe JPGEncoder將BitmapData編碼成ByteArray格式
再用UploadPostHelpe類別將圖片post給server並傳回圖片的實體連結
這個作法的問題是
假如我不想要server存圖片要怎麼辦??
通常這個問題大家會直接回答用FileReference的dowmload方法讓使用者直接從本地存取圖片
這又衍伸出另外一個問題
就是FileReference的dowmload並不能限定檔案的附檔名格式!!
沒錯!至少Flash10+AS3是不行的!!
這是我找了很多國內外的網頁及資料得到的答案
也就是說我們只能先預設使用者要存的檔案名稱如aaa.jpg
但假如使用者在存檔的時候想要更改檔案名稱如"bbb"但卻不小心把".jpg"刪掉了
那使用者便會存到一個沒有副檔名的檔案
這個問題困擾了我很久
也找了非常多的資料
最後決定還是用post的方法來解決
將檔案post給server但是讓sever在暫存階段就把圖片再傳回user
這樣post回來的圖片瀏覽器就會直接把附檔名鎖起來
就不用擔心檔案會塞爆server的問題了
不過這個方法的缺點是會占用server的下載頻寬,所以還是希望Adobe能趕快解決這個問題..
以下附上AS3 及PHP的原始碼,有需要的人可以參考看看
第一個案子是因為本身就要記錄使用者玩玩遊戲後的結果
所以做法是利用AS3 BitmapData類別 產生出要給使用者下載的圖片
使用adobe JPGEncoder將BitmapData編碼成ByteArray格式
再用UploadPostHelpe類別將圖片post給server並傳回圖片的實體連結
這個作法的問題是
假如我不想要server存圖片要怎麼辦??
通常這個問題大家會直接回答用FileReference的dowmload方法讓使用者直接從本地存取圖片
這又衍伸出另外一個問題
就是FileReference的dowmload並不能限定檔案的附檔名格式!!
沒錯!至少Flash10+AS3是不行的!!
這是我找了很多國內外的網頁及資料得到的答案
也就是說我們只能先預設使用者要存的檔案名稱如aaa.jpg
但假如使用者在存檔的時候想要更改檔案名稱如"bbb"但卻不小心把".jpg"刪掉了
那使用者便會存到一個沒有副檔名的檔案
這個問題困擾了我很久
也找了非常多的資料
最後決定還是用post的方法來解決
將檔案post給server但是讓sever在暫存階段就把圖片再傳回user
這樣post回來的圖片瀏覽器就會直接把附檔名鎖起來
就不用擔心檔案會塞爆server的問題了
不過這個方法的缺點是會占用server的下載頻寬,所以還是希望Adobe能趕快解決這個問題..
以下附上AS3 及PHP的原始碼,有需要的人可以參考看看
2012年8月17日 星期五
[米蘭實習日誌]手機上的Markerless的AR技術(無標籤的擴增實境)
雖然分享會的主題是"有趣的APP"
但我我主要是以Markerless的AR手機技術為主題在做介紹..
首先先介紹什麼事AR的標籤
這是一個很典型的AR標籤,主要的用途就是給AR得載具可以掃描辨識位置
而早期的AR技術都是以電腦加上webCam為主,且辨識得標籤都須有固定的規範,外觀基本上很難脫離某一種樣式,以至於在行銷的使用上有一些先天的限制
但隨著時代的演進
AR的應用不但可以在手機上實現
而且辨識技術越來越先進,可以當作標籤的圖樣也不再受傳統的樣式限制,甚至只要標籤有局部被拍攝到就可以進行辨識
在實作方面
目前最強大的引擎是Obvious Engine AR
他可以實現以非平面的物體進行辨識,這是目前最先進的技術
但相對的這個技術是需要付費的
且在支援度上也只有ios能夠支援
所以市場的接受度並沒有很高
接下來是另一套普比較普及的引擎Qualcomm Vuforia
這是一套高通公司開發的引擎(手機CPU製造商)
他的優點是免費、支援Android及IOS,容易使用上手(15分鐘教你做手機AR)
基本上他開發的軟體是用unity開發,在標籤的支援上也是相當多元
申請開發帳號之後就可以用網路的線上工具將任意的圖檔轉換成標籤的檔案匯入Unity當中
經過測試"米蘭實習生"的招募海報也是有不錯的便是成功率
除了單純得辨識之外Qualcomm Vuforia還具備了一些互動的功能
包括了虛擬的按鈕即一些多物理的互動
最後附上兩個官DEOM影片
沃爾瑪百貨和Super Hero合作的APP
官方的作品集
2012年8月9日 星期四
[米蘭實習日誌]奶綠老師的行動裝置課程
一進會議室
桌上擺滿了種行動裝置
其中也包含了一台ipad跟Transformer
這堂課主要是在介紹個個不同的網頁技術以及對行動裝置的支援
首先介紹的當然是紅極一時的Flash
難過得事情是IOS跟Android都確定未來不會支援flash了
但Flash也有找到自己的新出路
就是做遊戲跟互動裝置
html5被認為是下一代網頁主流的技術
但由於標準尚未完全統一
每個瀏覽器的標籤跟支援度都不一樣
再加上台灣還是很多人在使用xp
在這樣的情況下html5要普及可能還要一段時間
Adobe AIR算是一個Adobe的跨平台解決方案
寫的語法跟Flash依樣是AS
本質上來說其實也是Flash
但不同的是他等於是把Flash撥放器包在程式裡面
可以用來發布app
支援的裝置包括桌機 iphone4 android2.6以上
執行的效能來說
現場看起來感覺簡單的小遊戲都還OK
都還算是順暢
但3D方面可能就沒有很好
Unity3D
這是我覺得非常厲害的軟體
首先他有圖形化的介面
開發簡單容易上手(看完一本書就大概懂它的原理)
但重點是他的效能很強大
奶綠老師說他效能之所以強大是因為他是把程式轉成C語言
C語言則是所有作業系統及程式語言之母
少了中間一層一層的轉換自然就有良好的效能
但缺點就是他只能玩他自己的東西(無法叫出系統原生的對話框)
但對於遊戲來說已經是非常棒了
還有一個最重要的優勢是
他寫一次軟體可以直接轉換到ios 跟 android上
未來MS的w8手機也可以支援
而起執行起來依然是非常流暢
以下附上Unity的官方展示
只要下載一個檔案大小不大的撥放器就可以線上觀看
2012年7月26日 星期四
[米蘭實習日誌]7/24 JARVIS的回信(關於多力多滋的企劃)
今天有一件事情蠻有趣的
就是之前我在寫策略課程的網誌時
發現了一些我不太確定的內容
之後隔天我就把我不太確定的東西寫成一封信寄給JARVIS
以下是回應的重點
以多力多滋的案例來說
策略部分是
經過策略分析,決定以”轉變”作為夜電上市的傳播主張
創意企劃部分是
決定使用代言人
代言人的選擇(不用大嘴巴,用盧廣仲)
SLOGAN發展(電爆你的夜)
電爆你的夜如何在全媒體上做宣傳
內容執行規劃+文案撰寫+素材創意發展
另外有時候品牌定義的TA會和實際購買者有落差是正常的
就像格蘭利威設定的TA是設計族群,溝通的語言和調性都是設計取向的
但其實,購買的人卻大多是有點俗氣的中年人….
經過了這樣的解說感覺又對策略的流程跟一些小細節有更深入的了解了
2012年7月25日 星期三
[米蘭實習日誌]7/25 坎城擒獅分享會
今天我們來到了台大醫院的會議中心聽了一個坎城的分享會裡面主要是由小魚老師 分享坎城的趨勢粉絲老師 分享教練的心得KIKI老師 分享坎城的生活兩位選手 分享young lion比賽的心得
小魚老師提到今年是坎城創意節的第59屆總共有87國34301件作品報名參加台灣報名作品66件但得獎作品卻是0件…反觀其他亞洲地區中國12件 香港8件 泰國8件 新加坡15件 人口比台灣少的比利時也有32件得獎作品
不過就像小魚老師說的一開始每年都只有小魚老師一個人去坎城但後來開始台灣越來越有點重視這件事一直到這次有20多個台灣團參加台灣廣告也要逐漸跟上世界的腳步
一開始小魚老師用了兩個案例來告訴大家廣告的力量第一個是美國運通小生意日廣告的內容之前在小魚老師課程part2中有分享過,所以在這不再詳述而這個廣告要告訴我們得是”好的廣告是可以促進經濟”第二個案例是哥倫比亞國防部的”光之河”這個廣告也是之前網誌中有提過,但這裡要強調的是”即使是政府的廣告,也是可以打動人心”
另外今年的工藝與永續大獎的廣告是一個關於古髓捐贈的廣告
內容大概是說在美國非常的缺乏古髓捐贈的資料庫
一般人可能認為要取得資料必須要經過艱辛的手續,以及經過重重的關卡
而這個計畫則是製作一個package裡面包含棉花棒,
假如你不小心受傷的時候可以用裡面的棉花擦拭,
而這棉花棒就可以寄到指定的地點即可完成資料蒐集的工作,
等於是一次不小心的受傷就可能可以拯救別人的性命
綜合以上這三個得獎的作品
可以看出坎城創意獎的趨勢大概為
解決問題
促進經濟
國家發展
並且瑞典的貿易部長也表示
創意產業可以以驅動國家經濟發展、創造工作機會、建立品牌、甚至幫助出口雙倍成長
我想這也是每個廣告人終極的使命吧
粉絲老師首先介紹了i@t這個組織
這個組織成立了4年
是由10幾性質類似的公司所組成
宗旨是”促進產業提升 提升國際競爭力”
而今年的young lion選拔也是i@t辦的
粉絲老師跟小魚老師也分享了與坎城主席對談的一些內容
坎城主席也說了 他們發現很多” 很多好的創意都來自台灣,但為何台灣得作品很少??”
我享這原因可能很多,但最重要的重點是別人可以的得獎,我們也要得獎
除此之外粉絲老師也介紹了幾個坎城的的獎作品
這是今年得戶外廣告大獎
簡單的變化也可以打動人心
這是直效廣告獎的銀獎作品,粉絲老師用最”直效”的solution來形容這件作品。
2011年日本大海嘯造成了許多人的家園遭到破壞,急需要重建及物資的補充,然而除了人以外,寵物也是需要被安置。
藉由改良運送物資的紙箱,將救難物資拿出來後就可以將紙箱組合成一個狗窩,提供寵物一個安置的場所。
最”直白”廣告人的建議
在坎城的研討會中,有一間叫”Party”的日本廣告公司在研討會中贏得了喝采,原因是因為他們說”不要用大便來製造更多的大便”
這個問題其實還蠻值得我們去思考的,有時候客戶給的需求或是想法也許從根本面來說就已經是錯的,這時候我們還是要不斷的去迎合客戶,還是引導客戶走會正確的方向?
最”省錢預算”的社群傳播點子
這是澳洲的可口可樂行銷案例
主要要解決的問題是”有50%的年輕人沒喝過可樂”
這個案例有趣的地方是他將可樂的標籤印上各式個樣的”菜市場名字”,成功引發年輕人會去找自己名字的活動,甚至也結合網路跟實體,及時統計並將戶外看板的名字換城銷售最好的名字。
這個案例之所以會說是”最省預算”的案例是因為,他不需要買很多的媒體廣告,反而使用他本身就有的通路”平身標籤”,成功的不花很多錢就達到了效果
KIKI老師首先分享了一些在坎城遇到的一些有趣的事情
但也提出了許多論點
其實在坎城就像在參加世界盃一樣,在紐約有3600家廣告公司,而裡面的員工很少休息,一天都工作12-14小時
最也後講到Cyber lions的定義
Digital Existed Everywhere
Interface and Connection
Storytelling Involved
Really touched people everyday
這些也許是之後可以拿來做檢視的指標
接下來是這次參加cyber young lions的台灣選手分享準備的過程以及比賽的狀況
前面主要介紹到Young lion的定義跟比賽方法
簡單來說就是要符合以下條件
兩人一組且年紀要30歲以下
能在24小時內完成一個banner
能夠想出big idea
而台灣選手的選拔則是分三個階段
有興趣的話可以參考
裡面有三次比賽得作品及外籍評審的講評,內容相當豐富
台灣的選手也分享了準備比賽的分法
首先是蒐集資訊
從平面作品開始
平面→一頁講完
Banner→可以很多頁,可以演給你看
主要參考網站為Bannerblog
這是一個蒐集全世界banner的網站,大量閱讀可以增加自己的視野
但最重要是要蒐集banner
訓練分析還原出他的brief是什麼
學習怎麼在上面互動
最後是歷屆作品回顧(官方網站上都會公布)
製作Banner重點
- 互動 interactive
- 玩 play
- 邏輯 logic
- 簡單 simple
- 衝擊 impact
(講一個事實/玩一個事實/不要講太深,轉折點太多)
這五個重點是用來檢視一個好banner最好方法,前幾點都還算比較容易達成,但要達到衝擊性恐怕就是一個比較需要長期經驗累積跟好的創意才能夠達到
還有一個young lions的重點是比賽的限制
- ONE MAC
- ADOBE CS6 EN
- BANNER GUIDELINE (尺寸K數)
- GETTY IMAGE (唯一指定素材網站)
- INTERNET (不能上網 不能用USB)
- TIME(24小時 但製作只能從早上8點到晚上8點)
這裡有一個還蠻大的重點就是”不能上網”!!
雖然公布完題目之後是選手的自由活動時間,可以回住的地方享idea跟蒐集資料,不過對於程式部分而言,不能上網其實還算蠻有挑戰的,因為就我個人的習慣很多東西都是遇到問題馬上上網查,或是使用一些open source的東西,不能上網等於是說所有的東西都要自己寫,一開始聽到覺得還蠻可怕的,不過後來享一享假如是banner的話其實也還好,但就是知道以後可能也要練習一下不用網路寫程式了!
這次的Brief是
世界上也很多貧窮地區的小孩在出生後無法接種疫苗,導致很高的死亡率,希望能更呼籲大眾能夠給這些小孩一個公平成長的機會。
這是第一名的作品,主要是藉由同時按下鍵盤的sory三個件來告訴我們光說sorry是不構的(鍵盤上沒有兩個r),需要實際行動才能解決問題
第二名的作品是利用時間限來來告訴大眾說
很多人其實剛出生就死了,沒有機會來產生時間線
第三名是想要藉由打字分享來告訴大家這件事情的重要性(打越多字右邊的疫苗跟左邊的小孩就會越來越靠近)
台灣選手做的是
一開始可以選擇不同的出生地,而根據你選的出生的也許在你選的當下就告訴你”你死了”
我自己是覺得這樣得方法雖然還蠻有創意的,不過就是不構直接,因為banner這種東西通常都是穿插在別的網頁當中,別人不會主動享去按你的banner
所以一定要在一開始就講清楚你要表達的東西到底是什麼,反觀前三名的作品,一開始就會用文字來告訴你他要講的事情,我想這可能是台灣團比較可惜的地方。
台灣選手也有說過
得獎的這些東西跟想法他們其實也都有想過,只是他們是想要堅持不要用這些"曾經"看過的想法去做,但這讓我想到創意課中講過的一句話,其實你想的到的別人也曾經想過,只是你不知道而已。
也許比賽就是這樣吧,在短短的時間內就不需要顧慮太多了,假如能想的到又能夠執行的話就放手去做吧,想太多有時候會變成是無法致勝的原因。
最後我要提一件比較特別的事情,之前有KIKI老師有講過,坎城就像是一場世界杯足球賽,是各國彼此之間在競爭
我一開始其實也不太能感受到這件事情,直到我點進young lion的時候我才發現到,沒錯這就是國際競爭!!
希望之後能夠讓台灣的國旗也出現在上面(最好是在最左邊)!!!
2012年7月23日 星期一
[米蘭實習日誌]Airwaves市場調查與資料收集
這周我們主要的任務是要做一個Airwaves的提案
一開始我們設計了一個簡單的問卷去問了身邊的朋友
目的是要了解他們甚麼情況下會深呼吸
不過在假日我試著要把問卷拿去問朋友的時候發現
我們原本是把問題設定成"什麼情況下會面臨抉擇,需要深呼吸"
這樣的問題好像會跟我們小要找生活中的小決定有蠻大的落差
例如我朋友就會說:填志願的時候
這種就沒辦法當作參考,因為你不會常常需要填志願
但為了配合吃口香糖的時機,這件事情必須是要常常發生的才行
不過我們經過了一個早上的討論
還是有整理出一些東西
我們認為深呼吸是屬於一種比較想是鼓勵性質的東西
可以從中得到一點點的力量與勇氣
於是提出了"嚼對應援團"的主題發想
但到此之後就陷入了瓶頸
因為我們有點搞不清楚這樣的方向到底是對的還是錯的
後來下午的時候遇到又睿學姊
分享了一些去年的經驗及狀況
也讓我們總算知道下一步該怎麼做
那就是開始訪問公司裡的人吧
訪問的目標是18-30的男性
首先從好下手的開始
第一個選到的是跟我們一樣剛進公司不久的兩位美術
NEO及NEO的朋友
這兩位訪談的重點是
NEO說覺得深呼吸好像沒有實質上的功能
頂多就只是拿來騙自己感覺好像得到力量一樣
這還蠻符合我們原先提出的想法
第三位是找之前跟我們一起上課的花花
他說深呼吸的情況是"面試的時候"還有"以前見客戶的時候"(特別強調是以前)
以及游泳的時候(快速水道上一鼓作氣跟上前方的速度)
不果除了深呼吸的問題之外
我們也問了一些關於平常生活喜好以及對網路廣告的印象之類的問題
花花說最近令他印象深刻的廣告是"雪芙蘭"的網路廣告
這個廣告用的人物居然是用三國演義裡面的劉備關羽張飛..
還用搞笑的方式呈現
花花一直說"這客戶真的也很敢,居然敢這樣搞"
順便做了一下市場調查
根據當時在座人的統計
大家都覺得這廣告令人印象深刻
但問到你會想買嗎? 答案都是否定的
花花說人買東西有時候就像是在自我實現一樣
常常想買的只是那個感覺(例如有錢人都要買雙B)
但這種就是感覺似乎沒有塑造得很好
不足以吸引消費者購買
真沒想到又趁這個訪談機會又上了一課
最後我想提一下美術小妹一百有趣的事情
禮拜五的時候我們隨口跟他說
你想一百個"深呼吸"的情況
我們就給你一個獎品
沒想到他居然爽快的答應,還說獎品是要珍奶...
然後今天他果真想了一百個
果然厲害
2012年7月19日 星期四
[米蘭實習日誌]7/19 實習生自我成長策略+坎城互動廣告分享
上公司有人用MSN問我說”狀況還OK嗎??”
我簡述了一下昨天策略課遇到的狀況及一些實習生們之間的狀況
之後也有跟迪奧討論了一下我們報告的狀況
歸納出了幾個方針作為實習生們的改善目標
- 大家都太害羞了,有什麼問題就要趕快問、用力問(昨天的狀況就是因為這個造成的)
- 多跟公司裡面的人互動,建立起良好的關係,可以從中學習到更多
- 要拋開做作業的心態,每一次的報告都很重要,把作業當作一個客戶給我們的考驗,必須做好萬全的準備
- 報告前實習生們要先彼此討論報告的內容,互相分享彼此的優缺點,並將彼此間已知的問題告訴對方,以避免明明可以預防的錯誤在報告中發生
- 分享會的題材選擇可以朝向各自的專業來選擇並從中講解選擇的原因,以我自己互動部門為例,選擇的案例裡面就可以特別去提他的互動程式可能有怎樣的問題或是突破之類的,而動畫部門則是可以分析該案例的動畫製作繪有需要怎樣的技術跟難度,企劃美術亦是如此
中午的2012坎城互動廣告分享會
我幫自己訂的主題叫”虛實整合行銷”
首先顯先講一下虛實整合的優勢
互動性:跟使用者互動,但這個互動不單純只是在電腦上的互動,或是實體上的互動,而是一個虛擬與實體整合的互動,這樣的好處是可以加深互動者的印象以及增加互動的意願
話題性:因為跟真實社會結合,大家會對相關的話題產生比較多的興趣,自然而然的就會彼此互相分享,達到行銷的目的
網路社群與口碑行銷:互動過的消費者很有可能會透過社群網路發表自己互動的感想或是心得,而這樣以昨天的”蛇與梯子”來看的話就是在幫自己的品牌建立梯子,也就是口碑行銷
第一個案例是在講日本傳統書店遇到的問題
人們過度的依賴網路上的資訊,變成去書店只買網路上推薦的書籍,並不願意主動翻閱其他的書,這樣的狀況史的書店得銷售量不斷下降
於是日本人想了一個叫”Social Bookmart”的系統
讓讀這可以透過社群網路的方式分享看書的心得評論,而書店會將該評論印下並夾在書本當中,讓消費者看到能夠吸引目光
但我覺得這個案例的噱頭性成分比較大,主要只是讓消費者新奇的感覺,但真的一本書夾那麼多標籤真的有人會去看嗎?....
第二個案例是smart Fortwo(電動汽車)
一般我們對電動車的印象是體積小、環保、適合城市移動
而最容易被質疑的點是”電動車的引擎性能是不是很弱???”
而smart Fortwo想要告訴消費者的訊息是
這台車不僅環保,還充滿著樂趣
新款的samrt Fortwo加速度測試以0-60km/h可於6.5秒完成(這個數據可能一班人比較不會有概念但在下一個案例中大家便會知道這是很厲害得數據)
為了要讓大家了解smart的性能以及樂趣,廣告商辦了一個活動讓大家能夠實際的用smart完乒乓球
這個案例我喜歡的點在於他是一個將大家都玩過的遊戲用新的玩法重新讓消費者體驗,除了樂趣之外也充分的展現smart的機動性以及效能
第三個案例是Chevy Sonic
因為這個品牌及這輛車大家比較陌生,不過基本上我們可以以把它看作是Honda FIT 或是Ford Fiesta的相似車款
他主打的特色:渦輪增壓引擎、6速手排變速箱、同級車最大扭力(0~60km 7.8秒)(由此可以看出smart的6.5秒非常的厲害)
從主打特色中可以發現,他是一台賣給著重操控性能的人的車(尤其是手排變速),而這種人往往都是喜歡玩極限運動,喜歡追求刺激的年輕人
這個案例的行銷手法是結合極限運動的虛實整合
把車子放在用貨櫃搭成的該台上,並設計一個裝置讓體驗者可以透過網站點”GO”讓汽車不斷的往前推,推到最後就會進行”高空彈跳”而一切的狀態跟互動都可以在網路上進行及觀看
這個案例我喜歡他的點在於他是一個可以跟很多人同時互動的案例,不向上一個smart只能跟少數在場的人互動,這樣就會產生更多透過體驗而受影響的人
總結三個案例
共通點都是製造使用者互動的經驗,讓他們能夠主動在網路上分享,並成為行銷的一部分
訂閱:
意見 (Atom)