【網站資訊】

Touch把照片變成書:(客戶完工後已搬遷網址,若對此案有興趣可私下密我要demo)

【合作伙伴】

  1. 美術:海棠科技
  2. Flash程式開發:小佳
  3. 網頁及後台程式開發:棟材
  4. 測試驗收:Evonne

【開發時程】

一個月

【使用技術】

ASP .NET、Flex4

【作品簡介】

這個案子對我而言是一個蠻大的挑戰,
因為它的程式邏輯以及相關的細項工作十分的複雜,
對方更是要求一個月內要完成此程式,非常的具有難度。

首先相本有許多種類(ex: 寫真集、大文庫集、隨身本等…),
每一種分類都有其各自的頁面類型(ex: 封面、前頁封底、內頁)
每一種頁面類型又有各自的頁面排版方式(圖文的位置及大小、數量),
一本書又有不同的預設頁面數量排版組成(使用者可自行更換每一頁的排版類型),
所有的layout設定都必需做成活的,但又需要能在編輯器讓使用者操作順手,
在程式設計上是十分大的挑戰。

另外在編輯上,使用者可對圖片移位、放大、縮小、旋轉
文字更換字型、顏色、字體大小拖拉貼紙及對話框、移位、放大縮小
可更換頁面排版切換單頁跨頁模式自動填滿圖片變換頁數復原重做多頁瀏覽
並在對書本本身做變換頁數或單跨頁切換時必須保留原來的設定值。

也要可以重新載入舊檔繼續編輯儲存、瀏覽及預覽、匯出PDF檔案
這些都牽涉到頗複雜的程設邏輯。

上傳圖片要有批次上傳、從flickr上傳、單張上傳
並需要在上傳時顯示loading圖示。

由於Flash與伺服器端的合作需要密切的聯繫及溝通,
棟材是大陸人,語言、用語和溝通習慣上略有不同,
也成為開發此案的一個重大難點。

所幸此案最後也順利結案,功能也都有完成,
在程式設計上的難點我也都一一克服,
感謝棟材及Evonne的全力配合。

【程式截圖】

Touchin1

第一步驟、設定相簿標題及描述

Touchin2

第二步驟、上傳照片

Touchin3

主要編輯畫面

Touchin11

右下選單切換至頁面預覽時畫面,可下拉主畫面上方的頁面清單來切換主場景的頁面

Touchin9

可拖曳左邊的貼紙及對畫框到處場景,對話框可縮放、打字、設定字型、顏色、字體大小

Touchin4

按下右上方預覽會跳出預覽視窗

Touchin6

按下頁面管理時所跳出的選單

Touchin7

按頁數設定應可更換書本頁數,已排好的圖片會自動照原本所排列的順序填入

Touchin8

按下自動排版,會將圖片照順序填入所有空著的圖片欄位裡

Touchin10

按完稿並購買會進入購買確認頁面