Add link to index-lowlevel.html
[mkws-moved-to-github.git] / experiments / spclient / index-mkws.html
1 <html>
2   <head>
3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4     <title>MKWS: the MasterKey Widget Set</title>
5     <style type="text/css">
6       body {
7       font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Sans-Serif;
8       }
9       h1 { color: #606060 }
10       p { font-weight: bold }
11     </style>
12   </head>
13   <body>
14     <h1>MKWS: the MasterKey Widget Set</h1>
15     <p>
16       This site contains tools, not content:
17     </p>
18     <ul>
19       <li>
20         <a href="mkws.js">mkws.js</a>
21         --
22         JavaScript code that powers the MasterKey Widget Set
23       </li>
24       <li>
25         <a href="/libjs-pz2/pz2api.1.js">/libjs-pz2/pz2api.1.js</a>
26         --
27         Low-level JavaScript library for access to the MasterKey web
28         service.
29       </li>
30       <li>
31         <a href="mkws-complete.js"
32                 >mkws-complete.js</a>
33         --
34         A single large JavaScript file containing everything needed for
35         MKWS to work: the widget-set itself, the API library, and any
36         additional prerequisites such as jQuery.
37       </li>
38       <li>
39         <a href="mkwsStyle.css">mkwsStyle.css</a>
40         --
41         A stylesheet which styles only MasterKey widgets, and does not
42         otherwise interfere with application-site's styles.
43     <!--
44         <p style="color:darkred">
45           Note. This is not yet quite true: the stylesheet needs tweaking
46           to make it more specific to only the MKWS components. At present
47           it spills over into styling parts of the containing site, too.
48         </p>
49     -->
50       </li>
51     </ul>
52     <p>
53       For examples of how to use the widget-set, see:
54     </p>
55     <ul>
56       <li>
57         A very simple application at
58         <a href="http://somesite.indexdata.com/"
59                 >http://somesite.indexdata.com/</a>.
60         It's worth viewing the source to see how small it is.
61       </li>
62       <li>
63         The
64         <a href="http://somesite.indexdata.com/index-jquery.html"
65            >jQuery plugin</a>
66         version, consisting of a single line of JavaScript code.
67       </li>
68       <li>
69         An application that
70         <a href="http://somesite.indexdata.com/index-lowlevel.html"
71            >uses lower-level MKWS components</a>
72         rather than the all-in-one <tt>#mkwsResults</tt> division,
73         allowing it to use a rather different layout.
74       </li>
75       <li>
76         An existing web-site,
77         <a href="http://sagp.miketaylor.org.uk/"
78            >The Self-Appointed Grammar Police</a>,
79         which has been fitted with an MKWS searching widget.
80         (See also the MKWS-widget customisations in
81         <a href="http://sagp.miketaylor.org.uk/style.css"
82            >that site's stylesheet</a>.)
83       </li>
84       <li>
85         Another existing web-site,
86         <a href="http://zthes.z3950.org/"
87            >The Zthes specifications</a>,
88         which has been fitted with a popup MKWS search-box.
89       </li>
90     </ul>
91     <p>
92       The set of targets can be maintained:
93     </p>
94     <ul>
95       <li>
96         Use the main
97         <a href="http://mk2.indexdata.com/console/"
98            >MasterKey Admin Console</a>,
99         and act as the "MK Demo" library administrator.
100       </li>
101     </ul>
102     <p>
103       Documentation is as yet in short supply:
104     </p>
105     <ul>
106       <li>
107         The <a href="README"
108                >README</a> (which may not be fully up to
109         date).
110       </li>
111       <li>
112         The <a href="html-structure.txt"
113                >structure of the HTML generated by the MKWS widgets</a>,
114         which can be used to guide the customisation of its CSS styles.
115       </li>
116     </ul>
117   </body>
118 </html>