2009
01.22

恆逸線上簡介書上線 By Flex

做了這麼多的專案,很多都是不方便露出檯面的東西(不是色情啦,想到哪去了),畢竟這會有一些版權或是對方利益上的考量,但是這個是自家的東西就沒關係了,拿出來給大家玩一玩,專案是以Flex和ActionScript 3.0的技術完成的。

因為需求幫公司作了一個線上的簡介書,這是第一個版本,多媒體系列課程的未來還會再做一個特別版的,所以今天就來介紹一下上面的功能。

BookNavigator


為了要讓使用者在閱讀上更加方便,我提供了3種縮放(遠近)的操作方法:

  1. 在書上點擊兩次(可以直接放到最大或是縮到最小)
  2. 用滑鼠滾輪(以滑鼠指到的地方做放大縮小的細微控制)
  3. 拖曳放大比例Slider(以書籍中央做縮放)

BookNavigator


也提供了書角翻書的功能(雖然我覺得這不是重點),如果有觸控螢幕的人翻起來會比較爽一點(很想翻個大家看在錄影起來,不過沒有也只好作罷),不然用滑鼠拖曳也是可以過過乾癮啦。

BookNavigator


也提供直接跳頁功能,免得翻頁翻到手抽筋,如果要知道哪一頁有你要的資料,可以直接翻到該頁去。

BookNavigator


另外也提供了"全螢幕","移動","重設"的功能來輔助操作。

BookNavigator


其實還有很多隱藏性的功能,例如頻寬管理,後端資料維護,資料搜尋等等功能,因為這本書高達140頁,不做這樣的處理,以後會是非常沉重的負擔,不過這些你們在操作時應該是感受不到,我也不好Demo,所以就不多囉說解釋了。

若有興趣的人可以點選下方連結觀看使用:

BookNavigator


相關文章:
  • 在Flex上玩Google map街景功能
  • Facebook 的ActionScript API 更新到 3.3版
  • 用ActionScript讀取相片中的exif資訊
  • 現場直擊Flash/Flex特效瘋-8/26活動內容預告
  • Bitmap與BitmapData
  • 本文引用:
    文章內容由宋志峰[ANISTAR]撰寫,引用分享請以鏈結形式註明出處與原始作者。

    7 comments so far

    Add Your Comment
    1. 我在公司也做了線上閱讀
      每頁是用了一般的圖檔(jpg,png等)
      請問關於在Zoom In時你這邊是怎麼做到
      不會有格子狀出現的,感謝

    2. 您好,這是不錯的demo,感覺有點像再看 "MagV線上雜誌"。下回公司內部簡報就用 Flex 來製作,換掉 PowerPoint 這老東東,順便推廣 Flex。

      看到 "頻寬管理" 這字眼,發現與目前正著手開發的系統有些關聯,原本想以 web 介面呈現 PDF 報表,但後來發現檔案過大,又受限前端分支單位的頻寬過小,一份上百 MB 的 PDF 報表檔無法快速開啟,真是慘!!

      結果只好改變整個系統架構,前端介面放棄 Web client,改用AP client,所以用 java swing 做了查詢介面,而後端主機只負責傳送data,PDF 報表的形成是由client 端經 iText 轉寫行成 PDF 檔案然後再開啟。

      雖然克服頻寬問題,但又覺得 java swing 介面不是挺好看的(當然在比較之下) ,先前想用 Flex 實做查詢介面,但又卡在 iText 轉換 PDF 檔案,不知是否用 AIR 可以與其它 OPEN SOURCE 套件的程式碼共存或是去調用它 ??

      願版主不吝分享心得,感謝……^_^

      • 用Flex的好處是可以在網頁上直接觀看而且操作非常的流暢,不過線上觀賞的文案最好是另外設計,像我幫公司做的這個應用是直接拿印刷稿來作顯示,在觀看上其實並不是太舒適,雖然這不是技術方面的issue但是卻還蠻重要的。
        不知道您所提的"AIR 可以與其它 OPEN SOURCE 套件的程式碼共存或是去調用它"中所提的"OPEN SOURCE 套件的程式碼"指的是哪一種,因為open source的東西太多,可能你要列出名子我才能夠比較"準確"的回答你,不過大致上是ok的。

    3. 老實說….
      主要是編輯字體大小關係,是以印刷紙本方式設計
      閱讀起來不是很舒服~ 放大縮小之後又有頻寬問題
      有點小Lag…..

      個人覺得電子書還是用整合PDF比較好
      必經PDF 很多功能都已經做好了….如標記 .註解..列印等等

      如果沒有特殊需求如…動態多媒體檔案 …的話….

      • 其實電子書真的是要特別專門設計過會比較容易閱讀,因為這牽扯到螢幕解析度的問題,今年是先幫公司把紙本的資料搬到線上,並非專門位電子書設計,要展現100%的能力是比較困難的。(我個人覺得字體實在是太小了),但是對公司而言,他們可以把InDesign的排版轉成電子書,就是一個低成本的好做法。

        我不可否認PDF是一個好東西,我自己也是PDF的愛用者,但是PDF相對的檔案也非常的龐大,若是只是要看其中幾頁或是章節,必須要下載全部的檔案才能實現,比較適合下載電子書的應用,對於簡介或是雜誌我到覺得電子雜誌是比較好的作法,所以公司方面才打算用線上電子書的方式來進行,背後當然需要搭配資料搜尋的機制,我想明年份的簡介再做排版設計時應該就會一起考慮進去了。

        今年也提供PDF版的檔案可供下載,至於多媒體的嵌入其實現在PDF已經可以做了喔,不過還是那句老話,事前的規劃很重要啊。 XD

    4. 這本書看起來蠻酷的
      不過我用ie6調成fullscreen再調回一般的大小
      結果圖片好像顯示會有點問題
      圖片會往上跑無法下到中間來

      • 感謝你幫測試跟建議啊,因為我沒有做螢幕恢復的判斷,下次有空在加上去。