Javascript學習資源整理

Javascript要學習的內容主要分為資料型態，程式控制結構，HTML中的執行/呼叫方式，函數/副程式，文件物件模型(DOM)的控制與動態網頁設計,HTML輸入控制，事件處理，Cookie控制，CSS的動態變更，Layer物件控制，網頁保護技巧,使用者環境判斷(如使用什麼瀏覽器，是否使用行動設備iPhone,iPad等，螢幕解析度）
Javascript進階就要學AJAX，javascript framework的使用如jQuery,YUI,ExtJs,Mootool等
Javascript的寫法也直接影響網頁執行效能，Google, Yahoo都有專文說明。
推薦書籍
1.清大資訊系教授張智星所著的"JavaScript 程式設計與應用" (已經出第二版了，在清大書店買有85折）
張智星教授的網站:
a.http://neural.cs.nthu.edu.tw/jang/books/jsBook/
b.http://neural.cs.nthu.edu.tw/jang/books/javascript/
2.博碩出版的JavaScript與Ajax範例活用辭典（日本人寫的）- 博碩出的這些辭典書整理的相當好（果然是日本人的風格）準備一本是必要的。
3.進階書Javascript大師Douglas Crockford的書"JavaScript:The Good Parts", O'Reilly出版，已經有中譯本了，另外，從這裡可以找到大師的文章 http://javascript.crockford.com/

推薦Javascript教學網站
1.W3Schools.com的教學網站
2.Javascript資源網
3.Javascript教學文章庫 78篇教學文章 
4.由淺入深教授JavaScript

Xclesius2008 使用環境與條件

作者 : Fred Wang

前端環境限制

1.需要Adobe Flash Player version 9 or later

2.Flash Player’s Domain安全限制

透過Xcelsius產生的Flash檔案中，如果使用Data存取不在其資料的本機Domain時會遇到下列錯誤: Error : 2107 (Flash)，如果想要在Flash裏面跨域獲取資料，就必須在對方server (ex:BOE,SAP 的Web AP,Tomcat...)上配置一個policy file (crossdomain.xml)。比如你的Flash在domain A下面，而你想要訪問domain B暴露的web service，那麼domain B的server根目錄下必須要有一個crossdomain.xml檔來配置說你有這個許可權。

3. Flash Player's HTTP, HTTPs安全限制
Flash file (SWF)放置的本機server提供HTTP service, 無法存放在HTTPS server上的data
 

Xcelsius支援Excel的限制

 

1.如果要同時使用Xcelsius與Excel則須先開啟Xcelsius，然後再開啟Excel

2.支援Excel的功能

• a.使用Excel 2003在Xcelsius內可以看到Excel default toolbar但是與資料無關的按鈕則失效
• b.不支援巨集
• c.不支援conditional formatting
• d.並非支援所有的公式, 支援的公式表列,請見Xcelsius 2008 User Guide p371 or Xcelsius 2008 Dashboard Best Practices p401
• e.不支援與其他Excel間的連結

 

Xcelsius效能限制

 

1.Xcelsius 的Spreadsheet沒有size的限制，資料量太大將影響執行時的效能

 

2.影響顯示效能的因素包含

• a.Canvas上的元件數
• b.顯示時改變的資料量
• c.計算的複雜度

3.效能問題訊息 : 如果超過60秒flash無法顯示則會出現”A script in this movie is causing Flash Player to run slowly…”?

 

開發環境要求

1.安裝Xcelsius 2008 sp3
2.使用Office XP/2003~2007
3.作業系統 : Windows XP/Vista
4.記憶體最少1G RAM

 

 

 

 

 

 

 

iPhone網頁應用開發環境與工具(iPhone Web Application Development Environment and Tools)整理

作者 : Fred Wang

一 模擬與測試工具

a.iPhone線上模擬器(Online Simulator): 直接透過網站模擬iPhone, 可以測試開發好的iPhone網頁應用系統.
工具 :
1. TestiPhone : 可以直接使用瀏覽器模擬iPhone，快速測試您iPhone版的網頁應用系統。支援 Internet Explorer 7, FireFox 2 and Safari 3.
注意 : iPhone不支援Java與Flash, 但這些應用可以在這個simulator中執行
2. iPhone4Simulator.com : iPhone4 模擬器，可以測您開發的iPhone版網頁應用系統或網站。

b.iPhone 模擬器Simulator (要下載安裝) :
工具 :
1 iPhone Simulator http://iphone.simulator.name/
2 AIR iPhone http://merhl.com/
3 iPhoneBT 包含 :
- All widgets from main menu are fully functional (you can access their primary pages, not use them)
- A fully functional iPhone Calculator.
- A fully functional Photo Gallery
- Full Phone Interface: Contacts, Usable Keypad, Calling Screens etc.
- iPod Widget Interface: Playlist Browsing, Now Playing Screen.

4 iBBDemo : 必須配合Safari for Windows(http://forums.techarena.in/windows-software/1221227.htm)

二 開發平台(IDE)

1.Antenna Mobility Platform : 目前較為成熟的行動應用系統開發平台。

2.MobiOne : 可以在幾分鐘內不須寫一行的程式碼就可以建立行動應用系統與網站。可以在Windows環境上開發,再傳送到設備上。可以使用HTML5, Javascript, CSS3。目前僅支援iPhone與iPad兩種設備的應用開發，內含iPhone與iPad的模擬器。有MobiOne Eclipse Plug-in。

3.SAP Sybase Unwired Platform : SAP Sybase的行動企業應用開發平台

4.Eclipse Mobile Tools for Java （MTJ）: 擴充現有的Eclipse框架已支援行動設備Java應用系統開發

5.Eclipse Pulsar : 行動開發者的整合平台工具, 容易整合行動設備SDKs以開發行動應用系統。

6.Eclipse Sequoyah : 同上, 繼承自MTJ與Pulsar, 可以結合Tools for Mobile Web(TMW), FireFly DevKit

IT人員教育訓練資源整理

104教育資訊網-資訊科技專區 http://www.104learn.com.tw/computer.htm

itHome研討會與課程 http://www.ithome.com.tw/seminar/

資策會數位教育研究所 http://w3.iiiedu.org.tw/index.php

恆逸教育訓練中心 http://www.uuu.com.tw/

中央大學企業資源規劃(ERP)中心課程 http://www.104learn.com.tw/cfdocs/edu/classall.cfm?school=3088

交通大學推廣教育中心-資訊類 http://ccet.nctu.edu.tw/programs_class.php?k1id=5

台灣大學資工系所資訊系統訓練班 http://www.csie.ntu.edu.tw/train/

巨匠電腦教育中心 http://www.pcschool.com.tw/

學承電腦教育中心 http://www.pccenter.com.tw/courses/Guide.php

聯成電腦教育中心 http://www.lccnet.com.tw/

等

SAP ABAP 使用者介面設計（一）一般原則

作者: Fred Wang (FW知識瑣記)　日期: 2011/12/25

這篇文章內容摘錄並翻譯自SAP Accessibility Competence Center的"Accessibility Guidelines for ABAP Dynpro v3.0”

1. ABAP程式設計在UI設計上的一般原則

• 盡可能使用ALV Grid, 而不要用ABAP Lists
• 盡可能使用ALV Grid或Table Controls, 而不要用step loops
• 用SAP interactive Forms by Adobe，而不要用SAP Smart Forms或SAP Script
• 避免使用HTML controls
• 避免使用簡稱
• 複雜的元素要建立標題，如ALV Grid與Table Controls, 有標題可以幫助使用者了解這些用途是什麼

2.可存取模式
應用系統可以用fnction module “GET_ACCESSIBILITY_MODE”查詢是否使用者設定可存取模式。這個功能只有在應用系統存在可存取模式與非可存取模式才有用到。

可存取性模式除了用在視覺障礙者外，非視覺障礙者在某些情境可能也會用到，例如行動障礙者，只能使用鍵盤，不能使用滑鼠。對視覺障礙者在可存取模式提供文字模式，也要提供Hot-key鍵盤輸入。

3.使用Tooltips
當游標移動到某元素上，可以顯示說明文字，這就是tooltips

輸入欄位，Pushbuttons, Radio button, Checkbox, Combo box與dropdown box，這些元件可以建立Tooltips

元件屬性中Tooltips設定有下面兩種方式 ：
第一種 是在元件清單中的Tooltip Text設定

第二種 在Screen Painter的Tooltip屬性設定


4.使用標籤文字（Lables）
一般而言，Radio Buttons與Checkbox的標籤文字應該放在元件右邊，而輸入欄位, combo boxs, dropdown boxs的標籤文字應該放在元件左邊

設定As label on right或As lable on left表示這是欄位的標籤文字，設定後使用Tab鍵，跳欄位時，游標就只會在輸入欄位間跳動，而不會跳到標籤文字上。

下圖為設定欄位左方的文字欄是它的標籤文字

下圖為設定欄位右方的文字欄是它的標籤文字

相關內容 ：

• SAP ABAP 使用者介面設計（二） UI元素 Icon與Pushbutton