Compatible course content synchronization model for course distribution over ...Fajar Purnama
This is my current research progress of the previous work presented on special seminar at my university:
http://www.slideshare.net/0DarkKing0/rdiff-and-rsync-implementation-on-moodles-backup-and-restore-feature-of-course-synchronization-over-the-network-presentation
Title: Compatible Course Content Synchronization Model for Various LMS over The Network
Author: Fajar Purnama
Video: https://bit.tube/play?hash=QmcJPVtJbvAqukCiwDDwqnboMCS3KHEXrY5zenvieCRuE3&channel=156033
-Be Intentional: Why is this the RIGHT message to share RIGHT now?
-Be Generous: What expertise will help AND and build trust?
-Be Ready: How will we get found AND listen?
Compatible course content synchronization model for course distribution over ...Fajar Purnama
This is my current research progress of the previous work presented on special seminar at my university:
http://www.slideshare.net/0DarkKing0/rdiff-and-rsync-implementation-on-moodles-backup-and-restore-feature-of-course-synchronization-over-the-network-presentation
Title: Compatible Course Content Synchronization Model for Various LMS over The Network
Author: Fajar Purnama
Video: https://bit.tube/play?hash=QmcJPVtJbvAqukCiwDDwqnboMCS3KHEXrY5zenvieCRuE3&channel=156033
-Be Intentional: Why is this the RIGHT message to share RIGHT now?
-Be Generous: What expertise will help AND and build trust?
-Be Ready: How will we get found AND listen?
Semantic Result Formats: Automatically Transforming Structured Data into usef...Hans-Joerg Happel
Semantic MediaWiki (SMW) is an extension which allows to store and query structured data in MediaWiki. While SMW provides core functionality to render results of such queries (e.g. as tables and lists) extensions may hook in to support further output formats. These so-called "result formats" are thus powerful tools to leverage semantic wiki data for user-friendly visualization such as timelines and graphs or exporting structured data into standardized data exchange formats. A set of popular formats has been bundled as the Semantic Result Formats extension.
The power of Semantic Result Formats (SRF) is caused by the fact that it allows for many different ways of reusing data stored in SMW. Examples are visualizations (which can even use libraries and tools such as GraphViz or SIMILE Timeline) and data exports like vCard and iCalendar. Furthermore, both of these options can include responses from external web services like the Google charts API into a wiki page.
In this tutorial we want to explain the general design and implementation of the query result processing in order to enable users to improve existing and develop novel result formats. We will therefore start with a brief overview of existing result formats to explain the overall concept. Afterwards we introduce some implementation details and guide participants to write a simple "Hello World" result format implementation.
Campus news feed offers varying level of granularity, where the system is broken into small parts; there is a level of hierarchy from students to faculty and from faculty to principal and so on. It enables to have up-to-date information anywhere once they have the app installed and an active internet connection. If the website provides updates, all you need to do is install it on android phone with an active internet connection. You can then use any Campus news feed which checks for updated content frequently and displays it to you. CollegeSync allows users to create a list of those sources in an application that automatically retrieves updates, saving consider-able time and effort. An excellent mechanism for distributing regularly updated content, photo-sharing applications, and podcasts.
project of computer science for 12 classs students on data management system . this is vey helpful for the students and very understable and am esy topic for st udents.
Hi There, This Synopsis report is Implemented by Umang Saxena,Sakshi Sharma and Ronit Shrivastava of IT Branch,SVVV Indore.This will help for those students who wants to make a good and effective report regarding to any topic.
Thank you
Warm regards
STUDENT PROJECT ALLOCATION AND MANAGEMENT SYSTEM AlamNur10
Student Project Allocation & Management System, shortly (SPAMS) is an online platform to manage and control different phase of Project/Internship at the level of Undergraduate/Graduate Program. It can be possible to manage student Project in different level such as project tentative title submission with project area , follow-up in different phases. In this case the manual system they need a lot of time, manpower etc. Here almost all work is computerized.
Criminal Record Management System in the Perspective of Somalia fowzi mohamed
The project Criminal Record Management System in the perspective of Somalia is a Criminal record management system that uses to record crime activities of criminals. It can be used to report crime activities. This project is mainly useful for law and enforcement agencies in Somalia. The law and enforcement authority can preserve records of the criminals and search any criminal using the system. This is an online web application with database system in which police will keep the record of criminals who have been arrested. We have used HTML, JavaScript, CSS, PHP, MySql and Bootstrap to develop this project. We also used binary search algorithm to find a
Semantic Result Formats: Automatically Transforming Structured Data into usef...Hans-Joerg Happel
Semantic MediaWiki (SMW) is an extension which allows to store and query structured data in MediaWiki. While SMW provides core functionality to render results of such queries (e.g. as tables and lists) extensions may hook in to support further output formats. These so-called "result formats" are thus powerful tools to leverage semantic wiki data for user-friendly visualization such as timelines and graphs or exporting structured data into standardized data exchange formats. A set of popular formats has been bundled as the Semantic Result Formats extension.
The power of Semantic Result Formats (SRF) is caused by the fact that it allows for many different ways of reusing data stored in SMW. Examples are visualizations (which can even use libraries and tools such as GraphViz or SIMILE Timeline) and data exports like vCard and iCalendar. Furthermore, both of these options can include responses from external web services like the Google charts API into a wiki page.
In this tutorial we want to explain the general design and implementation of the query result processing in order to enable users to improve existing and develop novel result formats. We will therefore start with a brief overview of existing result formats to explain the overall concept. Afterwards we introduce some implementation details and guide participants to write a simple "Hello World" result format implementation.
Campus news feed offers varying level of granularity, where the system is broken into small parts; there is a level of hierarchy from students to faculty and from faculty to principal and so on. It enables to have up-to-date information anywhere once they have the app installed and an active internet connection. If the website provides updates, all you need to do is install it on android phone with an active internet connection. You can then use any Campus news feed which checks for updated content frequently and displays it to you. CollegeSync allows users to create a list of those sources in an application that automatically retrieves updates, saving consider-able time and effort. An excellent mechanism for distributing regularly updated content, photo-sharing applications, and podcasts.
project of computer science for 12 classs students on data management system . this is vey helpful for the students and very understable and am esy topic for st udents.
Hi There, This Synopsis report is Implemented by Umang Saxena,Sakshi Sharma and Ronit Shrivastava of IT Branch,SVVV Indore.This will help for those students who wants to make a good and effective report regarding to any topic.
Thank you
Warm regards
STUDENT PROJECT ALLOCATION AND MANAGEMENT SYSTEM AlamNur10
Student Project Allocation & Management System, shortly (SPAMS) is an online platform to manage and control different phase of Project/Internship at the level of Undergraduate/Graduate Program. It can be possible to manage student Project in different level such as project tentative title submission with project area , follow-up in different phases. In this case the manual system they need a lot of time, manpower etc. Here almost all work is computerized.
Criminal Record Management System in the Perspective of Somalia fowzi mohamed
The project Criminal Record Management System in the perspective of Somalia is a Criminal record management system that uses to record crime activities of criminals. It can be used to report crime activities. This project is mainly useful for law and enforcement agencies in Somalia. The law and enforcement authority can preserve records of the criminals and search any criminal using the system. This is an online web application with database system in which police will keep the record of criminals who have been arrested. We have used HTML, JavaScript, CSS, PHP, MySql and Bootstrap to develop this project. We also used binary search algorithm to find a
Similar to Demonstration on extending_the_pageview_feature_to_page_section_based_presentation (20)
Transmisi citra pada perangkat jaringan sensor visual nirkabel platform imote...Fajar Purnama
Tugas Akhir: https://0fajarpurnama0.github.io/bachelor/2020/11/06/tugas-akhir-fajar-purnama
Kode Sumber: https://github.com/0fajarpurnama0/transmisi-citra-imote2-embedded-linux
fp slide on deep investigation of cross language plagiarism detection methodsFajar Purnama
I Presented Someone's Paper on Cross Language Plagiarism Detection.
Title: Deep Investigation of Cross Language Plagiarism Detection Methods
Paper: https://arxiv.org/abs/1705.08828
Video: https://bit.tube/play?hash=QmfL3NPY39QxXQB74f5GmQcLVBnCBgcXhVPFfpjTkZn1gM&channel=156033
Portable and Synchronized Distributed Learning Management System in Severe Ne...Fajar Purnama
Master thesis defense limited of Fajar Purnama, Graduate School of Science and Technology, Human Interface and Cyber Communication Laboratory.
Video: https://youtu.be/i8AERku88u8
Masters Thesis: https://www.publish0x.com/fajar-purnama-academics/portable-and-synchronized-distributed-learning-management-sy-xyvdwoz?a=4oeEw0Yb0B&tid=slideshare
Rdiff and Rsync Implementation on Moodle's Backup and Restore Feature of Cour...Fajar Purnama
Title: Rdiff and Rsync Implementation on Moodle's Backup and Restore Feature of Course Synchronization over The Network
Authors: Fajar Purnama, Tsuyoshi Usagawa, Royyana Ijtihadie, Linawati
Source: http://dx.doi.org/10.1109/TENCONSpring.2016.7519372
Final Draft: https://www.publish0x.com/fajar-purnama-academics/rsync-and-rdiff-implementation-on-moodles-backup-and-restore-xgdpojl?a=4oeEw0Yb0B&tid=slideshare
Presenter: Fajar Purnama
Video: https://youtu.be/x7EaZe3pl-g
Presentation of Understanding and Surpassing Dropbox Globecom 2015Fajar Purnama
This is not my paper, just an assignment of the computer algorithm class I am taking to present a paper.
Title: Understanding and Surpassing Dropbox: Efficient
Incremental Synchronization in Cloud Storage Services
Authors: Shenglong Li, Quanlu Zhang, Zhi Yang, Yafei Dai
Source: http://dx.doi.org/10.1109/GLOCOM.2015.7417235
Presenter: Fajar Purnama
Video https://bit.tube/play?hash=QmSKeTyFcuKuRrTGMqLVHy43RXHrQgQkPoXhnH4MAMkf6K&channel=156033
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Epistemic Interaction - tuning interfaces to provide information for AI support
Demonstration on extending_the_pageview_feature_to_page_section_based_presentation
1. 1/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Demonstration on Extending The Pageview
Feature to Page Section Based: Towards
Identifying Reading Patterns of Users
Fajar Purnama 1, Alvin Fungai 1, Tsuyoshi Usagawa1
1Graduate School of Science and Technology, Kumamoto University
fajar@st.cs.kumamoto-u.ac.jp, f.alvin@cs.kumamoto-u.ac.jp,
tuie@cs.kumamoto-u.ac.jp
November 9, 2016
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
2. 2/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Outline
Introduction
Related Work
Web Application
Demonstration
Conclusion and Future Work
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
3. 3/22
Introduction Related Work Web Application 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
The Seventh International Conference on Science and Engineering (ICSE) 2016
4. 4/22
Introduction Related Work Web Application 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
The Seventh International Conference on Science and Engineering (ICSE) 2016
5. 5/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Example Analysis on Online Learning
Data:
contents viewed
discussions posted
assignments submitted
quizzes attempted
scores
From [3] shows the learning patterns of
those who passes and fails on a course.
From [4] states that content management
will affect how active students on online
course, for this case the number of post on
discussion forum rises when assignments
and quizzes were handed out.
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
6. 6/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Limitation
Problem
Current data can answer what, when, and where a web page is
viewed but cannot answer how the web page is viewed.
Proposal
Extend the pageview feature by being able to monitor as far as
each sections of the page.
Objective
Demonstrate a web application that can track the date and
duration viewed on sections of a page, ultimately resulting into a
reading pattern.
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
7. 7/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Related Work
In ICT Industry
Browser History
Statistical Pageviews
Timeline Pageviews
Tracking User Mouse Clicks
Scrolls and Keyboard Types
In Learning Analytics
Online Book Framework
Finger Trail Learning System
(FTLS) [5]
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
8. 8/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
The Architecture
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
9. 9/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Main Coding Concept
1: <form i d= s e c t a c t i o n=”thewebAPI”
2: onmouseleave=”submitFunction ( s e c t )”>
3: <div i d= s e c t onmouseenter=”startCount ( s e c t )”
4: onmouseleave=”stopCount ( s e c t )”>
5:
6: <input type=”t e x t ” i d=”date<sect >” name=”date”>
7: <input type=”t e x t ” i d=”duration <sect >” name=”d u r a t i o n”>
8:
9: Section Contents
10:
11: </div> </form>
Embed Javascript on Hypertext Markup Language (HTML) Page
onmouseenter: 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
The Seventh International Conference on Science and Engineering (ICSE) 2016
10. 10/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Dynamic Insertion Algorithm
Input : parent node : parent node i n html body ;
s e c t i o n n o d e : parent node as s e c t i o n i d e n t i f i e r ;
parent node name : the name of the parent node ;
p a r e n t n o d e l e n g t h : t o t a l number of parent node ;
d e f i n e d s e c t i o n n o d e n a m e : name of the node s e c t i o n n o d e ;
d e f i n e s e c t i o n n o d e l e n g t h : t o t a l number of s e c t i o n n o d e ;
1: i = 0; j = 0;
2: c r e a t e t r a c k e r c o d e ( i ) ;
3: i n s e r t t r a c k e r c o d e ( i ) b e f o r e parent node ( j ) ;
4: j = j+1 /∗go to next parent node because c u r r e n t parent
5: node i s now t r a c k e r c o d e ∗/
6: w h i l e p a r e n t n o d e l e n g t h > d e f i n e s e c t i o n n o d e l e n g t h +1 do
7: /∗ This p r o c e s s r e p e a t s u n t i l a l l parent node i s c l a d with
8: t r a c k e r code ∗/
9: i f parent node name ( j ) == d e f i n e d s e c t i o n n o d e n a m e do
10: i = i +1 /∗move to next t r a c k e r c o d e ∗/;
11: c r e a t e t r a c k e r c o d e ( i ) ;
12: i n s e r t t r a c k e r c o d e ( i ) b e f o r e parent node ( j )
13: j = j +1;
14: end i f
15: move parent node ( j ) i n t o t r a c k e r c o d e ( i ) as c h i l d
16: /∗ the number of parent node d e c r e a s e s and j i s c u r r e n t l y
17: p o i n t i n g to the next parent node ∗/
18: end w h i l e
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
11. 11/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Dynamic Insertion Algorithm Illustration
1: <h1> s e c t i o n 1 <h1>
2: <p> content 1 <p>
3:
4: <h1> s e c t i o n 2 <h1>
5: <p> content 2 <p>
6:
7: <h1> s e c t i o n 3 <h1>
8: <p> content 3 <p>
1: <form . . . . . . > <d i v . . . . . . >
2:
3: </form> <div>
4:
5: <h1> s e c t i o n 1 <h1>
6: <p> content 1 <p>
7:
8: <h1> s e c t i o n 2 <h1>
9: <p> content 2 <p>
10:
11: <h1> s e c t i o n 3 <h1>
12: <p> content 3 <p>
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
12. 12/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Dynamic Insertion Algorithm Illustration
1: <form . . . . . . > <d i v . . . . . . >
2:
3: <h1> s e c t i o n 1 <h1>
4:
5: </form> <div>
6:
7: <p> content 1 <p>
8:
9: <h1> s e c t i o n 2 <h1>
10: <p> content 2 <p>
11:
12: <h1> s e c t i o n 3 <h1>
13: <p> content 3 <p>
1: <form . . . . . . > <d i v . . . . . . >
2:
3: <h1> s e c t i o n 1 <h1>
4: <p> content 1 <p>
5:
6: </form> <div>
7:
8: <h1> s e c t i o n 2 <h1>
9: <p> content 2 <p>
10:
11: <h1> s e c t i o n 3 <h1>
12: <p> content 3 <p>
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
13. 13/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Dynamic Insertion Algorithm Illustration
1: <form . . . . . . > <d i v . . . . . . >
2:
3: <h1> s e c t i o n 1 <h1>
4: <p> content 1 <p>
5:
6: </form> <div>
7:
8: <form . . . . . . > <d i v . . . . . . >
9:
10: </form> <div>
11:
12: <h1> s e c t i o n 2 <h1>
13: <p> content 2 <p>
14:
15: <h1> s e c t i o n 3 <h1>
16: <p> content 3 <p>
1: <form . . . . . . > <d i v . . . . . . >
2:
3: <h1> s e c t i o n 1 <h1>
4: <p> content 1 <p>
5:
6: </form> <div>
7:
8: <form . . . . . . > <d i v . . . . . . >
9:
10: <h1> s e c t i o n 2 <h1>
11:
12: </form> <div>
13:
14: <p> content 2 <p>
15:
16: <h1> s e c t i o n 3 <h1>
17: <p> content 3 <p>
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
14. 14/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Dynamic Insertion Algorithm Illustration
1: <form . . . . . . > <d i v . . . . . . >
2:
3: <h1> s e c t i o n 1 <h1>
4: <p> content 1 <p>
5:
6: </form> <div>
7:
8: <form . . . . . . > <d i v . . . . . . >
9:
10: <h1> s e c t i o n 2 <h1>
11: <p> content 2 <p>
12:
13: </form> <div>
14:
15: <h1> s e c t i o n 3 <h1>
16: <p> content 3 <p>
1: <form . . . . . . > <d i v . . . . . . >
2:
3: <h1> s e c t i o n 1 <h1>
4: <p> content 1 <p>
5:
6: </form> <div>
7:
8: <form . . . . . . > <d i v . . . . . . >
9:
10: <h1> s e c t i o n 2 <h1>
11: <p> content 2 <p>
12:
13: </form> <div>
14:
15: <form . . . . . . > <d i v . . . . . . >
16:
17: </form> <div>
18
19: <h1> s e c t i o n 3 <h1>
20: <p> content 3 <p>
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
15. 15/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Dynamic Insertion Algorithm Illustration
1: <form . . . . . . > <d i v . . . . . . >
2:
3: <h1> s e c t i o n 1 <h1>
4: <p> content 1 <p>
5:
6: </form> <div>
7:
8: <form . . . . . . > <d i v . . . . . . >
9:
10: <h1> s e c t i o n 2 <h1>
11: <p> content 2 <p>
12:
13: </form> <div>
14:
15: <form . . . . . . > <d i v . . . . . . >
16:
17: <h1> s e c t i o n 3 <h1>
18:
18: </form> <div>
19:
20: <p> content 3 <p>
1: <form . . . . . . > <d i v . . . . . . >
2:
3: <h1> s e c t i o n 1 <h1>
4: <p> content 1 <p>
5:
6: </form> <div>
7:
8: <form . . . . . . > <d i v . . . . . . >
9:
10: <h1> s e c t i o n 2 <h1>
11: <p> content 2 <p>
12:
13: </form> <div>
14:
15: <form . . . . . . > <d i v . . . . . . >
16:
17: <h1> s e c t i o n 3 <h1>
18: <p> content 3 <p>
19:
20: </form> <div>
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
16. 16/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Application Programming Interface (API)
Input
Get parameters from submitted form in representation
interface.
Connect to database server.
Create database if not already.
Create tables if not already.
Put parameter values gotten into the tables.
Output
Connect to database server.
Choose database.
Get Data.
Analyze (beyond the scope of this work)
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
17. 17/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Snapshot Demo
The timer on first section starts as the mouse cursor enters it.
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
18. 18/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Snapshot Demo
The timer on first section stops as the mouse cursor leaves it and
starts on second section as the mouse cursor enters it.
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
19. 19/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Snapshot Result
Purnama Fajar reads section 1 for 6 seconds, then moves to
section 2 and reads for 10 seconds, then moves to section 3 and
reads for 7 seconds, and so on.
Full Source Code:
https://github.com/0fajarpurnama0/Section_Based_Page_View
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
20. 20/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Conclusion and Future Work
Conclusion
Extension of pageview feature that tracks date and time of
sections.
Track reading patterns of online users.
New possibility for researchers on related field.
Future Work
Existing webpage implementation (currently only on simple
HTML)
Further evaluation issues such as appearance, compatibility,
and resource consumption.
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
21. 21/22
Introduction Related Work Web Application 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 by
Mining Learner Behavior Patterns in Massive Open Online Courses,
In Proc. 23rd ACM International Conference on Conference on
Information and Knowledge Management., pp. 1983-1986, 2014.
[4] D. Nandi, M. Hamilton, J. Harland and G. Warburton, How
Active are Students in Online Discussion Forums?, In Proc.
Thirteenth Australasian Computing Education Conference (ACE
2011)., pp. 125-134.
[5] K. Maruya, J. Watanabe, H. Takahashi and S. Hashiba, A
learning system utilizing learners active tracing behaviors, In Proc.
Fifth International Conference on Learning Analytics And
Knowledge., pp. 418-419, 2015.
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016
22. 22/22
Introduction Related Work Web Application Demonstration Conclusion and Future Work
Thank you
Any comments or questions?
Presented by: Fajar Purnama Graduate School of Science and Technology, Kumamoto University
The Seventh International Conference on Science and Engineering (ICSE) 2016