, but this code // executes before the first paint, when

麻豆区

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); Calvin classroom pilots Google course-sharing tech - News & Stories | 麻豆区

麻豆区

Skip to main content

Spark

Calvin classroom pilots Google course-sharing tech

Sun, Apr 01, 2018

This spring, the Michigan Colleges Alliance (MCA), in collaboration with Google, is piloting the Google Course Share Collaboration鈥攁 new course delivery approach that aims to expand course options at smaller private colleges while retaining the faculty-driven teaching model.

The pilot program launched in January and includes three MCA member institutions: Calvin College, Alma College, and Albion College. The three institutions are testing the viability of an academic resource sharing model between colleges, giving students access to more options of classes.

Each campus created a Google Extended Classroom, complete with Hangouts Meet (Google鈥檚 video meeting software) and Jamboard (Google鈥檚 55-inch, 4K interactive display), which is spurring collaboration through linking up digital whiteboards across the colleges.

The classrooms have two large monitors, each showing students from the other two participating colleges. The professor teaches the classes simultaneously with live interaction from all three classes. Steelcase, the largest office furniture manufacturer in the world, outfitted each classroom to help create collaborative spaces for students to thrive.

MCA has tasked Calvin College鈥檚 Center for Social Research (CSR) with evaluating the pilot program. Through surveys, focus groups, and research, CSR will provide an evaluation later this spring.