2011年6月17日 星期五

WYSIWYG Part 1 - 所見即所得 AJAX 程式應用




這隻程式示範的是在右側編輯視窗中,輸入相關資料,在左側的網頁即可立即看到資料在網頁上呈現,以前傳統程式的寫法,是將輸入資料程式寫成一個網頁,使用者輸入完資料後,按儲存鍵,再導入到呈現網頁,使用者才能看到結果,才會知道說:喔~~~原來我剛剛輸入的一堆資料,就是這些意思,當輸入資料欄位很多很複雜,無法用文字表示得很清楚時,這種資料輸入方式常常會讓使用者覺得困惑,不知道到底要輸入什麼資料進去。

使用所見即所得的資料輸入方式,一邊輸入(貼上)文字,圖片,影片....等資料,一邊在網頁上立即出現,使用者可以清楚的知道應該輸入什麼樣的資料,可以省去擾人的使用說明,通常使用者也懶得去看,當使用者輸入資料完成,按下儲存鍵,程式以AJAX方式將資料寫回資料庫,使用者就可以立即看到完成版的網頁,有視覺特效的fu。

另外,這個範例也Demo 目前最流行的 社群網站 Open-Social-Signin 功能,只要是facebook , google , yahoo , twitter , yahoo的會員,就能馬上成為我的網站的會員,省去以往到每個網站都要加入會員,一堆帳號永遠搞不清楚的困擾,同時與社群網站的功能更有效整合,藉由社群網站的分享力量達到行銷網站的效益

您可以由此處瀏覽示範網站
Related Posts Plugin for WordPress, Blogger...