SlideShare a Scribd company logo
D. Pantazatos, C. Marinos, K. Giotis, A. Vekris, M.
Grammatikou, V. Maglaris
{dpantazatos,cmarinos,coyiotis,avekr,mary,maglaris}@netmode.ntua.gr
INTED Conference, Valencia, March 2018
SeLCont: Synchronized e-Learning Content
On-line Synchronized Lectures
• On-line Lectures include:
• Video
• Slides (PowerPoint/PDF)
• Internet screenshots (Browsing)
• Annotations on slides
• Benefits to the presenter:
• Use of standard equipment in most lecture halls (web camera, projector)
• Instructor laptop/tablet with pre-installed SeLCont time-stamp recorder
• Minimal video post-processing (optional)
• On-line storage: Simple pre-formatted web-page, links to video service e.g. YouTube
• Benefit to the end-user (e.g. student):
• Retrieval as a URL link in any web browser, no need for any add-on
• Transparent adjustment to any device (smartphones, tablets, laptops, desktops)
Synchronization Process in three Steps
1st Step:
Lecture delivery & recording
2nd Step:
Post-processing
3rd Step:
Publishing of final result
1st Step: Lecture Delivery & Recording
• Video-audio recording
• Using common lecture hall equipment
• May also capture hand-written notes on a blackboard/whiteboard
• Recording of support material from presenter’s laptop/tablet
• Slides (PowerPoint/PDF)
• Internet screens and other browser screenshots
• Annotations produced on presenter laptop/tablet
• Timestamps recorded in a SeLCont file
• Synchronization of screenshots within video – audio stream
• Timestamps generated on PrtScn or Spacebar or PgUp – PgDn or arrow keys via
a light SeLCont Python script (downloaded in the presenter’s Windows laptop)
2nd Step: Post-Processing
• Optional simple video editing of recorded video file (e.g. in MP4) using
off-the shelf editors (e.g. Camtasia, Wondershare, OpenShot…)
• Uploading of (edited) video in a video provider cloud (e.g. YouTube)
3rd Step: Publishing of Final Result
• Development of lecture web page, preferably via a Content Management
System - CMS (e.g. WordPress)
• Data entry in pre-formatted web form of lecture-specific info:
• Lecture title, Keywords, Presenter
• Video URL (in video cloud, e.g. YouTube)
• Presentation file (PowerPoint/PDF)
• Screenshots (timestamps) to be synchronized with the video stream
• Final check & uploading of SeLCont lecture via its URL
SeLCont
Lecture’s
Web Page
(HTML5, JS, CSS3)
PPT,PDF,
PNG, JPEG
VIDEO, AUDIO
SeLCont Lecture Web-page
Technical Highlights
HTML5: HTML5 video player (JWPlayer)
JavaScript: Using jQuery
Responsive: Bootstrap framework
Synchronization: Automatic or user
controlled via thumbnails associated
with screenshots below video sub-frame
Potential SeLCont Users
SeLCont as a product to be used by:
• Professors
• Teachers
• Presenters
• Web site owners delivering on-line synchronized multimedia content
SeLCont as a service to lecture-providing organizations:
• Schools
• Universities
• Research Institutes
• Companies organizing lectures, seminars, presentations
Up2U Architecture
SeLCont on Up2U (1/2)
SeLCont will be used as a service in the Up2U ecosystem. It is integrated within the
Up2U platform as a WordPress Multisite Network. On the deployed Multisite
platform, teachers can create on demand their own WordPress instances running
SeLCont Plugins.
SeLCont on Up2U (2/2)
Conclusions
• SeLCont is an open source, user friendly lecture recording toolkit that
stores and reproduces synchronized multimedia content: Lecture
streams and accompanying material (slides, desktop screenshots).
• It enables end-users (students) to retrieve on demand via the
Internet pre-recorded lectures from a Web browser in her/his Laptop
or Tablet or Smartphone without any add-ons.
• It is an easy to use toolkit, which provides significant degrees of
freedom in indexing, selecting and editing of recorded lectures.
• Due to its implementation as a WordPress plugin, SeLCont can be
easily integrated to any LMS that implements the LTI standard.
• It can be used as a standalone platform or integrated within a
learning ecosystem like Up2U so that end-users can further profit
from digital advances in education.
The SeLCont Initiative
• Development: Network Management & Optimal Design Laboratory (NETMODE),
School of Electrical & Computer Engineering, National Technical University of
Athens (NTUA): www.netmode.ntua.gr
• SeLCont S/W: Wordpress plugin & Windows screen capturing tool. Also available
in https://github.com/netmode/selcont under GNU GPL
• Partial support: Up2University H2020 Research & Innovation EU Project,
www.learn.up2university.eu
• Partial support: Institute of Communication & Computer Systems (ICCS)
www.iccs.gr
• Partial support: NTUA Unit for Innovation & Entrepreneurship (ΜΟΚΕ)
www.mke.ntua.gr
• In collaboration with: NTUA Network Operations Center (NTUA NOC)
www.noc.ntua.gr
• Complementarity: NTUA Academic Open Courses (NTUA AOC) www.aoc.ntua.gr
Thank You!

More Related Content

PDF
SeLCont: Synchronised e-Learning Content
PPT
Acpet Vic Lms
PPT
ACSI LEARNING TEAMS 10-2010
 
PDF
Best Practices for Using Webex for Teaching and Learning
PPTX
(7)review of a de technology (web conferencing)
PPT
Virtual Classroom Slides
PPTX
3rd party tools
PPTX
Iste13 carruthers
SeLCont: Synchronised e-Learning Content
Acpet Vic Lms
ACSI LEARNING TEAMS 10-2010
 
Best Practices for Using Webex for Teaching and Learning
(7)review of a de technology (web conferencing)
Virtual Classroom Slides
3rd party tools
Iste13 carruthers

What's hot (12)

PPT
Adventures in Open-source: Lessons Learned at Purchase College
PPT
Blogging in the Classroom
PPTX
Multimedia applications
PPTX
Moodle vs. Blackboard
PPTX
20110413 TU Delft improve the use of blackboard with support of eesysoft
PPTX
Leveragingl blendedlearning
PPSX
Learn -Any Where Any Time
PPTX
Moodle Mobile offline features
PPT
#TechCampMumbai: How can we use online communities to bridge knowledge gaps &...
PDF
Blackboard training ppt (1)
PPTX
Live Collaboration with WebEx
PPTX
VIRTUAL CLASSROOM
Adventures in Open-source: Lessons Learned at Purchase College
Blogging in the Classroom
Multimedia applications
Moodle vs. Blackboard
20110413 TU Delft improve the use of blackboard with support of eesysoft
Leveragingl blendedlearning
Learn -Any Where Any Time
Moodle Mobile offline features
#TechCampMumbai: How can we use online communities to bridge knowledge gaps &...
Blackboard training ppt (1)
Live Collaboration with WebEx
VIRTUAL CLASSROOM
Ad

Similar to SeLCont: Synchronised e-Learning Content (20)

PDF
SeLCont: Synchronised e-Learning Content
PDF
SeLCont Presentation
PDF
A Cloud-based Automated Authoring System to support e-Learning in Higher Educ...
PPTX
IHC Academic Technology Fall Update 2013
PPT
Ppclass intro 20110513
PPTX
virtual classroom for college major project for computer science.
PPT
Nus case study07
PPTX
Group presentation final1
PDF
Up2University-an introduction
PPT
Udl technology tools for support webinar
PPTX
Teaching with Technology Updates 2010
PPTX
alternative delivery system
PPT
Lectures On Demand: delivering traditional lectures over the web
PPTX
Educational technology world_wide_web1
PPT
PPT
Panopto CourseCast: Free Streaming of Voice and Video
PPT
Video - ACPET e Mentor Programme
DOCX
The quality & richness of E-Education
PDF
Accessibility online courses-trends tips tools
PDF
F03405046048
SeLCont: Synchronised e-Learning Content
SeLCont Presentation
A Cloud-based Automated Authoring System to support e-Learning in Higher Educ...
IHC Academic Technology Fall Update 2013
Ppclass intro 20110513
virtual classroom for college major project for computer science.
Nus case study07
Group presentation final1
Up2University-an introduction
Udl technology tools for support webinar
Teaching with Technology Updates 2010
alternative delivery system
Lectures On Demand: delivering traditional lectures over the web
Educational technology world_wide_web1
Panopto CourseCast: Free Streaming of Voice and Video
Video - ACPET e Mentor Programme
The quality & richness of E-Education
Accessibility online courses-trends tips tools
F03405046048
Ad

More from Up2Universe (20)

PDF
Up2U Pedagogical evaluation
PPTX
Continuous professional development for secondary education teachers to adopt...
PDF
Up2U brand manual
PDF
openUp2U booklet
PDF
Why choose Up2U?
PDF
Up2U step by step guides for NRENs
PDF
Up2U for schools booklet
PPTX
Open Educational Resources for Bridging High School – University Gaps in Acad...
PDF
Greek IT security flyer
PPTX
Edulearn2019_Up2U_Presentation_G.Cibulskis_A.Urbaityte
PPTX
Pilots results- lessons learned Up2University project
PDF
Praktyczny przewodnik po bezpieczeństwie teleinformatycznym Up2U
PDF
IT biztonsági kisokos
PDF
Guida pratica alla sicurezza ICT per il progetto Up2U
PDF
Una guía práctica para la seguridad TIC-Up2U
PDF
A practical guide to IT security-Up to University project
PDF
Facilitating curation of open educational resources through the use of an app...
PDF
Up2U Learning Community interactions
PDF
Up to University
PDF
Up2U webinar for NRENs
Up2U Pedagogical evaluation
Continuous professional development for secondary education teachers to adopt...
Up2U brand manual
openUp2U booklet
Why choose Up2U?
Up2U step by step guides for NRENs
Up2U for schools booklet
Open Educational Resources for Bridging High School – University Gaps in Acad...
Greek IT security flyer
Edulearn2019_Up2U_Presentation_G.Cibulskis_A.Urbaityte
Pilots results- lessons learned Up2University project
Praktyczny przewodnik po bezpieczeństwie teleinformatycznym Up2U
IT biztonsági kisokos
Guida pratica alla sicurezza ICT per il progetto Up2U
Una guía práctica para la seguridad TIC-Up2U
A practical guide to IT security-Up to University project
Facilitating curation of open educational resources through the use of an app...
Up2U Learning Community interactions
Up to University
Up2U webinar for NRENs

Recently uploaded (20)

PDF
Trump Administration's workforce development strategy
PDF
Empowerment Technology for Senior High School Guide
PPTX
Introduction to pro and eukaryotes and differences.pptx
PDF
Practical Manual AGRO-233 Principles and Practices of Natural Farming
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PPTX
History, Philosophy and sociology of education (1).pptx
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
PDF
Environmental Education MCQ BD2EE - Share Source.pdf
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PDF
HVAC Specification 2024 according to central public works department
PPTX
20th Century Theater, Methods, History.pptx
PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
PDF
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
DOCX
Cambridge-Practice-Tests-for-IELTS-12.docx
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PDF
International_Financial_Reporting_Standa.pdf
Trump Administration's workforce development strategy
Empowerment Technology for Senior High School Guide
Introduction to pro and eukaryotes and differences.pptx
Practical Manual AGRO-233 Principles and Practices of Natural Farming
Weekly quiz Compilation Jan -July 25.pdf
Paper A Mock Exam 9_ Attempt review.pdf.
History, Philosophy and sociology of education (1).pptx
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
Chinmaya Tiranga quiz Grand Finale.pdf
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
Environmental Education MCQ BD2EE - Share Source.pdf
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
HVAC Specification 2024 according to central public works department
20th Century Theater, Methods, History.pptx
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
Cambridge-Practice-Tests-for-IELTS-12.docx
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
International_Financial_Reporting_Standa.pdf

SeLCont: Synchronised e-Learning Content

  • 1. D. Pantazatos, C. Marinos, K. Giotis, A. Vekris, M. Grammatikou, V. Maglaris {dpantazatos,cmarinos,coyiotis,avekr,mary,maglaris}@netmode.ntua.gr INTED Conference, Valencia, March 2018 SeLCont: Synchronized e-Learning Content
  • 2. On-line Synchronized Lectures • On-line Lectures include: • Video • Slides (PowerPoint/PDF) • Internet screenshots (Browsing) • Annotations on slides • Benefits to the presenter: • Use of standard equipment in most lecture halls (web camera, projector) • Instructor laptop/tablet with pre-installed SeLCont time-stamp recorder • Minimal video post-processing (optional) • On-line storage: Simple pre-formatted web-page, links to video service e.g. YouTube • Benefit to the end-user (e.g. student): • Retrieval as a URL link in any web browser, no need for any add-on • Transparent adjustment to any device (smartphones, tablets, laptops, desktops)
  • 3. Synchronization Process in three Steps 1st Step: Lecture delivery & recording 2nd Step: Post-processing 3rd Step: Publishing of final result
  • 4. 1st Step: Lecture Delivery & Recording • Video-audio recording • Using common lecture hall equipment • May also capture hand-written notes on a blackboard/whiteboard • Recording of support material from presenter’s laptop/tablet • Slides (PowerPoint/PDF) • Internet screens and other browser screenshots • Annotations produced on presenter laptop/tablet • Timestamps recorded in a SeLCont file • Synchronization of screenshots within video – audio stream • Timestamps generated on PrtScn or Spacebar or PgUp – PgDn or arrow keys via a light SeLCont Python script (downloaded in the presenter’s Windows laptop)
  • 5. 2nd Step: Post-Processing • Optional simple video editing of recorded video file (e.g. in MP4) using off-the shelf editors (e.g. Camtasia, Wondershare, OpenShot…) • Uploading of (edited) video in a video provider cloud (e.g. YouTube)
  • 6. 3rd Step: Publishing of Final Result • Development of lecture web page, preferably via a Content Management System - CMS (e.g. WordPress) • Data entry in pre-formatted web form of lecture-specific info: • Lecture title, Keywords, Presenter • Video URL (in video cloud, e.g. YouTube) • Presentation file (PowerPoint/PDF) • Screenshots (timestamps) to be synchronized with the video stream • Final check & uploading of SeLCont lecture via its URL SeLCont Lecture’s Web Page (HTML5, JS, CSS3) PPT,PDF, PNG, JPEG VIDEO, AUDIO
  • 7. SeLCont Lecture Web-page Technical Highlights HTML5: HTML5 video player (JWPlayer) JavaScript: Using jQuery Responsive: Bootstrap framework Synchronization: Automatic or user controlled via thumbnails associated with screenshots below video sub-frame
  • 8. Potential SeLCont Users SeLCont as a product to be used by: • Professors • Teachers • Presenters • Web site owners delivering on-line synchronized multimedia content SeLCont as a service to lecture-providing organizations: • Schools • Universities • Research Institutes • Companies organizing lectures, seminars, presentations
  • 10. SeLCont on Up2U (1/2) SeLCont will be used as a service in the Up2U ecosystem. It is integrated within the Up2U platform as a WordPress Multisite Network. On the deployed Multisite platform, teachers can create on demand their own WordPress instances running SeLCont Plugins.
  • 12. Conclusions • SeLCont is an open source, user friendly lecture recording toolkit that stores and reproduces synchronized multimedia content: Lecture streams and accompanying material (slides, desktop screenshots). • It enables end-users (students) to retrieve on demand via the Internet pre-recorded lectures from a Web browser in her/his Laptop or Tablet or Smartphone without any add-ons. • It is an easy to use toolkit, which provides significant degrees of freedom in indexing, selecting and editing of recorded lectures. • Due to its implementation as a WordPress plugin, SeLCont can be easily integrated to any LMS that implements the LTI standard. • It can be used as a standalone platform or integrated within a learning ecosystem like Up2U so that end-users can further profit from digital advances in education.
  • 13. The SeLCont Initiative • Development: Network Management & Optimal Design Laboratory (NETMODE), School of Electrical & Computer Engineering, National Technical University of Athens (NTUA): www.netmode.ntua.gr • SeLCont S/W: Wordpress plugin & Windows screen capturing tool. Also available in https://github.com/netmode/selcont under GNU GPL • Partial support: Up2University H2020 Research & Innovation EU Project, www.learn.up2university.eu • Partial support: Institute of Communication & Computer Systems (ICCS) www.iccs.gr • Partial support: NTUA Unit for Innovation & Entrepreneurship (ΜΟΚΕ) www.mke.ntua.gr • In collaboration with: NTUA Network Operations Center (NTUA NOC) www.noc.ntua.gr • Complementarity: NTUA Academic Open Courses (NTUA AOC) www.aoc.ntua.gr