免費線上申請註冊商標輕鬆搞定

文：Anny

仿間很多在協助一般企業申請註冊商標和專利的公司，專利因為牽涉較多需要注意的事項和各國規範不同，所以要自己處理較有難度，但是如果是要申請企業識別、品牌商標只需準備以下資料，線上填寫表單就可以完成了喔！
現在就來告訴大家如何輕鬆線上申請註冊商標。

申請前準備資料：

1. 註冊商標圖檔：掃描電子檔5*5 cm (分彩色或黑白：視申請需求)
2. 帳號註冊憑證：掃描電子檔(例如：公司大、小章)
3. 代表人英文姓名

申請步驟簡要說明：

1. 登入智慧財產權e網通網址：https://tiponet.tipo.gov.tw/wps/portal/tiponet
2. 加入會員(以公司名義) 上傳憑證檔案(公司大、小章)
   上傳憑證後就可用”電子申請”方式線上申請商標
3. 登入會員後點選”案件申請”電子申請
4. 填寫完資料後點選下一步
5. 細填商標註冊申請書，重點在於指定使用商品／服務類別及名稱
6. 線上送件
7. 列印憑據後付款
   無電子憑證(工商憑證、自然人憑證) 付款方式有三種：a.填寫繳費申請書b.郵政劃撥c.ATM轉帳
   我個人覺得郵政劃撥最簡單，只需將「收文文號」、「申請案號」、「規費金額」、「申請人名稱」、「聯絡電話」，註明為電子申請送件寫在備註欄，不用再寄送。
8. 如果採用b、c方式付款必須寄出收據(掛號)
   款項依據申請的商品／服務類別不同價格不同(1類約2,700元)
   地址：臺北市大安區辛亥路2段185號3樓
   收件單位：智慧財產局
9. 取得「商標核准審定書」
   2個月內要付款完成(1-3年1,000元、1-10年2,500元)
10. 商標註冊證取得整個過程時間(約6-12個月不等)
    也可打電話去智財局提供申請案號找到審查人員窗口詢問進度
    智慧財產局審查點電話：02-23767575

商標申請費用：

1. 申請費：2,700 (1類)
2. 審查費：1,000 (1-3年/1項)、2,500 (1-10年/1項)

查詢申請進度簡要說明：

1. 登入智慧財產權e網通網址：https://tiponet.tipo.gov.tw/wps/portal/tiponet
2. 登入會員
3. 點選”一般功能”下拉選單的”進度查詢”
4. 選擇”商標案件進度查詢”
5. 輸入”申請案號”
6. 即可看到申請進度

商標上的TM和O R有什麼不同呢？
TM是TRADEMARK的縮寫，美國等國的商標通常加註TM，但並不一定是指已註冊商標。而R是REGISTER的縮寫，用在商標上是指註冊商標的意思，我國商標法實施條例規定，使用註冊商標，可以在商品、商品包裝、說明書或者其他附著物上標明"註冊商標"或者註冊標記。註冊標記包括（註外加○）和（R外加○）。使用註冊標記，應當標註在商標的右上角或者右下角。

U Web商標註冊通過／商標註冊證
為自己企業識別及品牌logo加上一個R吧！申請過程一點都不難，只需依照下述說明就可輕鬆完成，省下委託商標申請單位的服務費約6,500-10,000元呢／1類，還不包含審查費喔！
信諾科技U Web網站快捷建置服務的品牌logo就已經註冊通過了，家上了一個R和圈圈，有了身分識別的感覺。

2011年1月20日正式通過U Web商標註冊申請，識別上多了一個R。
商標註冊證：

我最喜歡的網路服務-Dropbox

文：俊誠
網路上的免費資源種類非常多，如分享軟體、電子郵件、即時通軟體，都是網路免費服務所涵蓋的範圍。
近年來我最喜歡的是Dropbox，原因是它具有檔案儲存及同步，檔案共享、線上備份等等服務。

檔案儲存及同步

• 2GB 免費線上儲存空間。
• 同步檔案。
• 當偵測到新增檔案或是檔案內容有更動時會自動同步。
• 檔案可以續傳，傳輸中斷的地方會接續而不會重頭再來。
• 可以設定上傳/下載頻寬，不會佔滿你的網路頻寬。

檔案共享

• 共享資料允許多人使用特定資料夾。
• 你可以即時看到別人對檔案的更動。
• "Public" 資料夾可以公開連結你的檔案給其他人。
• 控制誰有權存取共享資料夾
• 相簿資夾料夾自動產生共享的相簿。

線上備份

• 自動備份使用者檔案。
• 30天期限的回復記錄，付費帳號還可以有無限期的回復可選。

手機存取
iPhone apps能提供以下服務:

• 隨處存取你的Dropbox 。
• 在iPhone 或iPod Touch 觀看你的檔案。
• 下載檔案後可以離線觀看。
• 用手機照相及拍影片再同步到Dropbox 。
• 下載檔案保持最新狀態。

Dropbox真的是帶給我們新的體驗，只有要Dropbox的連結，出差也不需帶檔案在身上，不必再用USB隨身碟在電腦之間傳檔了，不再用複雜的備份程式了，它也能取代其他的FTP, NAS等網路檔案共享方式。

電子書製作淺談Base64編碼之應用(下)

文：Vanier

上次我們談到了如何將二進位的BitmapData點陣圖資料，轉換成base64編碼的文字資料格式表示，所以接著我們就來看看，要如何將base64編碼的字串資料轉換回正常的點陣圖，並且顯示到舞台畫面上。沿用前篇範例的資料內容，先將四張小圖的base64編碼資料存成四個文字檔 – smile.txt、angry.txt、cry.txt、happy.txt，程式的內容包括載入這些文字檔案，然後將載入內容轉換成Binary Code的BitmpaData，最後再將結果顯示在舞台上面。

主要的轉換動作是放在主程式區Base64Test.mxml裏頭，主要是運用Base64Decoder類別的decode()方法函式進行編碼文字的解譯動作，其次引用toByteArray()方法函式，取得該資料的二進位資料值內容

            publicfunctionloadBitmapBase64String(url:String):void{        

                varloader:URLLoader = newURLLoader();

                vardataFormat:String = URLLoaderDataFormat.TEXT;              

                loader.dataFormat = dataFormat;

                configureListeners(loader);

                varrequest:URLRequest = newURLRequest(url);

                try{

                    loader.load(request);

                } catch(error:Error) {

                    trace("Error loading requested document: "+ url);

                }          

            }

            privatefunctioncompleteHandler(event:Event):void{           

                varloader:URLLoader = URLLoader(event.target);

                configureListeners(loader,false);

                   varbyteArr:ByteArray;

                varbase64Dec:Base64Decoder = newBase64Decoder();             

                base64Dec.decode(loader.data);             

                byteArr = base64Dec.toByteArray();

                byteArr.position = 0;

                sampleBoard.drawBase64String(byteArr);

            }

完成文字資料的內容轉換之後，我們獲得了一份ByteArray型態的資料內容，所以接下來的任務就是如何利用二進位格式的資料內容，更進一步轉換成可以顯示的物件資料，而這部份的作業是放在類別PresentBoard.as當中：

        publicfunctiondrawBase64String(data:ByteArray):void{           

            varimage:Image = newImage();

            image.source = data;           

            vartestImage:Image = newImage();

            testImage.width = destBitmap.width;

            testImage.height = destBitmap.height;              

            testImage.addEventListener(Event.COMPLETE,onImagePreLoaded);            

              testImage.load(data);

        }  

        privatefunctiononImagePreLoaded(e:Event):void{                       

            e.target.removeEventListener(Event.COMPLETE,onImagePreLoaded);

            //

            varimg:Image = e.target asImage;         

            vartmpBD:BitmapData =  newBitmapData(img.width,img.height)

            varmatrix:Matrix = newMatrix();        

            tmpBD.draw(img,matrix,null,BlendMode.DARKEN,null,true);

            //

            destBitmap.source = newBitmap(tmpBD);         

        }  

如上面的實做程式碼，首先我們是利用Image物件以load()方式，載入剛剛取得的ByteArray內容，然後再將載入的資料存到一個BitmapData物件當中，並且把它放到指定的Image容器當中，每次選取不同的文字檔案，即可顯示不同的圖形畫面。

範例圖示：點選下拉選單中的檔案名稱，即可載入base64編碼文字內容並且顯示成原來的點陣圖

範例連結：http://www.utrust.com.tw/dispUploadBox/publish/Base64Test.swf

程式原始碼下載：http://www.utrust.com.tw/dispPageBox/WHITESTYLEA_CT2.aspx?ddsPageID=BLOG&&dbid=3470364989

檔名：base64Sample2Source.zip

義大遊樂世界官方網站設計理念說明及實作畫面展示 Part.2

網站架構與規劃說明 – 雙軸線導覽

主題樂園的相關資訊或活動，會有很大的比例跟「地理定位」有關，如餐飲商店或特洛伊城堡可能有最新的表演節目、優惠方案或設施更新，除了在主網站的公告訊息區可看到全部的最新資訊外，應該還可以在使用者以「地圖導覽模式」查詢時，直接在該主題區看到這些訊息。
這即是「雙軸線」導覽的模式，也是常被提到的「多維網站架構」，適合應用於本案，僅需細部修正DISP 平台的上稿系統，即可達到本目的，規劃示意如下：

雙軸線導覽實作範例：從主題專區或導覽地圖，都可查詢到天旋地轉的資訊

功能元素 – 網站介面採駕駛艙模式設計

情境型的網站常因為營造氛圍的需求，需佔用到頁首的黃金區域，造成使用者閱讀網頁的不便。

對於這個兩難的情況，常用的解決方式是採用「駕駛艙操作模式」的介面設計，以互動「面版」的模式，避免使用者需拖拉網頁才能看到需要的資訊。

Element 功能元素 – 技術面解決方案

為了達到互動的效果，網頁常需要用到Flash 的RIA 技術，然而全Flash 的網站，無論在開發成本及後續擴充維護上，都需要投入很大的資源，並不實用，最新的常用解決方案為混搭技術的使用，採用Flash 與Ajax 等技術混搭設計，兼顧互動性及網頁維護上的靈活性。

瀏覽者情境的導入

進入網站前，先以Welcome 動畫，帶領瀏覽者穿越時光隧道，脫離現實生活，進入一個魔幻現實的新場域…..

操作介面功能設計說明

網站主導覽版面以3D空間的方式設計，引領網友進入一個脫離現實生活的情境與心情。明確切割為A、B、C、D 四區，如下圖所示。

 A 區採用Widget 的面版模式設計信息公告面版，上稿者可自由選擇不同類型的面版，如CF播放、圖文式、純文字式…，並設定其內容，透過自動上下架的模式呈現於本區。本區具有「便利貼」的意象，使用者可自由拖拉、上下切換面版，放大檢視有興趣的訊息，兼具趣味性及實用性。

Widget 面版模式概念示意

B 區提供「主題切換」的功能，讓網站經營者可以在單一頁面中，容納多主題的內容。切換主題時，整個情境設計及公告內容也會隨之變換。一方面解決龐雜資訊歸類的問題，一方面增加使用者操作互動的樂趣。

切換到「夜世界」主題範例

C 區為World Map 互動式園區地圖導覽，於後詳述。
D 區提供「附屬功能/快速連結」的功能，舉例而言，可將下拉導覽列或是近期主推、常用的功能集中於本區。
以下為下拉導覽列範例：

採用內視窗技術延伸內容呈現模式說明

對於一般性網站資訊的查詢，如園區資訊、最新公告…..，如果能以不換頁的模式呈現，一方面可將使用者維持在目前的情境，一方面也可節省主機頻寬資源及便利使用者閱讀（不需向下拖拉）。
目前最新且穩定的模式為採用內視窗技術達成以上的效益，其於本案的實作範例如下圖所示：

World Map 設計理念說明

關於本網站的第二條導覽軸線World Map ，在介面及互動形式上，主要堅持直觀容易上手的原則，透過視覺化的操作介面，亦可以直接突顯園區各主題區的定位與特色，不會造成見樹不見林或見林不見樹的弊端，特別適用於主題樂園園區資訊的呈現。其實作畫面如下：
全區地圖式導覽

快速移動導覽視窗及縮放

預覽設施資訊/右方導覽列可快速分區查詢或用關鍵字查詢

點選特定設施後，以內視窗呈現詳細資訊

主題式的導覽動線實作

除了透過World Map 地圖式查詢外，本網站在動線設計上，也提供主題式的分類查詢，先以三大主題城區為分類，以不同的進場動畫及設計風格，帶領使用者進入該城區的氛圍，再於各城區以遊樂設施、餐飲商店、主題表演及最新消息四大分類，幫助瀏覽者清楚而快速掌握各區的詳細資訊。
網站實作畫面如下：
進場情境動畫：

各區主題首頁

遊樂設施分層查詢例

完成所有規畫後的結果，呈現在義大遊樂世界官方網站/http://www.edathemepark.com.tw

義大遊樂世界官方網站設計理念說明及實作畫面展示 Part.1

文：Morris

概念與發想 - 網站定位
在討論「網站設計」的議題前，應該先作「網站定位」的思考。尤其本專案建置的標的是一個主題樂員網，非是一般性的網站設計模式可以類比。
為何主題樂園網站需要更明確地被定位？因為娛樂事業屬於體驗經濟，如果沒有細心照顧到使用者的情境與心情，而只是一昧的提供強大的功能或繁複的資訊，則很容易就在使用者的使用經驗中，建立不佳的潛在印象，進而對企業本體造成損害。
將琳瑯滿目的網站粗分一下，可分為新聞性網站、入口網站、服務（功能）型網站及體驗/情境型的網站，細看各精品或娛樂、媒體事業的網站，都屬於體驗/情境型的網站，情境型網站，必須很細膩地經營使用者的心情、營造整個網站的氣氛與氛圍。

概念與發想 - 一致性的情境延伸

情境的營造與經營，最怕的是讓使用者有過度跳躍的情境轉換，例如六福村主題樂園官網完全沒營造樂園的氛圍，只提供一般性的傳統網頁，可說只是一個大公告版，可口可樂的官網，非常用心於情境的營造，將使用者帶入樂園與歡樂的氛圍中。
如下例韓國主題樂園網雖然做到了氛圍的營造，卻忽略了情境一致性的延續，點選任一主題連結時，連結的目標網頁與該入口網頁的情境差異過大，這是其失敗處：

在這方面，標榜臺灣創意人集散地的大小創意網站，就做到了很好的情境延續設計，除非使用者點選了另一個「主題」，不然，一般性的閱讀與訊息查詢，都維持在一個統一的基調中：

網站架構與規劃 –目的情境

本規劃案以「玩。逛」作為目的情境。舉賣場的動線設計為例，當顧客進入淑女館後，除非顧客主動作一個很大的情境切換選擇，如坐電梯到兒童館，不然在淑女館中，所有的擺設及動線都要將情境維持在一致的氛圍，不可能一回頭忽然看見一個賣五金的櫃位。

以World Of Coca 網站為例，在相同主題中，簡單的訊息查詢與切換，會直接以內視窗技術呈現，不會突兀的將使用者帶到另一個不同氛圍的畫面：

網站架構與規劃說明 – 解決方案

綜合以上的概念分析與實例研究心得，建議本網站以Lyte Box 的方式提供一般性訊息的查詢，儘量將使用者的使用氛圍保留在一致的情境中，但是對於「可自成一個主題」的區塊，則以主題網站的方式獨立製作，並允許使用者的情境作跳躍。

對照實際的網站功能需求架構，規劃範例如下：

網站架構與規劃說明 – 雙軸線導覽....Part.2再詳談