Chrome web app screen annotation how to#
Chrome web app screen annotation install#
Chrome web app screen annotation update#

Reduce or totally eliminate the need for classroom printing. Share a document within teams or across the whole class for collaborative annotation, discussion, or debate. Present a document on-screen and use Kami as a digital whiteboard overlay Have students return completed documents to you for in-app grading. Provide students with documents that they can complete using the full array of Kami tools. KamiвЂ™s intuitive design and collaborative features are specifically designed to improve classroom engagement and interaction вЂ“ all while making the task of providing and completing classroom assignments effortless.

It allows you to take any existing document, including scanned PDFs, and write, draw, type, annotate, comment, augment, enhance, and otherwise bring it to life вЂ“ all within your browser. Our app/index.html page loads scripts/main.js and it's in this JavaScript file that we'll register our service worker.ДЄdd the following code to scripts/main.Kami is a leading digital classroom app for Chrome. This file will be your service worker, for now it can stay empty and we'll be adding code to it later.ДЇirst we need to register this file as our Service Worker. In your app directory, notice that you have an empty file named sw.js. When this checkbox is enabled the service worker is forcibly updated every time the page reloads.

Chrome web app screen annotation update#

To set this up in Chrome, open DevTools (Right Click > Inspect) and go to the Application panel, click the Service Workers tab and check the Update on Reload checkbox.

Now visit your site in your web browser (by clicking on the highlighted Web Server URL) and you should see a page that looks like this:Дuring development it's helpful to ensure your service worker is always up to date and has the latest changes. Then stop and restart the server by sliding the toggle labeled 'Web Server: STARTED' to the left and then back to the right. Under Options, check the box next to 'Automatically show index.html', as shown below: This will enable you to serve your work in progress via the URL highlighted in the web server dialog (in the Web Server URL(s) section). You'll see this dialog next, which allows you to configure your local web server:Д¬lick the choose folder button, and select the app folder. In the ensuing window, click on the Web Server icon:

Chrome web app screen annotation install#

If you don't have that app installed yet, you can install it from the Chrome Web Store.ДЄfter installing the Web Server for Chrome app, click on the Apps shortcut on the bookmarks bar: While you're free to use your own web server, this codelab is designed to work well with the Chrome Web Server. If you downloaded the source as a zip, unpacking it should give you a root folder push-notifications-master. You can get the sample code for this code by either downloading the zip here:

Basic knowledge of HTML, CSS, JavaScript, and Chrome DevTools.

Web Server for Chrome, or your own web server of choice.

Chrome web app screen annotation how to#

How to subscribe and unsubscribe a user for push messaging.

Push messaging provides a simple and effective way to re-engage with your users and in this code lab you'll learn how to add push notifications to your web app. Matt is a contributor to Web Fundamentals Overview