尋求web電子書參考資料

jquery ebook 電子書 javascript

king742171 2017-09-01 09:35:16 ‧ 8204 瀏覽

分享至

老闆看到這個網頁
他覺得不錯~然後網址丟給我
要我參考~並思考怎麼做的

說真的~還蠻不錯的~
一份電子書的概念..
除了基本控制項和電子書基本的翻頁動畫以外..
他還可以崁入影片、圖片..
甚至於還有跟使用者互動的表單或對話..
(我想...BOSS看上的應該就是這個吧...)
(其實自己看完..也挺有興趣的..XD)

我想試著找出這套的source code或相關文件
然後在自己研究~~但...找不到..= =

我大概知道方向是jquery..
所以也到jquery的官網找找有沒有類似的plugin
同樣沒找到...
不過..倒是看到一堆效果、廣告橫幅、Scroll.....等等的source code..
(東拼西湊..應該可以組合類似的玩意兒..= =)

不知道是否有神人能夠幫忙找找~
提供一下~感激不盡~
(找到類似的也可以唷~)

看更多先前的討論...收起先前的討論...

fillano iT邦超人 1 級 ‧ 2017-09-01 10:22:34 檢舉

看起來是自製的，跟jQuery沒直接關係，他不是寫成jQuery的plugin。主要程式應該是main.js。

原本應該是PowerPoint，所以後台還有處理PowerPoint文件的程式，不是你看到的前台這麼簡單。你能看到的只是一個player。

king742171 iT邦新手 2 級 ‧ 2017-09-01 10:32:55 檢舉

您意思是說...
它的內容是用PowerPoint製作的...
而我看到的畫面是透過某支程式轉成我現在看到的樣子囉?

那我想請問.....
他這套...有沒有可能是利用某種工具製作的(例如DreamWeaver)
而不是自主開發..或是拿人家的open source拼湊修改來的?

froce iT邦大師 1 級 ‧ 2017-09-01 10:54:34 檢舉

http://www.ispringsolutions.com/ispring-converter/demos
類似這種？

fillano iT邦超人 1 級 ‧ 2017-09-01 11:09:39 檢舉

to 樓主：
不可能用Dreamweaver這類工具做啦，你要累死自己喔。我這次鐵人賽有做類似的東西，只是沒完賽。不過他內容是用html呈現，我是用Canvas。

king742171 iT邦新手 2 級 ‧ 2017-09-01 11:22:30 檢舉

哈哈~別誤會~
我只是疑問~~
個人並不愛用DW~XD

馬上去您的鐵人檔案看看~~

我在等等看還有沒有其他神人有參考資料提供的~
(稍早找到這個JS範例可以研究玩玩看->https://github.com/hakimel/reveal.js/)

king742171 iT邦新手 2 級 ‧ 2017-09-01 11:29:59 檢舉

to froce:
沒錯唷~就是這種~
但我大致看了一下...
沒看到source或相關文件...
感覺比較像是商品化的工具~
不過可以參考別人設計的UI就是了~XD
因為我需要作出一個給BOSS看~
需要一些source參考研究~

不要問我充電要多久 iT邦新手 2 級 ‧ 2017-09-01 13:51:46 檢舉

IE右鍵-->檢查元素
隨便複製裡面的class
例如： fliphtml5AnnotationLineToolsContainer 估狗

king742171 iT邦新手 2 級 ‧ 2017-09-01 15:53:39 檢舉

to fillano:
哇~~~您的研究超出我的理解範圍....
有點難耶~~= =

fillano iT邦超人 1 級 ‧ 2017-09-01 16:17:39 檢舉

另外一個方向，是考慮用epub格式來做。（他就是一包html）然後看看有沒有方便的reader方案。

fillano iT邦超人 1 級 ‧ 2017-09-01 16:20:24 檢舉

好吧...因為全用Canvas來顯示畫面XD，所以實際上在做的事情：剖析pptx檔案（xml）、把東西畫到canvas上（2D繪圖）。

除了canvas是html5以外，其他好像不直接跟web相關XD

king742171 iT邦新手 2 級 ‧ 2017-09-01 16:57:03 檢舉

canvas我還算了解怎麼玩~~
對我來講...困難在於剖析PPTX...
還有....我看不懂那密密麻麻的文件...= =

bandaiwsc iT邦研究生 3 級 ‧ 2017-09-02 02:54:35 檢舉

推薦參考一下Google 的作品：http://www.20thingsilearned.com/zh-TW
翻頁動畫是以Canvas繪製出來的效果，以前練習 html5 時從中學到不少經驗。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

黃彥儒

iT邦高手 1 級 ‧ 2017-09-01 12:51:55

http://smartappscreator.com/tw/
好像是這個...
雖然我在高中學這個的時候很賭爛他，但是應該可以輸出這種效果

回應 4
分享
檢舉

看更多先前的回應...收起先前的回應...

king742171 iT邦新手 2 級 ‧ 2017-09-01 13:12:58 檢舉

還有這種玩意兒~好酷~
跨平台的耶~~>..<

黃彥儒 iT邦高手 1 級 ‧ 2017-09-01 13:16:28 檢舉

我賭爛他的原因就是不跨我的平台.....

king742171 iT邦新手 2 級 ‧ 2017-09-01 13:17:15 檢舉

甚麼平台= =
現在...不都這幾種而已嗎?

黃彥儒 iT邦高手 1 級 ‧ 2017-09-01 13:22:14 檢舉

Sony的電子書閱讀器，採用Linux 2.4左右(我要求太高了.....
因為她是電子書製作軟體(當時廣告是這樣)所以不支援我就很失望

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22179 篇

完賽人數

597 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙