Difference between revisions of "Google Documents Embedded in MediaWiki Pages"

From PKC
Jump to navigation Jump to search
imported>Admin
m (18 revisions imported)
 
(23 intermediate revisions by 5 users not shown)
Line 1: Line 1:
This page demonstrates that one can include Google Document, Google SpreadSheet, Google Presentation, and Google Form in this website. One must remember to '''[https://support.google.com/a/users/answer/9308870?hl=en publish]''' the document on your Google pages.
This page demonstrates that one can include Google Document, Google SpreadSheet, Google Presentation, and Google Form in this website. One must remember to '''[https://support.google.com/a/users/answer/9308870?hl=en publish]''' the document on your Google pages.


'''Note''': There will be visible delay of content synchronization from Google Documents, Google SpreadSheets, Google Presentations, and Google Forms to pages that embed the same document.  
'''Note''': There will be human observable delay of content synchronization from Google Documents, Google SpreadSheets, Google Presentations, and Google Forms to pages that embed the same document.  
=Google Presentation=
=Google Presentation=
The '''published''' Google Slide can be viewed and edited [https://docs.google.com/presentation/d/1TkzbKQzjpytoOtPDRBNN4PGD479Cqpgt/edit#slide=id.gd398d10917_1_0 here].
The '''published''' Google Slide can be viewed and edited [https://docs.google.com/presentation/d/1GJSCiWOs5ug0cZ81rXM6hETw02t7JoXn/ here].
 
{{#widget:Google Presentation|docid=1GJSCiWOs5ug0cZ81rXM6hETw02t7JoXn|size=medium}}


For example, the original Google Docs [[wikipedia:URL|URL]] should appear in your browser's URL field like this:
For example, the original Google Docs [[wikipedia:URL|URL]] should appear in your browser's URL field like this:
<pre>
<pre>
https://docs.google.com/presentation/d/1TkzbKQzjpytoOtPDRBNN4PGD479Cqpgt/edit#slide=id.gd398d10917_1_0
https://docs.google.com/presentation/d/1TkzbKQzjpytoOtPDRBNN4PGD479Cqpgt/
</pre>
</pre>


Line 36: Line 38:


=Google Document=
=Google Document=
In case your team is writing up some document using Google Doc, the document can be linked [https://docs.google.com/document/d/1yRD3hYPNsvjeyugoSDl-6x3QeAFRbXaOUNH1nh4bIP8/edit#heading=h.aczyuw2yex2w here].
In case your team is writing up some document using Google Doc, the document can be linked [https://docs.google.com/document/d/1yRD3hYPNsvjeyugoSDl-6x3QeAFRbXaOUNH1nh4bIP8/here].
The original URL looks like this:
The original URL looks like this:
<pre>
<pre>
https://docs.google.com/document/d/1yRD3hYPNsvjeyugoSDl-6x3QeAFRbXaOUNH1nh4bIP8/edit#heading=h.aczyuw2yex2w
https://docs.google.com/document/d/1yRD3hYPNsvjeyugoSDl-6x3QeAFRbXaOUNH1nh4bIP8/
</pre>
</pre>


Line 46: Line 48:
<pre>
<pre>
{{#widget:Google Document
{{#widget:Google Document
|id= 1yRD3hYPNsvjeyugoSDl-6x3QeAFRbXaOUNH1nh4bIP8
|id=1XI2FqPo7If4vrjflPTJh1nAmEBQQfGNj
|width=800
|width=800
|height=600
|height=600
Line 63: Line 65:
The original URL of the SpreadSheet is:
The original URL of the SpreadSheet is:
<pre>
<pre>
The '''published''' Google SpreadSheet: https://docs.google.com/spreadsheets/d/10nJZX6UKeg3FgT8OVfzDUSEIj-H_VeVZkwbEfXRnH7I/edit#gid=904881138
The '''published''' Google SpreadSheet: https://docs.google.com/spreadsheets/d/10nJZX6UKeg3FgT8OVfzDUSEIj-H_VeVZkwbEfXRnH7I/
</pre>
</pre>


Line 96: Line 98:
height="300"  
height="300"  
style="width: 50%">10nJZX6UKeg3FgT8OVfzDUSEIj-H_VeVZkwbEfXRnH7I</googlespreadsheet>
style="width: 50%">10nJZX6UKeg3FgT8OVfzDUSEIj-H_VeVZkwbEfXRnH7I</googlespreadsheet>
=Other UI Technologies=
It is worth noting that [[Apollo Spreadsheet]] can do the same thing, and is open source.

Latest revision as of 00:24, 29 January 2022

This page demonstrates that one can include Google Document, Google SpreadSheet, Google Presentation, and Google Form in this website. One must remember to publish the document on your Google pages.

Note: There will be human observable delay of content synchronization from Google Documents, Google SpreadSheets, Google Presentations, and Google Forms to pages that embed the same document.

Google Presentation

The published Google Slide can be viewed and edited here.

For example, the original Google Docs URL should appear in your browser's URL field like this:

https://docs.google.com/presentation/d/1TkzbKQzjpytoOtPDRBNN4PGD479Cqpgt/

To add this to the page, one just need to extract the docid that has the value: 1TkzbKQzjpytoOtPDRBNN4PGD479Cqpgt .

You just need to use the following string to denote that you want this file displayed on the page:

{{#widget:Google Presentation|docid=1TkzbKQzjpytoOtPDRBNN4PGD479Cqpgt|size=medium}}

Google Form

If you are familiar with Google Form, you can create one and publish the form here using the following strings:

{{#widget:Google Form
|key=1FAIpQLSfUdZgjtgndZALNNRkuDzr757KedXaK_EH45dFjoRrsOKPKNw
|width=760
|height=500
}}

Google Document

In case your team is writing up some document using Google Doc, the document can be linked [1]. The original URL looks like this:

https://docs.google.com/document/d/1yRD3hYPNsvjeyugoSDl-6x3QeAFRbXaOUNH1nh4bIP8/

You may display the content using the following string, and specifying its corresponding id as 1yRD3hYPNsvjeyugoSDl-6x3QeAFRbXaOUNH1nh4bIP8.

{{#widget:Google Document
|id=1XI2FqPo7If4vrjflPTJh1nAmEBQQfGNj
|width=800
|height=600
}}

Google SpreadSheet

Google SpreadSheet can also be embedded here, notice that the content synchronization between Google server and your page will have visible delays.

The original URL of the SpreadSheet is:

The '''published''' Google SpreadSheet: https://docs.google.com/spreadsheets/d/10nJZX6UKeg3FgT8OVfzDUSEIj-H_VeVZkwbEfXRnH7I/

To display the Google Sheet in this page, use the following string:

{{#widget:Google Spreadsheet
|key=10nJZX6UKeg3FgT8OVfzDUSEIj-H_VeVZkwbEfXRnH7I
|width=400
|height=300
}}


GoogleDocs4MW

Another MediaWiki extension, namely GoogleDocs4MW, will serve the same function as the extension Widgets:

<googlespreadsheet 
width="600" 
height="300" 
style="width: 50%">10nJZX6UKeg3FgT8OVfzDUSEIj-H_VeVZkwbEfXRnH7I</googlespreadsheet>

Other UI Technologies

It is worth noting that Apollo Spreadsheet can do the same thing, and is open source.