Feature Demo

This page is dedicated to demonstrate features of various extensions.

A few obvious features are:

1. Maps by leaflet
2. EmbedVideo
3. Math Type Setting
4. 3D object visualization
5. Dynamic Page List
6. Spotify

Map

The following maps are interactive maps embedded in MediaWiki, you can find instructions on how to edit these embedded links to create your own map.

Example 1

To show the the center of a city, a map can be specified as follow:

{{#display_map:center=Indonesia|zoom=5}}

Loading map...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":-2.4833826,"lon":117.8902853,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":5,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[],"imageoverlays":null}

---

Map Example 2

For example, the following map can be specified as follow:

{{#display_map:circles=
  Serangan, Bali, Indonesia:500;
  Serangan, Bali, Indonesia:100~TSEA Campus~HDX Program~green~0.7~10~blue~0.5
| zoom=9
|width=600|height=400
}}

Loading map...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"600px","height":"400px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[{"text":"","title":"","link":"","strokeColor":"#FF0000","strokeOpacity":"1","strokeWeight":"2","fillColor":"#FF0000","fillOpacity":"0.5","centre":{"lon":115.2313818,"lat":-8.7336496},"radius":500},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ETSEA Campus\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EHDX Program\n\u003C/p\u003E\u003C/div\u003E","title":"TSEA Campus\n","link":"","strokeColor":"green","strokeOpacity":"0.7","strokeWeight":"10","fillColor":"blue","fillOpacity":"0.5","centre":{"lon":115.2313818,"lat":-8.7336496},"radius":100}],"rectangles":[],"copycoords":false,"static":false,"zoom":9,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[],"imageoverlays":null}

---

EmbedVideo

Not only you may embed videos of many sources in your page, you can also specify starting and stopping time points.

{{#ev:youtube|https://www.youtube.com/watch?v=X_oNzF_KS6g|||||start=100&end=103}}

{{#ev:youtube|https://www.youtube.com/watch?v=X_oNzF_KS6g%7C%7C%7C%7C%7Cstart=100&end=103}}

Embedding videos in a web page will significantly enrich user experience. The following link shows a video embedded in this page. More extensive demo can be found in this link.

---

Spotify

If you are into music, you can embed Spotify songs here.

<spotify>album/4tRU7xRuLI8oaTTNFtrytT</spotify>

Math Typesetting

For mathematicians and engineers, your can also typeset mathematical equations using LaTeX syntax here.

<math>\int_a^x \!\!\!\int_a^s f(x)\,dz\,ds = \int_a^x f(w)(z-c)\,dy</math>

$\int _{a}^{x}\!\!\!\int _{a}^{s}f(x)\,dz\,ds=\int _{a}^{x}f(w)(z-c)\,dy$

3D Object

If you have 3D objects that you want to show on the page, you can just upload the file to this website, and embed them into the page:

[[File:Asad Al-Lat.stl|300px]]

Click on the image below to interact with it in Media Viewer.

https://pkc.pub/images/a/af/Asad_Al-Lat.stl

---

You may also make the 3D object interactive in the page.

[[File:Cube.json]]

https://pkc.pub/images/f/f1/Cube.json

DynamicPageList

You may also specify certain conditional information to extract a list of pages from the database. This is the well-known DynamicPageList feature of MediaWiki.

An example can be shown here

<DynamicPageList>
category=Logic Model
count=5
</DynamicPageList>

• Moritz Model
• LKPP e-Katalog
• LKPP
• Doug Playbook'
• Abstract Specification of PKC

It is always helpful to read MediaWiki's Manual:Extensions