VGATE - An Online Conference Management tool supporting Zoom, Google-Sheets and a Responsive Web App.

https://vgate.cs.ucy.ac.cy/

A Responsive HTML5/CSS3 Cloud Sheets Management system for managing an online conference.

The original idea for setting up this project was to support the organization of the EDBTICDT21 conference https://edbticdt2021.cs.ucy.ac.cy with a web-based platform that enables conference organizers to plan the online conference using Spreadsheets. It comprises of: i) the Google sheet collaborative space (supporting versioning, user role management, invitations, etc.) to allow different roles to collaborate and plan the event in a user-friendly manner; ii) a mobile-friendly website that presents with minimum clutter are necessary information to the online attendees so that these remain focused and engaged during the event. VGATE finally also supports primitive zoom integration and licence management.

This template is implemented in Bootstrap (a popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web). The template has been tested on iOS, Windows Phone, Android, Chrome, Safari and other browsers. Some of its features require external free components (e.g., Google Custom Search for site-search). You will need to edit the sources with a text editor or a capable WYSIWYG editor.

The template is free and open to reuse under a CC BY 4.0 licence.

Enjoy!

Copyright (c) 2021, Demetris Zeinalipour, Department of Computer Science University of Cyprus.

All rights reserved.

Creative Commons CC BY 4.0 licence

VGATE is open to reuse under a CC BY 4.0 licence. This license lets others distribute, remix, tweak, and build upon VGATE even commercially, as long as they credit the original creation in the footer of the site. This is the most accommodating of licenses offered. Recommended for maximum dissemination and use of licensed materials.

More: http://creativecommons.org/licenses/by/4.0/legalcode

Credits

To use VGATE, you are required to use the following code at the end of your deployment:

<footer>
    <small>
    <center>
        © YEAR | YOURNAME. Credits: VGATE
    <a onclick="javascript:$('#credit').toggle();"><img border="0" src="images/ccby.png"/></a>
    <div style="display:none;" id="credit">[AR template available under Creative Commons CC BY 4.0 licence: 
    <a href="https://github.com/dmsl/vgate" target="_blank">
        https://github.com/dmsl/vgate
    </a> ]
    </div>
    </center>
    </small>
</footer>

Components

Short description of the contents included in this release.

• index.html : Contains most of the website material (single-page layout). Change this accordingly
• /vgate/vgate.js: contains client-side code for parsing Google Sheets (or local CSV), receiving time, receiving zoom status updates, google search
• /vgate/custom.js: Custom JS + Custom search box through Google. Replace the respective javascript in the HTML files to make your new search box effective.
• /zoom: contains server-side code for receiving Zoom Webhooks - Notifications (through Zoom API)
• /clock: contains server-side code for generating time (received every 15sec by js/vgate.js)
• /fonts, /css, /images: Website styling
• /photos: custom photos of the event

CR (Course Responsive) and (Academic Responsive) Templates

Also check out the sister template designated for personal sites: https://github.com/dmsl/academic-responsive-template Also check out the sister template designated for courses: https://github.com/dmsl/course-responsive-template

Adopter Sites (in order we became aware of)

More Information: https://vgate.cs.ucy.ac.cy/