Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development
description
Transcript of Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development
![Page 1: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/1.jpg)
Jen-Cheng HuangVinit ShahMike Wilt
CS8803—Advanced InternetApplication Development
Prof. Ling LiuSpring 2008
A new architecture for online forums
![Page 2: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/2.jpg)
Objectives
• Design an online forum that is fast, responsive and scalable
• Enable users to create and customize their own forums
• Host forums for free
• Develop a sustainable revenuemodel to support the service
![Page 3: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/3.jpg)
Motivation—Part 1
• Improve communication within GT community
• For prospective students(especially internationalstudents)
• Interdepartmentalcollaboration
![Page 4: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/4.jpg)
Motivation—Part 2
• Improve usability of traditional online forums
• Lightweight but functional
“Fast and fluid like a chat room but stable like a traditional message board.”
![Page 5: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/5.jpg)
Traditional Message Board
![Page 6: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/6.jpg)
Traditional Chat Room
![Page 7: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/7.jpg)
Chat Applications
![Page 8: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/8.jpg)
Chat Application vs. Message Board
Attribute Chat Msg Board
Participants Two, typically Many
Feedback InstantStatic, requires page
reload
RelationshipPeople you know in
real lifePeople with similar
interest(s)
After you leave…Conversation disappears
Thread remains
ExamplesAIM, Google Chat, Yahoo! Messenger,
MSN Messenger, etc.
phpBB, vBulletin, EZ Board, etc.
![Page 9: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/9.jpg)
Popular Forum Software
![Page 10: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/10.jpg)
Features so far…
• Instant form validation, log in and new user registration
• CAPTCHA test
• Create thread without reload
• Board updates automatically when others post
User name: jimbo this user name exists!
![Page 11: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/11.jpg)
Features so far… (con’t)
• User profiles
• Moderation/rating system
• Simple emoticons and markup
• Cross-platform compatibility• “Traditional polling” Architecture
<no script>
![Page 12: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/12.jpg)
Clients Check the Cached ValueEvery 1000ms
One client inserts a new message into the database.
A new result is cached.Clients Detect the Change in Cached Value.
The clients query the database andthe new content is returned to the
client.
Back to Checking for Updates.
![Page 13: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/13.jpg)
Demo!
• Part 1– New user registration/verification– User Profiles– Text formatting– Moderation system
• Part 2– Class participation :)– Go to http://www.buzzpost.net
![Page 14: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/14.jpg)
Things to do…
• Integrate features from two versions• Add private
messaging feature• Use Comet instead
of traditional polling• More scalability testing• Launch test communities• Alternate layouts/“skins”
![Page 15: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/15.jpg)
Clients Subscribe too the Server.Client updates the contents.Server Published the Updates.
![Page 16: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/16.jpg)
CPU Usage
Traditional Polling vs. Comet (Orbited)
75 users
10-15 users
(performance decrease)
5-15 usersComet (Orbited)
Polling
Polling
Shared server running Ubuntu with 325MB RAM
![Page 17: Jen-Cheng Huang Vinit Shah Mike Wilt CS8803—Advanced Internet Application Development](https://reader031.fdocuments.net/reader031/viewer/2022020417/56813974550346895da10984/html5/thumbnails/17.jpg)
Questions
• Contact info:– Mike Wilt ([email protected])– Vinit Shah ([email protected])– Jen-Cheng Huang ([email protected])