Download - SurfClipse Final Project (HCI)
![Page 1: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/1.jpg)
SurfClipse
A Multi-purpose Eclipse Plug-in
![Page 2: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/2.jpg)
Team PerfectionistShamima Yeasmin (NSID: shy942)Mohammad Masudur Rahman (NSID:mor543)
![Page 3: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/3.jpg)
SurfClipse
Final Project Presentation
![Page 4: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/4.jpg)
Motivating Example
![Page 5: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/5.jpg)
![Page 6: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/6.jpg)
![Page 7: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/7.jpg)
What we started with?
![Page 8: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/8.jpg)
![Page 9: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/9.jpg)
Larger Objectives
Suggest Solution Pinpoint Error
Code Soundness Program Flow
![Page 10: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/10.jpg)
Low Fidelity Prototype
![Page 11: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/11.jpg)
Design Approach
Brainstorming
Low Fidelity Prototype
![Page 12: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/12.jpg)
Low Fidelity Prototype
Suggesting solutions for errors Pinpointing error location
![Page 13: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/13.jpg)
Low Fidelity Prototype
Checking soundness of code Showing program flow
![Page 14: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/14.jpg)
Usability Inspection Results
![Page 15: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/15.jpg)
![Page 16: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/16.jpg)
![Page 17: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/17.jpg)
![Page 18: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/18.jpg)
Medium Fidelity Prototype
![Page 19: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/19.jpg)
• Addressing those issues identified by evaluators
Medium-Fidelity Objectives
Exploring real user’s thoughts
![Page 20: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/20.jpg)
Medium-Fidelity Prototype
Suggesting solutions for errors
![Page 21: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/21.jpg)
Medium-Fidelity Prototype
Pinpointing error location
![Page 22: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/22.jpg)
Medium-Fidelity Prototype
Checking soundness of code
![Page 23: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/23.jpg)
Medium-Fidelity Prototype
Showing program flow
![Page 24: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/24.jpg)
Evaluation with Users
![Page 25: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/25.jpg)
Rationale of Evaluation
Semi-structured Interview Simple Observation
Evaluation Methods
![Page 26: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/26.jpg)
Rationale of Evaluation
• Target Users: Graduate (2) and Postgraduate (2) Students from Software Research Lab
Target Users (Evaluators)
![Page 27: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/27.jpg)
Approach of Evaluation
SurfClipseTeam
Evaluator
Contact
Check availability
Consent
Schedule meeting
Setting Evaluation Meeting
![Page 28: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/28.jpg)
Approach of Evaluation
Explain Evaluation purpose
SurfClipse Demo
Simple Observation Semi-structure Interview
Analyzing Results Data
Evaluation Process
![Page 29: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/29.jpg)
Results of Evaluation
![Page 30: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/30.jpg)
Quantitative Results
![Page 31: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/31.jpg)
Evaluation Data
Quantitative Vs Qualitative
![Page 32: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/32.jpg)
SurfClipse Feature Rating
SS=Suggest Solution
PE= Pinpointing Error
CCS=Check Code Soundness
SSF= Show Program Flow
Feature rating from 0 to 5
![Page 33: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/33.jpg)
SurfClipse Beats ‘Web Search’
SurfClipse beats Web Search
![Page 34: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/34.jpg)
Qualitative Results
![Page 35: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/35.jpg)
Qualitative Feedback (Positive)
• “Pinpoint Error is the most innovative, more informative and important for novice users”
• “Suggest Solution is the coolest feature and faster than traditional approach”
• “Check code soundness reduces the workload for developers”
![Page 36: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/36.jpg)
• “Suggest Solution -Search results should be able expandable or reducible for display”
• “Code Soundness – copyright violation risk while using other’s code”
• “Program Flow – implementation will be unrealistic for millions lines of codes”
Qualitative Feedback (Negative)
![Page 37: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/37.jpg)
Recommendation
![Page 38: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/38.jpg)
Design Change Recommendation
• Suggest Solution• Apply more intelligent filtering to avoid
irrelevant results in ‘Suggest Solution’• Search results should be able
expandable or reducible for display• Pinpointing Error• Consider semantic analysis of code in
order to ensure better precision and feasibility.
![Page 39: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/39.jpg)
Design Change Recommendation
• Check Code Soundness• Show scores against different metrics
of code quality individually• Program Flow• Make it more interactive and portion
of graph should expandable or reducible
![Page 41: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/41.jpg)
Acknowledgment
• All images taken from http://www.google.ca
• Background music http://www.oregonmusic.com
![Page 42: SurfClipse Final Project (HCI)](https://reader034.vdocuments.site/reader034/viewer/2022051609/547b2092b479595e098b4d59/html5/thumbnails/42.jpg)
Thank You !!!
Please ask your questions