Google Docs, Forms and Video Mashup Using HTML5 for Assessment Applications

Robert WorkmanSouthern Connecticut State Universityworkmanr1@southernct.edu

<iframe>Iframe allows HTML documents to be embedded inside of another HTML document. For example Google Docs, Video, Maps and Forms may be embedded in a single document. The form questions may relate to the contents of the document, video, or map.

<iframe src="https://docs.google.com/forms/d/1z4KEvk2pGsCvO1lqxAT0jKqjOceYV4dAvQtYlZlajdc/viewform?embedded=true" width="800" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading... </iframe>

Google Forms – Questions and Answers

http://mo113.com/art2.html

Any web site

<iframe width="560" height="315" src="//www.ibm.com"></iframe>

youTube

<iframe width="560" height="315" src="//www.youtube.com/embed/YdoR156Ba1Q"></iframe>

Google Docs

Google MapsInstructions http://webdesign.tutsplus.com/tutorials/quick-tip-embedding-new-google-maps--webdesign-15366

Open Google Maps - https://mapsengine.google.com/map/

Google Forms

Notepad++

HTML Code

http://mo113.com/art2.html Link to the program on the web

Spreadsheet Showing Responses

References

iframes http://www.w3schools.com/tags/tag_iframe.asp http://www.lynda.com/HTML-tutorials/Creating-inline-frames-using-iFrame/47603/54590-4.html

Google Forms https://support.google.com/drive/answer/87809?hl=en

Notepad++ http://notepad-plus-plus.org/

National Gallery of Art | NGA Images https://images.nga.gov/en/page/show_home_page.html