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 leaflet 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=Jakarta, Indonesia}}

Loading map...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":-6.175247,"lon":106.8270488,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"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}

---

Example 2

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

{{#display_map:circles=
  Bali, Indonesia:5000;
  Bali, Indonesia:1000~Title Text~Description Text~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.1919203,"lat":-8.2271303},"radius":5000},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ETitle Text\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EDescription Text\n\u003C/p\u003E\u003C/div\u003E","title":"Title Text\n","link":"","strokeColor":"green","strokeOpacity":"0.7","strokeWeight":"10","fillColor":"blue","fillOpacity":"0.5","centre":{"lon":115.1919203,"lat":-8.2271303},"radius":1000}],"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}

---

Spotify

Try this special page: Special:Manage_Two-factor_authentication

EmbedVideo

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.

Note that using the '#ev' tag, one may specify 'start' and 'stop' time points. {{#ev:youtube|https://www.youtube.com/watch?v=-cPchmU-pB4%7C%7C%7C%7C%7Cstart=200&end=203}}

Using the '#evt' tag, specify the dimensions of the video. {{#evt: service=youtube |id=https://www.youtube.com/watch?v=eAORm-8b1Eg |dimensions=50 }}

---

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

https://pkc.pub/images/a/af/Asad_Al-Lat.stl 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