Your SlideShare is downloading. ×
완료발표
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

완료발표

341
views

Published on

Published in: Technology, Business

2 Comments
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
341
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
2
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Final Presentation Mouse Free Browsing Presenter 0815024 김주리
  • 2. Table of Contents• Project Overview• Project Software Architecture• Demo• Q&A It’s so NEWWWWS! 2011-2학기 컴퓨터공학종합설계 2
  • 3. PROJECTOVERVIEW 2011-2학기 컴퓨터공학종합설계 3
  • 4. How manyHOURS doyou spendonline in ayear? 2011-2학기 컴퓨터공학종합설계 4
  • 5. 2011-2학기 컴퓨터공학종합설계 5
  • 6. 2011-2학기 컴퓨터공학종합설계 6
  • 7. 2011-2학기 컴퓨터공학종합설계 7
  • 8. New Interface via new services, wi 2011-2학기 컴퓨터공학종합설계 8
  • 9. However, …Can I apply my experience to THI 2011-2학기 컴퓨터공학종합설계 9
  • 10. Overcome the fence with a Browser Extension!! Go Up Go Previous Go Next Go Down 2011-2학기 컴퓨터공학종합설계 10
  • 11. PROJECTSOFTWAREARCHITECTURE 2011-2학기 컴퓨터공학종합설계 11
  • 12. Backgroud.html Option.html localStorage Manifest.json Content-script(script injection) MFB logic (evtDetect, etc.) Bookmark access Pavicon & Browser UI Message passing, etc.2011-2학기 컴퓨터공학종합설계 12
  • 13. Key board event Detection Mouse Free Browsing Passing appropriate URL, Then execute page moving process Option Values In localStorage2011-2학기 컴퓨터공학종합설계 13
  • 14. option.html Manifest.json browser_action jQuery framework : attr manage default_icon default_title option valuedefault_popup:option window.onload - localStorage : value storage Content_scripts Additional UI matches: ["http://*/*", "https://*/*"] toggleButt(node) exclude_matches: - Display more options ["*://*.facebook.com/*", Framework function"*://search.naver.com/*"] - Manage attribute run_at:document_start chrome.extension. js:exec.js onRequest.addListene r 2011-2학기 컴퓨터공학종합설계 14
  • 15. Backgroud.htmlchrome.extension.onConnect.addListener(callback1); (27) Messageport.onMessage.addListener(callback2(callback3)); (24/27) Passingchrome.browserAction.setBadgeText(); (1) Browserchrome.browserAction.setBadgeBackgroundColor(); (1) UInext(port); (143) Pagingprev(port); (143) logicbookMark(msg, port); (18)- chrome.bookmarks.getTree(callback4); (14) 2011-2학기 컴퓨터공학종합설계 15
  • 16. exec.js : javascript injection EventKeydetect(evt)::bookMark(evt);, paging(evt.keyCode); (8) detectbookMark(evt); (12)- chrome.extension.connect(); (1/12)- port.postMessage(); (1/12)- port.onMessageaddListener(); (3/12) Pagepaging(evt.keyCode); (9) Move- chrome.extension.connect(); (1/9)- port.postMessage(); (1/9)- port.onMessage.addListener(); (3/9) 2011-2학기 컴퓨터공학종합설계 16
  • 17. Pavicon UI option page Badge UIThey were some problems.. 1. Variety of the url policy and default event listener 각 사이트의 url을 분석하여 별도 처리 루틴을 두었으며, Extension setting에서 javascript injection기법을 사용하였고 injection 시점을 document_start로 설정하여 해결하였다. 2. Separate execution of the each pages, then they CANNOT share important values. Chrome message passing API로 필요한 값들을 각 페이지에게 전 달하는 방법으로 해결하였다. 2011-2학기 컴퓨터공학종합설계 17
  • 18. DEMO 2011-2학기 컴퓨터공학종합설계 18
  • 19. Q&A 2011-2학기 컴퓨터공학종합설계 19
  • 20. Thank you for listening =) 20