Introductory Work on Section Based Page View of Web Contents Presentation
Post on 23-Jan-2018
80 Views
Preview:
Transcript
1/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Introductory Work on Section Based Page Viewof Web Contents: Towards The Idea of How a
Page is Viewed
Fajar Purnama 1, Alvin Fungai 1, Thinh Minh Do 1, Al HafizAkbar Maulana Siagian 1, Anwar Annas 1, Harry Susanto 1,
Hendarmawan 1, Tsuyoshi Usagawa1, Hiroshi Nakano 1
1Graduate School of Science and Technology, Kumamoto University
fajar@st.cs.kumamoto-u.ac.jp, f.alvin@st.cs.kumamoto-u.ac.jp,madsheep2410@gmail.com, alha002@st.cs.kumamoto-u.ac.jp,
annas@st.cs.kumamoto-u.ac.jp, h.susanto@st.cs.kumamoto-u.ac.jp,hendarmawan@st.cs.kumamoto-u.ac.jp, tuie@cs.kumamoto-u.ac.jp,
nakano@cc.kumamoto-u.ac.jp
November 2, 2016Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
2/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Outline
Introduction
Related Work
Web Application Architecture
Demonstration
Conclusion and Future Work
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
3/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Online with Information Communication Technology (ICT)Access Information Anywhere Anytime
Interract Through Social Media
Information in Form of Audio and Video
Take Courses Online
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
4/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Posibility of Online Analytics (below are examples)Pageviews of a Webpage [1]
Watch Statistic of a Youtube Channel
Browsing Behaviour Timestats [2]
Webpage Visitors Analytics by Piwik
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
5/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Example Analysis on Online LearningData:
I contents viewed
I discussions posted
I assignments submitted
I quizzes attempted
I scores
From [3] shows the learning patterns ofthose who passes and fails on a course.
From [4] states that content managementwill affect how active students on onlinecourse, for this case the number of post ondiscussion forum rises when assignmentsand quizzes were handed out.
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
6/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Limitation
Problem
Current data can answer what, when, and where a page is viewedbut cannot answer how it is viewed.
Proposal
Extend the pageview feature by being able to monitor as far aseach sections of the page.
Objective
Demonstrate a web application that can track the date andduration viewed on sections of a page
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
7/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Related Work
In ICT Industry
I Browser History
I Statistical Pageviews
I Timeline Pageviews
I Tracking User Mouse ClicksScrolls and Keyboard Types
In Learning Analytics
I Online Book Framework
I Finger Trail Learning System(FTLS) [5]
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
8/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
The Architecture
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
9/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Main Coding Concept
1 <form i d= s e c t a c t i o n =”thewebAPI ”2 onmouse leave=”s u b m i t F u n c t i o n ( s e c t )”>3 <d i v i d= s e c t onmouseenter=”s t a r t C o u n t ( s e c t )”4 onmouse leave=”stopCount ( s e c t )”>56 <h1> S e c t i o n 1 </h1>7 < i n p u t t y p e=”h i d d e n ” i d =”v a l u e ”>8 <p> This i s s e c t i o n 1 . </p>910 </d iv> </form>
Embed Javascript on Hypertext Markup Language (HTML) Pageonmouseenter: Upon mouse pointer enter, start the timer.onmouseleave: Upon mouse pointer leave, stop the timer.
(The onmouseleave on the form tag is to submit the value (date and
duration) to the Web API upon leaving, on this work is written in Java)
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
10/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Snapshot Demo
As the mouse pointer move to the next section the timer on theprevious section stops and the next section starts.
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
11/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Snapshot Result
Here shows an image of a timeline how a user view the web page(how long a section was viewed and in what pattern was the pageviewed).
Full Source Code:https://github.com/0fajarpurnama0/Section_Based_Page_View
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
12/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Conclusion and Future Work
Conclusion
I Extension of Pageview Feature
I Track Date and Time on Certain Section
I New Possibility for Behaviour Researchers
Future Work
I Plugin on CMS LMS etc
I Compatibility to More Webpages Type
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
13/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Reference[1] http://www.histats.com/viewstats/?sid=3383017&ccid=406[2] http://www.wips.com/news/detail/26/time-stats-phenomenal-chrome-extension[3] M. Wen and C. P. Ros, Identifying Latent Study Habits byMining Learner Behavior Patterns in Massive Open Online Courses,In Proc. 23rd ACM International Conference on Conference onInformation and Knowledge Management., pp. 1983-1986, 2014.[4] D. Nandi, M. Hamilton, J. Harland and G. Warburton, HowActive are Students in Online Discussion Forums?, In Proc.Thirteenth Australasian Computing Education Conference (ACE2011)., pp. 125-134.[5] K. Maruya, J. Watanabe, H. Takahashi and S. Hashiba, Alearning system utilizing learners active tracing behaviors, In Proc.Fifth International Conference on Learning Analytics AndKnowledge., pp. 418-419, 2015.
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
14/14
Introduction Related Work Web Application Architecture Demonstration Conclusion and Future Work
Thank youAny comments or questions?
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
International Student Conference on Advanced Science and Technology (ICAST) 2016
top related