20150408 在網頁中加入Scratch展示(適用1.X-2)

傍晚,沈主任來電討論了一下這次臺中市師生資訊應用競賽Scratch項目的評審,也提到了最後成果展示的問題,當然,要能夠把Scratch秀在網頁上看起來才比較友善,總不成讓大家要看優秀作品還得下載Scratch安裝,再下載 .sb 檔案吧?
因為在電腦課程裡面推廣Scratch也有些時日了,很快就想到學務系統(SFS)學生作業管理當中,本來就有可以預覽 Scratch 1.X 的功能。
依樣畫葫蘆,把 scratchapplet.jar 找出來,在網頁中用 Java Applet 物件的方法呈現,結果...
事情果然不是這樣三兩下就順利收工的~ @@


最近拜那個很煩人的教師專業發展評鑑線上課程網站所賜,對Java設定裡面的大大小小選項也算是有了經驗,要讓網頁呼叫java出來的安全性設定、瀏覽器信任網站設定等等都難不倒了 XD ( 這樣可以說是因禍得福嗎?哈~)
BUT....就是這個BUT.....事情還是沒這麼單純  @@
改來改去一會兒卡 Loading 不動
一會兒  ClassNotFoundException
甚至還交叉TRY了 Apache / IIS 與 IE / Chrome / Firefox  之間的關係
想說,會不會是 sb 檔案的關係,改了 Httpd.conf  Addtype 指定 .sb  .sb2
總之,就是徒勞無功  @@   搞不懂,那學務系統上面又有什麼玄機?
就在這種莫名奇妙的地方特別容易提起勁來 ( ← 怪人  XD )
靈光一閃,對了,這幾天推研習課程的時候都用 online 的 scratch2 ,也有 web show阿~
找了一個自己作的CASE,整個網頁打包下來,哈哈~~一堆 js + swf 阿~~看來有譜了!
再找,果然 Scratch 的討論區裡面有不少類似的討論  XD

果然OK~ 這樣就可以透過程式+資料庫,輕鬆達成展示成果的需求啦  ^^
而且,上面特別放了兩張圖示,為什麼?
莫名其妙的亂試,原來 sb ( scratch 1.x ) sb2 ( scratch 2)  的檔案都可以用 swf 的方式去展示哩!

http://www.hldes.tc.edu.tw/test_scratch/scratch1_swf.htm
http://www.hldes.tc.edu.tw/test_scratch/scratch2_swf.htm

http://www.hldes.tc.edu.tw/test_scratch/expressInstall.swf
http://www.hldes.tc.edu.tw/test_scratch/Scratch.swf
http://www.hldes.tc.edu.tw/test_scratch/swfobject.js

有興趣的朋友試看看吧 :)

留言

  1. 您好,
    我按照您的方式做,
    但出現了如下的錯誤訊息
    The project failed to load
    and the Scratch Team has been notified.
    Press Ok to leave this page.

    請問我有忽略其它什麼設定嗎?
    再麻煩您可以提點我

    回覆刪除
    回覆
    1. 您好,您的頁面是可以公開的嗎?
      可否提供網址看看? ( bubble.liao at gmail.com )

      刪除

張貼留言

留個話吧 ^O^