Mining 
Ques$ons 
Asked 
by 
Web 
Developers 
Kar$k 
Bajaj, 
Karthik 
Pa.abiraman, 
Ali 
Mesbah 
Electrical 
and 
Computer 
Engineering 
University 
of 
Bri$sh 
Columbia 
Vancouver, 
BC, 
Canada 
{kbajaj, 
karthikp, 
amesbah}@ece.ubc.ca 
MSR 
2014
Problem 
Statement 
n Web 
applica$ons 
are 
becoming 
popular 
over 
$me 
n [Jazayeri 
et 
al., 
FOSE 
2007] 
n Complex 
integra$on 
of 
JavaScript, 
CSS, 
and 
HTML 
n JavaScript 
code 
oen 
experiences 
errors 
n [Ocariza 
et 
al., 
ISSRE 
2011] 
MSR 
2014 
2
Exis$ng 
Work 
n Sta$c 
Checkers 
n Dynamic 
Checkers 
n Console 
Messages 
n Bug 
Reports 
MSR 
2014 
3
Exis$ng 
Work 
n Sta$c 
Checkers 
n Dynamic 
Checkers 
n Console 
Messages 
n Bug 
Reports 
No 
a.empt 
to 
understand 
developer’s 
misconcep$on 
MSR 
2014 
4
Goal 
n Understand 
the 
common 
challenges 
and/or 
misconcep$ons 
among 
web 
developers 
MSR 
2014 
5
Background 
n Stack 
Overflow 
n QA 
website 
for 
programmers 
n Started 
in 
2008 
n 4,125,638 
ques$ons 
asked 
from 
Jan’09 
to 
Dec’12 
n 500,000+ 
ques$ons 
related 
to 
web 
development 
n Ques$ons 
directly 
asked/answered 
by 
developers 
n Followed 
by 
discussion 
in 
comments 
MSR 
2014 
6
Background 
n Stack 
Overflow 
n QA 
website 
for 
programmers 
n Started 
in 
2008 
n 4,125,638 
ques$ons 
asked 
from 
Jan’09 
to 
Dec’12 
n 500,000+ 
ques$ons 
related 
to 
web 
development 
n Ques$ons 
directly 
asked/answered 
by 
developers 
n Followed 
by 
discussion 
in 
comments 
StackOverflow 
provides 
sufficient 
data 
for 
analysis 
MSR 
2014 
7
Straw 
man 
Approach 
n Categoriza$on 
based 
on 
tags 
a.ached 
to 
each 
ques$on 
n Can 
provide 
an 
overview 
of 
major 
topics 
of 
discussion 
MSR 
2014 
8
Straw 
man 
Approach 
n Categoriza$on 
based 
on 
tags 
a.ached 
to 
each 
ques$on 
n Can 
provide 
an 
overview 
of 
major 
topics 
of 
discussion 
How 
appropriate 
are 
tags? 
MSR 
2014 
9
Tags 
n What 
is 
known 
to 
developer 
while 
tagging? 
n Plamorm 
n Target 
Device 
n What 
is 
unknown 
to 
developer? 
n Possible 
ways 
to 
solve 
the 
problem 
n Correct 
topic 
of 
discussion 
MSR 
2014 
10
Example 
MSR 
2014 
11
Natural 
Language 
Analysis 
n Analyzing 
the 
text 
provided 
in 
the 
ques$ons 
and 
answers 
provided 
by 
developers 
MSR 
2014 
12 
Data 
Collec$on 
Data 
Cleaning 
Data 
Processing
Datasets 
MSR 
2014 
13
RQ1: 
Categoriza$on 
of 
topics 
of 
discussion
! 
#$
%
'
('
$
MSR 
2014 
14
RQ1: 
Categoriza$on 
of 
topics 
of 
discussion
Cross 
Browser 
related 
discussions 
have 
gained 
maximum
! 
#$
%
'
('
$
a.en$on 
from 
web 
developers. 
MSR 
2014 
15
RQ2: 
Hot 
topics 
of 
discussion 
Technology 
Hot 
Topics 
JavaScript 
Document 
Structure, 
File 
Handling, 
Cross-­‐Browser, 
jQuery, 
DOM 
HTML5 
Media, 
Browser 
Support, 
HTML5 
Elements, 
Canvas 
API, 
Offline 
Web 
CSS 
CSS3, 
Fonts, 
JavaScript, 
Box-­‐Model, 
Layout 
MSR 
2014 
16

More Related Content

PDF
R.a. no.135 resolucion felicitacion juntas vecinales francisca narcisa
PDF
PPTX
initial analysis of music magazines
PPS
Mysis. Геннадий Заманский. "Лояльность и омниканальное обслуживание"
PDF
5-4-3 flyer online
PDF
S7234046I_IT-NMM-316S-1_150000000251663
PPS
BSS. Вадим Бондарев. "Создание новых клиентских сервисов с помощью голосовых ...
PPTX
PROFESOR MENTAS
R.a. no.135 resolucion felicitacion juntas vecinales francisca narcisa
initial analysis of music magazines
Mysis. Геннадий Заманский. "Лояльность и омниканальное обслуживание"
5-4-3 flyer online
S7234046I_IT-NMM-316S-1_150000000251663
BSS. Вадим Бондарев. "Создание новых клиентских сервисов с помощью голосовых ...
PROFESOR MENTAS

Viewers also liked (8)

PDF
Ambiente di marketing
PDF
141208 McIver, Lindsay Certificate II Public Safety FFO Qualification
PPTX
Toys 6º b
PDF
Lone Working Policy
PDF
Synthesizing API Usage Examples
PPTX
Olive oil
PPTX
Secure Networking in Big Data Environments
PDF
Tf on premise_catalog_12_2015_0709
Ambiente di marketing
141208 McIver, Lindsay Certificate II Public Safety FFO Qualification
Toys 6º b
Lone Working Policy
Synthesizing API Usage Examples
Olive oil
Secure Networking in Big Data Environments
Tf on premise_catalog_12_2015_0709
Ad

Similar to Mining Questions Asked by Web Developers (20)

PDF
Rapid Evolution of Web Dev? aka Talking About The Web
PPTX
Toronto HTML5 User Group Meet Up #2 – Application Development with HTML 5
PDF
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
KEY
Get ready for web3.0! Open up your app!
PDF
Finding harmony in web development
PPTX
Web2013
PPTX
Bringing HTML5 alive in SharePoint
PDF
Building a Better Web with HTML5 and CSS3
PDF
KharkivJS: Flaws of the Web Components in 2019 and how to address them
PDF
Modernizr - Detecting HTML5 and CSS3 support
PDF
The Future is Responsive
KEY
HTML5 History & Features
PPTX
Tech trends
PDF
Software Analysis for the Web: Achievements and Prospects
PDF
Icws 2016 v1
PPTX
Html5 today
PDF
Progressive web and the problem of JavaScript
PDF
The State of the Web - Helsinki meetup
PDF
A Multimodal Learning Analytics view of HTML5 APIs: technical benefits and pr...
Rapid Evolution of Web Dev? aka Talking About The Web
Toronto HTML5 User Group Meet Up #2 – Application Development with HTML 5
Open web platform talk by daniel hladky at rif 2012 (19 april 2012 moscow)
Get ready for web3.0! Open up your app!
Finding harmony in web development
Web2013
Bringing HTML5 alive in SharePoint
Building a Better Web with HTML5 and CSS3
KharkivJS: Flaws of the Web Components in 2019 and how to address them
Modernizr - Detecting HTML5 and CSS3 support
The Future is Responsive
HTML5 History & Features
Tech trends
Software Analysis for the Web: Achievements and Prospects
Icws 2016 v1
Html5 today
Progressive web and the problem of JavaScript
The State of the Web - Helsinki meetup
A Multimodal Learning Analytics view of HTML5 APIs: technical benefits and pr...
Ad

More from SALT Lab @ UBC (9)

PPTX
Hidden-Web Induced by Client-Side Scripting: An Empirical Study
PPTX
Efficient JavaScript Mutation Testing
PDF
Automated Analysis of CSS Rules to Support Style Maintenance
PDF
Works For Me! Characterizing Non-Reproducible Bug Reports
PDF
Vejovis: Suggesting Fixes for JavaScript Faults
PDF
Understanding JavaScript Event-based Interactions
PDF
DOM-based Test Adequacy Criteria for Web Applications
PPTX
Dompletion: DOM-Aware JavaScript Code Completion
PPTX
Leveraging Existing Tests in Automated Test Generation for Web Applications
Hidden-Web Induced by Client-Side Scripting: An Empirical Study
Efficient JavaScript Mutation Testing
Automated Analysis of CSS Rules to Support Style Maintenance
Works For Me! Characterizing Non-Reproducible Bug Reports
Vejovis: Suggesting Fixes for JavaScript Faults
Understanding JavaScript Event-based Interactions
DOM-based Test Adequacy Criteria for Web Applications
Dompletion: DOM-Aware JavaScript Code Completion
Leveraging Existing Tests in Automated Test Generation for Web Applications

Recently uploaded (20)

PDF
Exploratory_Data_Analysis_Fundamentals.pdf
PPTX
wireless networks, mobile computing.pptx
PPTX
Building constraction Conveyance of water.pptx
PPTX
tack Data Structure with Array and Linked List Implementation, Push and Pop O...
PPT
Chapter 1 - Introduction to Manufacturing Technology_2.ppt
PDF
20250617 - IR - Global Guide for HR - 51 pages.pdf
PPTX
Principal presentation for NAAC (1).pptx
PPTX
Graph Data Structures with Types, Traversals, Connectivity, and Real-Life App...
PPTX
Sorting and Hashing in Data Structures with Algorithms, Techniques, Implement...
PDF
Unit I -OPERATING SYSTEMS_SRM_KATTANKULATHUR.pptx.pdf
PDF
Prof. Dr. KAYIHURA A. SILAS MUNYANEZA, PhD..pdf
PDF
Design Guidelines and solutions for Plastics parts
PPTX
CN_Unite_1 AI&DS ENGGERING SPPU PUNE UNIVERSITY
PPTX
mechattonicsand iotwith sensor and actuator
PDF
Artificial Superintelligence (ASI) Alliance Vision Paper.pdf
PPTX
Module 8- Technological and Communication Skills.pptx
PDF
null (2) bgfbg bfgb bfgb fbfg bfbgf b.pdf
PDF
MLpara ingenieira CIVIL, meca Y AMBIENTAL
PPTX
AUTOMOTIVE ENGINE MANAGEMENT (MECHATRONICS).pptx
PDF
distributed database system" (DDBS) is often used to refer to both the distri...
Exploratory_Data_Analysis_Fundamentals.pdf
wireless networks, mobile computing.pptx
Building constraction Conveyance of water.pptx
tack Data Structure with Array and Linked List Implementation, Push and Pop O...
Chapter 1 - Introduction to Manufacturing Technology_2.ppt
20250617 - IR - Global Guide for HR - 51 pages.pdf
Principal presentation for NAAC (1).pptx
Graph Data Structures with Types, Traversals, Connectivity, and Real-Life App...
Sorting and Hashing in Data Structures with Algorithms, Techniques, Implement...
Unit I -OPERATING SYSTEMS_SRM_KATTANKULATHUR.pptx.pdf
Prof. Dr. KAYIHURA A. SILAS MUNYANEZA, PhD..pdf
Design Guidelines and solutions for Plastics parts
CN_Unite_1 AI&DS ENGGERING SPPU PUNE UNIVERSITY
mechattonicsand iotwith sensor and actuator
Artificial Superintelligence (ASI) Alliance Vision Paper.pdf
Module 8- Technological and Communication Skills.pptx
null (2) bgfbg bfgb bfgb fbfg bfbgf b.pdf
MLpara ingenieira CIVIL, meca Y AMBIENTAL
AUTOMOTIVE ENGINE MANAGEMENT (MECHATRONICS).pptx
distributed database system" (DDBS) is often used to refer to both the distri...

Mining Questions Asked by Web Developers

  • 1. Mining Ques$ons Asked by Web Developers Kar$k Bajaj, Karthik Pa.abiraman, Ali Mesbah Electrical and Computer Engineering University of Bri$sh Columbia Vancouver, BC, Canada {kbajaj, karthikp, amesbah}@ece.ubc.ca MSR 2014
  • 2. Problem Statement n Web applica$ons are becoming popular over $me n [Jazayeri et al., FOSE 2007] n Complex integra$on of JavaScript, CSS, and HTML n JavaScript code oen experiences errors n [Ocariza et al., ISSRE 2011] MSR 2014 2
  • 3. Exis$ng Work n Sta$c Checkers n Dynamic Checkers n Console Messages n Bug Reports MSR 2014 3
  • 4. Exis$ng Work n Sta$c Checkers n Dynamic Checkers n Console Messages n Bug Reports No a.empt to understand developer’s misconcep$on MSR 2014 4
  • 5. Goal n Understand the common challenges and/or misconcep$ons among web developers MSR 2014 5
  • 6. Background n Stack Overflow n QA website for programmers n Started in 2008 n 4,125,638 ques$ons asked from Jan’09 to Dec’12 n 500,000+ ques$ons related to web development n Ques$ons directly asked/answered by developers n Followed by discussion in comments MSR 2014 6
  • 7. Background n Stack Overflow n QA website for programmers n Started in 2008 n 4,125,638 ques$ons asked from Jan’09 to Dec’12 n 500,000+ ques$ons related to web development n Ques$ons directly asked/answered by developers n Followed by discussion in comments StackOverflow provides sufficient data for analysis MSR 2014 7
  • 8. Straw man Approach n Categoriza$on based on tags a.ached to each ques$on n Can provide an overview of major topics of discussion MSR 2014 8
  • 9. Straw man Approach n Categoriza$on based on tags a.ached to each ques$on n Can provide an overview of major topics of discussion How appropriate are tags? MSR 2014 9
  • 10. Tags n What is known to developer while tagging? n Plamorm n Target Device n What is unknown to developer? n Possible ways to solve the problem n Correct topic of discussion MSR 2014 10
  • 12. Natural Language Analysis n Analyzing the text provided in the ques$ons and answers provided by developers MSR 2014 12 Data Collec$on Data Cleaning Data Processing
  • 14. RQ1: Categoriza$on of topics of discussion
  • 15. ! #$
  • 16. %
  • 17. '
  • 18. ('
  • 19. $
  • 21. RQ1: Categoriza$on of topics of discussion
  • 22. Cross Browser related discussions have gained maximum
  • 23. ! #$
  • 24. %
  • 25. '
  • 26. ('
  • 27. $
  • 28. a.en$on from web developers. MSR 2014 15
  • 29. RQ2: Hot topics of discussion Technology Hot Topics JavaScript Document Structure, File Handling, Cross-­‐Browser, jQuery, DOM HTML5 Media, Browser Support, HTML5 Elements, Canvas API, Offline Web CSS CSS3, Fonts, JavaScript, Box-­‐Model, Layout MSR 2014 16
  • 30. RQ2: Hot topics of discussion Technology Hot Topics JavaScript Document Structure, File Handling, Cross-­‐Browser, jQuery, DOM View counts provide a hint towards recurrent issues faced by HTML5 Media, Browser Support, HTML5 Elements, Canvas API, Offline Web web developers. CSS CSS3, Fonts, JavaScript, Box-­‐Model, Layout MSR 2014 17
  • 33. RQ3: Temporal trends over $me Cross-­‐browser compa$bility issues have seen a sharp decline
  • 34. in the recent past. Further, CSS3 and HTML5 discussions are gaining popularity. MSR 2014 19
  • 35. RQ4: Prevalence of web in mobile development
  • 37. RQ4: Prevalence of web in mobile development
  • 38. Discussions related to Mobile development are seeing an
  • 39. increasing share of web technologies. MSR 2014 21
  • 40. Popularity n Ques$ons that gained maximum a.en$on from the community n Post Score n Up votes n Down votes MSR 2014 22
  • 41. Popularity n Ques$ons that gained maximum a.en$on from the community n Post Score n Up votes n Down votes Is post score accurate representa$on of user par$cipa$on? MSR 2014 23
  • 42. StackOverflow Post Score n Missing details n How many users up voted or down voted the ques$on? n How many users tried to answer the ques$on? n Is there an accepted answer for this ques$on? n How many users are following the ques$on? n How many users are par$cipa$ng in the discussion? MSR 2014 24
  • 43. StackOverflow Post Score n Missing details n How many users up voted or down voted the ques$on? n How many users tried to answer the ques$on? n Is there an accepted answer for this ques$on? n How many users are following the ques$on? n How many users are par$cipa$ng in the discussion? MSR 2014 We devised a new metric to rank Stack Overflow ques$ons based on these factors. 25
  • 45. RQ5: Technical challenges Programmers get confused about new features, sugges$ng that the available API resources for these features is far from ideal. Maintaining web code, such as CSS, is complex without proper tool support. MSR 2014 27
  • 46. Implica$ons n Finding 1, 3 (CategorizaFon and temporal trends) n Developers can shi their focus away from cross browser issues. n Finding 4 (Prevalence of mobile applicaFons) n Can guide tool developers to build be.er mobile development tools. n Finding 5 (Technical Challenges) n Can guide standardiza0on communi0es to focus on areas that need improvement. MSR 2014 28
  • 47. Thank You!! Contribu$ons 1. Categorized web related discussions. 2. Iden$fied temporal trends. 3. Devised a metric to rank StackOverflow ques$ons. Analyzed Data: h.p://www.ece.ubc.ca/~kbajaj/so/data.zip MSR 2014 29