introductory work on section based page view of web contents presentation

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

[email protected], [email protected],[email protected], [email protected],

[email protected], [email protected],[email protected], [email protected],

[email protected]

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


Outline

Introduction

Related Work

Web Application Architecture

Demonstration

Conclusion and Future Work

Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University


3/14


Online with Information Communication Technology (ICT)Access Information Anywhere Anytime

Interract Through Social Media

Information in Form of Audio and Video

Take Courses Online



4/14


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



5/14


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.



6/14


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



7/14


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]



8/14


The Architecture



9/14


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)



10/14


Snapshot Demo

As the mouse pointer move to the next section the timer on theprevious section stops and the next section starts.



11/14


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



https://github.com/0fajarpurnama0/Section_Based_Page_View

12/14


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



13/14


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.



14/14


Thank youAny comments or questions?

