Implementation Idea

• แทนที่จะสร้าง Widget ที่ฝั่ง Client เพื่อแสดงข้อมูล ก็ส่ง HTML String ทั้งก้อนมาจาก Server เลย

GWT Round up!

• String[] can't serialize!
• You can't use "new" to widget variable that was attached to panel already! You will lose reference to that widget because "new" will generate new reference differ from old one. So, use other function to change content inside the widget.
• Use "implements IsSerializable" to make your class serializable.
• Use show and hide methods in PopupPanel to make PopupPanel modal. Otherwise, it will not be modal.
• [Client] GWT.log(str, null), [Server] this.log(str)

list view idea

ในหน้าที่แสดงรายการของข้อมูล ให้แสดงข้อมูลเป็น Text ธรรมดา แต่เมื่อผู้ใช้ Click ไปที่ข้อมูลนั้น จะเปลี่ยนให้เป็น Textbox พร้อมกับ Hilight ข้อความทั้งหมดไว้

ทั้งนี้ก็เพื่อแก้ปัญหา ข้อความที่ยาวเกิน โดยตอนที่แสดงเป็น Text ธรรมดานั้น ถ้ายาวเกินก็ใส่ "..." ไปด้านท้าย (? จะเช็คยังไง)

How to add MySQL driver to GWT

1. Download MySQL Connector/J from Mysql.com
2. Find GWT Directory from "YourProject-shell.cmd" file in your project directory, open it by text editor and find sometimg look like this "C:/MyDirectory/gwt-windows-x.x.x/gwt-user.jar" -- x.x.x is WebToolkit version number. Your GWT Directory is "C:/MyDirectory/gwt-windows-x.x.x/"
   
3. Decompress MySQL Connector/J archive file and copy "mysql-connector-java-x.x.x-bin.jar" to GWT Directory (from step 2).
4. Open eclipse, Run menu -> Run... -> Java Application -> your project name -> Classpath -> click at User Entries.
   
5. Click Add External JARs on the right and open your "mysql-connector-java-x.x.x-bin.jar" at GWT Directory.
6. Apply and ROCK THE WORLD!

credit from Solution for the "ClassNotFoundException" when trying to connect to MySql database

Template Field Idea

• textbox (normal size)
• textbox (long size)
• combobox - preloaded data only (e.g. us states, sex, country, weekday etc.)
• checkbox
• link
• link with title
• date
• date/time
• time
• rating
• tagging (default for every scheme)

Welcome Page Idea

• แสดงรายการของ Shortcut Key
• Quick Add โดยแสดงเป็นแบบ Tag Cloud ให้กดแล้วจะมี Popup ขึ้นมาให้ใส่ข้อมูล
• Bug Report
  

left bar idea

แถบด้านซ้ายมือจะแสดงรายการของรูปแบบที่เรามีทั้งหมด โดยสามารถจัดเรียงได้ทั้งแบบเรียงตามตัวอักษร หรือจะจัดตามใจชอบก็ได้ โดยมี seperator ให้อีกด้วย

นอกจากนั้นยังสามารถตั้งได้ว่า จะให้ตัวอักษรมีความใหญ่ขนาดไหน สีอะไร โดยตั้งค่าแยกตามแต่ละอันได้เลย และก็ยังเลือกได้ว่าจะให้ขนาดของตัวอักษร ขึ้นอยู่กับปริมาณข้อมูลที่มีอยู่หรือเปล่า (แบบ Tag Cloud)

จะมี link ให้กด Add Template อยู่บนสุด สำหรับออกแบบ Template ใหม่ และมี Manage Tempate อยู่ถัดลงมา สำหรับเข้าหน้าจัดการ Template ซึ่งตรงนี้ก็สามารถเข้าได้จากหน้า Settings ได้เหมือนกัน

ให้ผู้ใช้ใส่ Icon ได้ โดยจะมี Icon มาตรฐานมาให้ชุดหนึ่ง หรือผู้ใช้จะ upload icon ขึ้นมาเองก็ได้ (fix ขนาด)

Search Bar Idea

บนหัวสุดของเว็บ จะมีช่องให้ Search อยู่ 2 ช่อง คือช่องแรกจะเป็นช่้องสำหรับค้นหา ชื่อรูปแบบข้อมูล โดยมีไว้สำหรับต้องการไปที่หน้าข้อมูลนั้นๆ ผู้ใช้จะใส่ชื่อที่ได้ตั้งไว้ แล้วกด Submit โดยผู้ใช้จะใส่ชื่อเต็ม หรือบางส่วนของชื่อก็ได้ ระบบจะทำการค้นหาชื่อนั้นโดยอัตโนมัติ

ช่อง Search อีกช่องหนึ่งเป็นช่องสำหรับค้้นหาข้อมูลที่ถูกเก็บอยู่ทั้งหมดในระบบ โดยสามารถใส่ tag พิเศษเพื่อควบคุมการค้นหาได้ เช่น name:xyz หมายถึงให้ค้นหาเฉพาะรูปแบบการเก็บข้อมูลทีั่ชื่อ xyz เท่านั้น (เหมือนกับการใช้ tag ในช่องค้นหาของ Google)

ตรงท้ายสุดจะมี link "Advanced Search" อยู่ ซึ่งไว้สำหรับใส่เงื่อนไขการค้นหาเยอะๆ

Header Tab Idea

ผู้ใช้สามารถเลือกรูปแบบข้อมูลที่ตัวเองใช้บ่อยๆ มาเป็น Tab อยู่บนหัวของเว็บได้ และท้ายสุดของ Tab จะเป็น Drop-Down List ของรูปแบบข้อมูลที่เหลือ ที่ไม่ได้แสดงอยู่บน Tab

SchemePad Overview

ชื่อโครงการ: SchemePad (Unofficial name)

ลักษณะ:
Web Application สำหรับจัดเก็บข้อมูล บันทึกหรือรายการต่างๆ เช่น Bookmarks, To-Do List, หรือ Shopping Wish List โดยมีจุดเด่นตรงที่ี่ผู้ใช้สามารถออกแบบรูปแบบการเก็บข้อมูลบนเว็บได้ตามใจชอบ นั่นคือสามารถผสม Textbox, Combobox, Checkboc, Radiobox etc. เข้ากันแล้วตั้งชื่อแต่ละช่อง ตามแต่ข้อมูลที่ต้องการเก็บ

ตัวอย่างเช่น ผู้ใช้ต้องการเก็บ Bookmarks ซึ่งต้องการช่องสำหรับใส่ Url, ใส่ชื่อของเว็บ, และใส่รายละเอียด ผู้ใช้ก็ออกแบบให้มี Textbox 3 อัน เป็น Url, Name, และ Description และผู้ใช้ก็อยากให้มีระบบการค้นหา การจัดเก็บ Bookmarks จึงใส่ช่องรูปแบบ Category เพิ่มมาซึ่งเป็นการจัดแบบ Tree และก็ใส่ช่องรูปแบบ tagging เข้ามาอีกด้่วย ซึ่งเป็นการจัดแบบใช้ tag นอกจากนั้นผู้ใช้ยังต้องการใส่ความน่าสนใจของเ้ว็บนั้นๆ โดยใส่ช่องรูปแบบ Rating เข้ามา ซึ่งเป็นช่องสำหรับใส่คะแนนความนิยม

จากตัวอย่าง ผู้ใช้จะได้ระบบจัดเก็บ Bookmarks ซึ่งมีรูปแบบที่เหมาะกับการใช้งานของตัวเองมากที่สุด และเมื่อผู้ใช้ออกแบบเสร็จแล้ว ยังสามารถนำรูปแบบนี้ไปเผยแพร่ให้คนอื่นที่มีความชอบคล้ายคลึงกัน เอาไปใช้หรือเอาไปดัดแปลงต่อได้อีกด้วย

ผู้ใช้หนึ่งคน สามารถมีรูปแบบการจัดเก็บได้หลายรูปแบบ ซึ่ง Web Application นี้จะถูกออกแบบมาให้ผู้ใช้เข้าถึงรูปแบบต่างๆของตัวเอง ได้อย่างสะดวก รวดเร็ว

ความสามารถของระบบ:

• ออกแบบรูปแบบการจัดเก็บข้อมูลได้อย่างอิสระ
• ผู้ใช้สามารถเก็บรูปแบบข้อมูลได้หลายรูปแบบภายใน 1 ชื่อบัญชีผู้ใช้
• มีระบบการจัดเก็บข้อมูลลงในรูปแบบของตัวเองผ่าน e-mail
• มีระบบที่ให้ผู้ใช้สามารถเปลี่ยน Theme และปรับ Layout ของหน้าเว็บตัวเอง
• สามารถตั้งค่าการเปิดเผยข้อมูลได้ โดยเป็น Public, Private หรือ Authorization
• มี API ที่ให้เว็บไซต์อื่นๆสามารถติดต่อกับระบบได้
  

เทคโนโลยีที่ใช้:

• Google Web Toolkit