มีเครื่องมือหนึ่งที่ช่วยให้เราพัฒนา Application ของเราให้แสดงบน iPhone ได้ในรูปแบบที่สวยงาม ชื่อว่า iWebkit โดยมีวิธีการง่ายๆดังนี้
- สร้างโปรเจค Web Application Project บน Eclipse ขึ้นมาใหม่ ถ้าหากมีโปรเจคอยู่แล้วก็ให้เปิดโปรเจคที่ต้องการให้แสดงผลบน iPhone ได้ ขึ้นมา
- ดาวโหลด iWebKit เวอร์ชั่นล่าสุดจาก http://iwebkit.net/download
- จะได้ไฟล์ที่ชื่อ iwebkit x.x.x (x คือเลขเวอร์ชั่น) มา ให้แตกไฟล์แล้วจะเห็นไฟล์ดังรูป
- ทำการคัดลอกโฟลเดอร์ css, images, javascript, และ thumbs ที่อยู่ใน iWebKit_x.x.x/Framework ไปใส่ในโปรเจคของเราที่ war/. ดังรูป
- ทำการแก้ไขโค๊ด html ของเรา (war/index.html) ให้เป็นรูปแบบ html ของ iWebKit ซึ่งดูรูปแบบคำสั่งได้จากไฟล์ iWebKit_x.x.x/UserGuide.pdf และดูตัวอย่างได้จาก iWebKit_x.x.x/Demo/index.html
- หากต้องการดูผลรันApplication ให้ดูผ่าน Web Browser ที่ชื่อ Safari ซึ่งดาวโหลดได้จาก http://www.apple.com/safari/download/ ซึ่งจะแสดงผลคล้าย iPhone มากกว่า Web Browser ตัวอื่น หรือจะทำการ Deploy ไปที่ Google แล้วค่อยดูผ่านเครื่อง iPhone จริงๆก็ได้



No comments:
Post a Comment