<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>projects &#8211; ptworld.net</title>
	<atom:link href="https://ptworld.net/blog/tag/projects/feed/" rel="self" type="application/rss+xml" />
	<link>https://ptworld.net</link>
	<description>e-consultancy, research and publishing</description>
	<lastBuildDate>Tue, 08 Apr 2025 14:59:22 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>
	<item>
		<title>MakeStaticSite on GitHub</title>
		<link>https://ptworld.net/blog/makestaticsite-on-github/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Wed, 08 Mar 2023 15:03:44 +0000</pubDate>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[announcements]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[SimTerm]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[workflow]]></category>
		<guid isPermaLink="false">https://ptworld.net/?p=1631</guid>

					<description><![CDATA[Work has continued on MakeStaticSite, the Bash utility to create static snapshots of websites, refine and deploy them — just through a single command. Now at version 0.22.2 and available for download, recent updates include: We&#8217;ve even updated the animation <a class="more-link" href="https://ptworld.net/blog/makestaticsite-on-github/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<p></p>



<p>Work has continued on <a rel="noreferrer noopener" href="https://makestaticsite.sh/" target="_blank">MakeStaticSite</a>, the Bash utility to create static snapshots of websites, refine and deploy them — just through a single command.</p>



<p>Now at version 0.22.2 and <a href="https://makestaticsite.sh/getting-started/installing/" target="_blank" rel="noreferrer noopener">available for download</a>, recent updates include:</p>



<ul class="wp-block-list">
<li>improved support for search engines through the generation of a sitemap based on actual file output, matched in each web page by the canonical URL specified in the <tt>&lt;head></tt> tag.  This sitemap is also cited by the site&#8217;s <tt>robots.txt</tt> file.</li>



<li>more robust handling of <a rel="noreferrer noopener" href="https://makestaticsite.sh/in-depth/workflow/" target="_blank">workflow</a>, so you can use MakeStaticSite in conjunction with other scripts at various stages, to undertake other management tasks, such as reviewing accessibility or link checking.</li>



<li>more systematic treatment of options to clean WordPress ahead of being crawled by Wget.  These small steps also point the way to broader support for fine-tuning CMS output.</li>



<li>Support for deployment on Netlify Content Distribution Network, which is where the site is now hosted.  It&#8217;s expected that other CDN could be handled similarly.</li>
</ul>



<p>We&#8217;ve even updated the animation on the Home page, extending the <a rel="noreferrer noopener" href="https://github.com/paultraf/simterm" target="_blank">SimTerm plugin</a> in the process.</p>



<p>Now that MakeStaticSite has been used successfully over a period of several months, it has been placed under Git version control. I am pleased to announce that I&#8217;ve created a repository on GitHub<br><a href="https://github.com/paultraf/makestaticsite" target="_blank" rel="noreferrer noopener">https://github.com/paultraf/makestaticsite</a></p>



<p>In surveying approaches to generating static sites, I have not been able to find anything similar, and there is a myriad of ways in which it <a rel="noreferrer noopener" href="https://makestaticsite.sh/developers/further-work/" target="_blank">could be enhanced</a>.  Compared with some Jamstack approaches, the performance is slow, but building this site, which is quite substantial, only takes a few minutes whereas the MakeStaticSite project site takes less than a minute.  For most purposes, this should be fine.</p>



<p>The use of the command line is an obstacle for some, but there are various ways in which a GUI could be provided, even Web CGI, which might be security concern on a public-facing server, but far less so on a personal computer.  The beauty of using shell scripts is that you can quickly achieve desired results without being tied to any framework.  So, please give it a go!</p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Introducing MakeStaticSite for website deployment</title>
		<link>https://ptworld.net/blog/introducing-makestaticsite-for-website-deployment/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Wed, 21 Sep 2022 14:53:20 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Bash]]></category>
		<category><![CDATA[MakeStaticSite]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[shell scripts]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://ptworld.net/?p=1504</guid>

					<description><![CDATA[(from a technical perspective) Launch of MakeStaticSite.sh Website November 2022: A website dedicated to MakeStaticSite is now available at https://makestaticsite.sh/. It provides the latest version of the software, released under AGPL, along with various documentation to help getting started. Motivation <a class="more-link" href="https://ptworld.net/blog/introducing-makestaticsite-for-website-deployment/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<p>(from a technical perspective)</p>



<h2 class="wp-block-heading">Launch of MakeStaticSite.sh Website</h2>



<p><strong>November 2022</strong>: A website dedicated to MakeStaticSite is now available at <a rel="noreferrer noopener" href="https://makestaticsite.sh/" target="_blank">https://makestaticsite.sh/</a>.  It provides the latest version of the software, released under AGPL, along with various documentation to help getting started.</p>



<h2 class="wp-block-heading">Motivation</h2>



<p>The process of developing this website has evolved considerably.  On setting it up a few years ago in the conventional manner using WordPress, I duly familiarised myself with routines for maintaining security and improving performance on a hosted platform.  However, there were several aspects that weren&#8217;t ideal: the live content was hosted remotely, albeit with backups; updating the site <em>in situ</em>, particularly for major redesigns, was inconvenient; and performance wasn&#8217;t always as good as expected.  Observing that most of the content was not dynamic in nature, I resolved to develop the site locally and then, as a separate process, deliver it as a largely static site. </p>



<p>The rationale for generating static sites has been around a long-time; I first tackled this more than 20 years ago, when I needed to generate a <a href="https://ptworld.net/portfolio/multimedia-languages#CD2Go">CD ROM from a CGI/Perl multimedia website</a>.  Nowadays, the field is mature; <a rel="noreferrer noopener" href="https://www.netlify.com/blog/2018/07/12/the-reign-of-static-site-generators/" target="_blank">a Netlify blog post</a> (Netlify is a cloud-based service where many static outputs end up) gives many valid reasons, rooted in the need for more responsive work processes.  Typically underpinned by a simple language called <a rel="noreferrer noopener" href="https://www.w3schools.io/file/markdown-introduction/" target="_blank">markdown</a>, there has been a surge in solutions; hence, <a rel="noreferrer noopener" href="https://jamstack.org/generators/" target="_blank">options for Jamstack</a> abound.  However, the processes tend to be heavily oriented to developers at the expense of content authors, issues I know first-hand from enabling web access to museum collections.</p>



<p>I wanted instead to support existing content management processes, i.e. to continue with creating and managing content in WordPress, and then &#8216;at the press of a button&#8217; generate and publish a static copy online.  There are already some solutions, including dedicated plugins such as <a rel="noreferrer noopener" href="https://wordpress.org/plugins/simply-static/" target="_blank">Simply Static</a>.  Tim Nash, having observed increasingly complexity with the Jamstack options, <a rel="noreferrer noopener" href="https://timnash.co.uk/blog-like-a-confused-hacker-2020/" target="_blank">has described</a> how he used <a rel="noreferrer noopener" href="https://github.com/WP2Static/wp2static" target="_blank">WP2Static</a> via <a rel="noreferrer noopener" href="https://wp-cli.org" target="_blank">WP-CLI</a>, the WordPress command-line interface, for a (relatively) simple and compact solution.  But I hesitate over the use of a WordPress plugin to generate the static site.  Apart from the ongoing issue of maintenance and compatibility with WP Core, plugins are not really necessary since a public-facing website should be <em>de facto</em> crawlable by a web spider and not require internal system information.  </p>



<p>And so I turned to general-purpose tools I could run from the command line.  Enter <a rel="noreferrer noopener" href="https://www.gnu.org/software/wget/" target="_blank">Wget</a>, a ubiquitous utility for retrieving and packaging any number of web pages for subsequent viewing.  I needed to configure it, add a few additional inputs, and then choose where to store the outputs.  This led naturally to delving into (<a rel="noreferrer noopener" href="https://tiswww.case.edu/php/chet/bash/bashtop.html" target="_blank">Bash</a>) shell scripting to bring it all together and I continued the process, adding deployment options and invoking more commands, particularly <a rel="noreferrer noopener" href="https://wp-cli.org" target="_blank">WP-CLI</a> to prep the WordPress output (and to include a version of the plugin, <a rel="noreferrer noopener" href="https://github.com/paultraf/wp-static-search" target="_blank">WP Static Search</a>, revised to work offline).  If you examine the source code of this page, you will see the result.</p>



<h2 class="wp-block-heading">Pipeline</h2>



<p>Shell scripting became a means to orchestrate the overall process, which is readily seen as a <em>pipeline</em> comprising a sequence of <em>phases</em>.  For example, one phases runs <tt>wget</tt> for the initial capture, whilst another re-runs <tt>wget</tt> to more completely capture a site.  In fact, many core web development processes can be incorporated, such as replacing certain internal-facing pages or sections with alternative content; and invoking command-line tools for validation and streamlining output.  As of version 0.21, there are ten phases altogether; and command-line options allow you to control the start phase and end phase.</p>



<p>The flowchart below illustrates an emerging pipeline (for the latest perspective, please refer to pages on <a rel="noreferrer noopener" href="https://makestaticsite.sh/in-depth/workflow/" target="_blank">workflow</a> and <a rel="noreferrer noopener" href="https://makestaticsite.sh/in-depth/workflow/phases/" target="_blank">phases</a>).</p>



<div class="wp-block-cp-timeline-content-timeline-block Cool-Content-Timeline"><div class="cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484"><style scoped="true">.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body .story-time p{color: #333;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-horizontal-timeline-body .story-time p{color: #333;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body::before{background: linear-gradient(to bottom, rgba(230, 230, 230, 0) 0%, #D91B3E 10%, #D91B3E 90%, rgba(230, 230, 230, 0) 100%);}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-horizontal-timeline-body .timeline-content::before{background: #D91B3E;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-horizontal-timeline-body .timeline-content::after{background: #D91B3E;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body .timeline-content::before{background: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body.left .story-details::after{background: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body.right .story-time::after{background: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body .timeline-content .timeline-block-icon{background: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-horizontal-timeline-body .timeline-content .timeline-block-icon{background: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body.both-sided .timeline-content .position-right .story-details::before{border-right-color: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body.both-sided .timeline-content .position-left  .story-details::before{border-left-color: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body.one-sided.left .timeline-content  .story-details::before{border-right-color: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body.one-sided.right .timeline-content  .story-details::before{border-left-color: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body .timeline-content  .story-details{border-color: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-horizontal-timeline-body .timeline-content .ctl-row .ctl-6.timeline-block-detail::before{border-bottom-color: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-horizontal-timeline-body .ctl-6.timeline-block-detail{border-top-color: #D91B3E !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-vertical-timeline-body .timeline-content  .timeline-block-icon{border-color: #D91B3EFF !important;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-horizontal-timeline-body .swiper-button-next{color: #D91B3E;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-horizontal-timeline-body .swiper-button-prev{color: #D91B3E;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .cool-horizontal-timeline-body .swiper-pagination-bullet-active{background: #D91B3E;}.cool-timeline-block-9f4fed9e-b053-4040-999f-b8d7bd2d2484 .icon-true .timeline-block-icon span.timeline-block-render-icon svg{fill: white;}</style><div class="cool-vertical-timeline-body both-sided left"><div class="cool-timeline-block-list">
<div class="wp-block-cp-timeline-content-timeline-block-child swiper-slide"><div class="timeline-content icon-false "><div class=" timeline-block-timeline ctl-row  position-right"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>Setup</p></div></div><div class="timeline-block-icon"></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-image"><img decoding="async" src="https://ptworld.net/wp-content/uploads/2022/09/sample.cfg-part.png" alt="Extract from a sample configuration (text file) for MakeStaticSite shows options, row by row"/></div><div class="story-content"><h3>Configuration dialogue</h3><p>The first step is to run the <tt>setup.sh</tt> script, which guides the user in an interactive dialogue to specify a series of options. </p></div></div></div></div></div></div>



<div class="wp-block-cp-timeline-content-timeline-block-child swiper-slide"><div class="timeline-content icon-false "><div class=" timeline-block-timeline ctl-row  position-right"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>Initialisation</p></div></div><div class="timeline-block-icon"></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content"><h3>Configure </h3><p>The system reads and processes configuration options<br><ul><li>read runtime options</li><li>read configuration file options</li><li>prepare output layout</li> </ul></p></div></div></div></div></div></div>



<div class="wp-block-cp-timeline-content-timeline-block-child swiper-slide"><div class="timeline-content icon-false "><div class=" timeline-block-timeline ctl-row  position-right"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>Prep the CMS</p></div></div><div class="timeline-block-icon"></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content"><h3>CMS-specific streamlining</h3><p>Optionally use wp-cli to<br><ul><li>ensure nice permalinks</li><li>remove query strings</li><li>remote shortlinks</li><li>replace with static search</li></ul>(Currently WordPress-only, but modules could be developed for other CMS.) </p></div></div></div></div></div></div>



<div class="wp-block-cp-timeline-content-timeline-block-child swiper-slide"><div class="timeline-content icon-false "><div class=" timeline-block-timeline ctl-row  position-right"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>Generate static site  </p></div></div><div class="timeline-block-icon"></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content"><h3>Generate wget mirror (first run) </h3><p>Run wget with the supplied configuration options<br><ul><li>optionally incorporate further input files</li><li>optionally set up a zip files</li><li>store the mirror in its own directory with timestamp</li> </ul></p></div></div></div></div></div></div>



<div class="wp-block-cp-timeline-content-timeline-block-child swiper-slide"><div class="timeline-content icon-false "><div class=" timeline-block-timeline ctl-row  position-right"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>Augment static site  </p></div></div><div class="timeline-block-icon"></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content"><h3>Further processing with wget </h3><p>Run wget with the supplied configuration options to fill in gaps<br><ul><li>optionally crawl static files for further URLs</li><li>Filter the URLs to retrieve only assets (multimedia files, etc.)</li><li>Re-run wget on the additional URLs</li></ul></p></div></div></div></div></div></div>



<div class="wp-block-cp-timeline-content-timeline-block-child swiper-slide"><div class="timeline-content icon-false "><div class=" timeline-block-timeline ctl-row  position-right"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>Optimise static site  </p></div></div><div class="timeline-block-icon"></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content"><h3>Further post-processing for deployment </h3><p>Further post-wget processing<br><ul><li>convert feeds to be XML files and modify references accordingly</li><li>Apply HTML Tidy to make more standards-compliant and use pretty-print (dependent on options)</li></ul>An accessibility validator could be added here.</p></div></div></div></div></div></div>



<div class="wp-block-cp-timeline-content-timeline-block-child swiper-slide"><div class="timeline-content icon-false "><div class=" timeline-block-timeline ctl-row  position-right"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>Create an offline zip archive</p></div></div><div class="timeline-block-icon"></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content"><h3>Create a custom zip based on the mirror</h3><p>The mirror acts as the basis for a zip archive, ready for uploading with the site or other distribution channels.</p></div></div></div></div></div></div>



<div class="wp-block-cp-timeline-content-timeline-block-child swiper-slide"><div class="timeline-content icon-false "><div class=" timeline-block-timeline ctl-row  position-left"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>Augment</p></div></div><div class="timeline-block-icon"></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content"><h3>Further additions</h3><p>Optionally augment the static mirror with <em>snippets</em>, substituting chunks of HTML in particular places according to the use of snippet tags.  These will augment the zip file also.<br>Additionally, allow the inclusion of further files that might not necessarily be static files.</p></div></div></div></div></div></div>



<div class="wp-block-cp-timeline-content-timeline-block-child swiper-slide"><div class="timeline-content icon-false "><div class=" timeline-block-timeline ctl-row  position-right"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>Deploy</p></div></div><div class="timeline-block-icon"></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content"><h3>Finalise and deploy locally or remote </h3><p>Optionally copy over additional <br><ul><li>Optionally copy over additional files, which might be scripts to provide missing interactivity</li><li>Finally deploy on local or remote server using rsync</li></ul></p></div></div></div></div></div></div>
</div></div></div></div>



<h2 class="wp-block-heading">Extending the usefulness</h2>



<p>MakeStaticSite is a prototype that was initially developed for individuals who are creating and maintaining websites on a personal computer.  However, the question soon arose: how might a team of content authors and editors be supported?  (The answer is: yes!)</p>



<p>For example, what if this site is to have multiple contributors?  In this case, the most straightforward approach is to set up or continue hosting with a third-party hosting provider, in the usual way.  This means those who are creating and managing content carry on as normal through the dashboard.  The main change is to separate the editing environment from the public site, which can be achieved by restricting access by some means of web authentication.  Then, run MakeStaticSite to deploy the static site to the public, whether on the server or remotely.  This approach ensures continuity; the only additional consideration is how to initiate MakeStaticSite once changes have been made — from within the CMS or external to it?</p>



<p>An initial test has shown that once set up, the process of maintenance and deployment can be carried out entirely from within WordPress.  This can be achieved by running the script under the terminal emulator <a rel="noreferrer noopener" href="https://wordpress.org/plugins/wpterm/" target="_blank">WPTerm</a> (MakeStaticSite has an option to run &#8216;unattended&#8217;, which makes default selections).  This depends on appropriate support for MakeStaticSite on the server; for shared hosting, the versions of required components, particularly Wget, may be somewhat old and, of course, for any serious use with a third party, access to WPTerm should be properly secured as instructed.  It&#8217;s preferable to keep the running of MakeStaticSite on a personal computer, an arrangement that has been used for <a href="https://fuengsin.org/" target="_blank" rel="noreferrer noopener">fuengsin.org</a>.</p>



<p>However, hosting with a third party means that the data is no longer immediately under our control; although a mixture of database replication and file synchronization can compensate, there&#8217;s some loss of independence.  Perhaps a better solution lies in p2p networks, but that&#8217;s an area I have yet to explore &#8230;</p>



<p>For now, this tool serves my needs well and I hope it is helpful to others.  Please refer to the <a href="https://makestaticsite.sh/" data-type="page" data-id="1499">MakeStaticSite project site</a> for further information.</p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MakeStaticSite</title>
		<link>https://ptworld.net/projects/software/makestaticsite/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Tue, 20 Sep 2022 14:26:59 +0000</pubDate>
				<category><![CDATA[development]]></category>
		<category><![CDATA[MakeStaticSite]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[website]]></category>
		<guid isPermaLink="false">https://ptworld.net/?page_id=1499</guid>

					<description><![CDATA[Foreword The issues of Website security and performance continue to loom large, with organisations large and small continuing to suffer severe loss of service following a compromise — whether a site gets defaced, Google results become hijacked, or, more seriously, <a class="more-link" href="https://ptworld.net/projects/software/makestaticsite/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<p></p>



<h2 class="wp-block-heading">Foreword</h2>



<p>The issues of Website security and performance continue to loom large, with organisations large and small continuing to suffer severe loss of service following a compromise — whether a site gets defaced, Google results become hijacked, or, more seriously, personal data is breached.  </p>



<p>As will be described below, MakeStaticSite already offers a freely available solution (which has been implemented for this site), but it requires a certain level of technical knowledge.   However, further development is on the way to provide a Web-based service that will be simple and easy to use.  A proof of concept has already been implemented and been successfully tested, which should pave the way for <a href="https://ptworld.net/about/business/" data-type="page" data-id="1034">business</a> investment.   </p>



<h2 class="wp-block-heading">What&#8217;s the problem?</h2>



<p>Security issues arise largely from the way the content is generated and delivered to site visitors using <em>server-side processing</em>, which typically involves scripts and databases to select and deliver specific text, multimedia, and so on.  For example, content management systems (such as <a href="https://wordpress.org/" target="_blank" rel="noreferrer noopener">WordPress</a> and <a href="https://drupal.org/" target="_blank" rel="noreferrer noopener">Drupal</a>) are based on PHP and MySQL, which, if misconfigured, might yield not only the desired pages but be open to requests crafted to subvert the setup and yield unintended access.  Thus, maintaining the security of such a setup is an ongoing process that requires continual vigilance, responding promptly to security notices with the installation of updates, but it&#8217;s a race against time and there&#8217;s no guarantee that all vulnerabilities will be spotted.</p>



<p>MakeStaticSite belongs to the class of software known as <em>static site generators</em>, which removes all the dynamic components from public exposure, replacing them with a set of web pages (plain HTML, CSS, JavaScript) that require no server-side processing.  The pages are prepared beforehand in a safer environment, such as an individual&#8217;s laptop or a shared space behind a firewall, protected by strict access controls.  This simplifies the delivery process as well as helping with security.  Shell scripting is used, making available various tools to handle different aspects of the task.  An <a href="https://ptworld.net/blog/introducing-makestaticsite-for-website-deployment/" data-type="post" data-id="1504">introductory post</a> provides an overview of the processes involved. </p>



<p>For developers and system administrators, MakeStaticSite provides a convenient means to set up and manage the automatic creation and deployment of static versions of websites. Such sites can be administered locally and then deployed remotely to some other hosting provider. Strictly speaking, this is not an archival tool as the output is not an exact mirror, but a version of the site that preserves content whilst aiming to remain current. For example, RSS feeds are saved and then renamed with <tt>.xml</tt> extensions, and further files may be added.</p>



<p>Anyone who has some familiarity with the command line should be able to use the tool to assist in maintaining their sites, though such an interface is off-putting to some.  Further, a scripting-based approach has been chosen to make this tool widely accessible for developers to further fine-tune; a number of refinements are already included that augment the standard use of <a href="https://www.gnu.org/software/wget/" target="_blank" rel="noreferrer noopener">Wget</a>, such as support for arbitrary attributes and, in the case of WordPress, the use of <a href="https://wp-cli.org/" target="_blank" rel="noreferrer noopener">WP-CLI</a> to prepare sites beforehand.</p>



<p>MakeStaticSite has been released as open source software, available under the <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">GNU Affero General Public License version 3</a> .  For further details, please refer to the project site, <a href="https://makestaticsite.sh/" target="_blank" rel="noreferrer noopener">makestaticsite.sh</a>.  Many thanks to various developers for sharing their knowledge on shell scripting, particularly on blogs and Q&amp;A websites such as <a href="https://stackexchange.com/" target="_blank" rel="noreferrer noopener">Stack Exchange</a> and to those who have tested, commented on and otherwise supported MakeStaticSite.</p>



<h2 class="wp-block-heading">Hosted Web Service</h2>



<p>In its present form, it is technical in nature, aimed at developers and system administrators.  However, as a further development, a hosted Web service is being developed, with a simple user interface.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="761" src="https://ptworld.net/wp-content/uploads/2024/01/MSSWeb_publish_architecture-1024x761.png" alt="Graphic showing how the MakeStaticSiteWeb dashboard launches three stages of the publication process at a click of a link or press of a button: authoring in a CMS (WordPress), building the static site and viewing the output." class="wp-image-1652" srcset="https://ptworld.net/wp-content/uploads/2024/01/MSSWeb_publish_architecture-1024x761.png 1024w, https://ptworld.net/wp-content/uploads/2024/01/MSSWeb_publish_architecture-300x223.png 300w, https://ptworld.net/wp-content/uploads/2024/01/MSSWeb_publish_architecture-768x571.png 768w, https://ptworld.net/wp-content/uploads/2024/01/MSSWeb_publish_architecture-500x371.png 500w, https://ptworld.net/wp-content/uploads/2024/01/MSSWeb_publish_architecture-800x594.png 800w, https://ptworld.net/wp-content/uploads/2024/01/MSSWeb_publish_architecture.png 1155w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>The user logs in to a central dashboard to maintain their projects.  By following a link or clicking a button, they can launch their CMS editor, build a static version of the site and browse the output.</p>



<h2 class="wp-block-heading">How you can help!</h2>



<p>At this stage, we are looking for investment.  Please <a href="https://ptworld.net/contact/" data-type="page" data-id="20">get in touch</a> to try out the demo and to arrange for a presentation.</p>



<p></p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>QMA Collections Intranet</title>
		<link>https://ptworld.net/portfolio/qma-collections-intranet/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Tue, 14 Jun 2022 14:47:11 +0000</pubDate>
				<category><![CDATA[API]]></category>
		<category><![CDATA[collections]]></category>
		<category><![CDATA[EMu]]></category>
		<category><![CDATA[exhibitions]]></category>
		<category><![CDATA[IMu]]></category>
		<category><![CDATA[intranet]]></category>
		<category><![CDATA[metadata]]></category>
		<category><![CDATA[museums]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[Qatar]]></category>
		<category><![CDATA[QMA]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[templates]]></category>
		<guid isPermaLink="false">https://ptworld.net/?page_id=1208</guid>

					<description><![CDATA[Web-based Intranet for Qatar Museums (2012-2014) Problem The Qatar Museums Authority (via archive.org) had responsibility for a dozen or so new museums that were emerging to make Qatar a cultural hub for the Gulf. &#160;A single EMu database instance was <a class="more-link" href="https://ptworld.net/portfolio/qma-collections-intranet/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<p></p>



<p>Web-based Intranet for Qatar Museums (2012-2014)</p>



<h4 class="wp-block-heading">Problem</h4>



<p>The <a rel="noreferrer noopener" href="https://web.archive.org/web/20140210145633/http://www.qma.org.qa/ar/" target="_blank">Qatar Museums Authority</a> (via archive.org) had responsibility for a dozen or so new museums that were emerging to make Qatar a cultural hub for the Gulf. &nbsp;A single EMu database instance was set up with core data documentation standards, but access to EMu was limited to those who had registered user accounts on and access to the EMu client. &nbsp; Other museums staff, such as those in education, needed convenient access to essential information.</p>



<h4 class="wp-block-heading">Solution</h4>



<p>Inspired by the WordPress architecture, particularly its use of redirects, I conceived, architected and developed an intranet for the Qatar Museums Authority. &nbsp;This enabled Web access with custom views for each staff in museum, with session management integrated with MS Exchange. The user interface was responsive and implemented i18n, with instant toggle between English (left-to-right) and Arabic (right-to-left) — supported by a translation project to map all the necessary cataloguing fields. &nbsp;The resulting system was deployed to all the Museums and also the office of the Chair of QMA.</p>


<div class="show_more"><p class="wpsm-show" style="color: #cc0000; font-size: 100%; text-align: left;"> ( Details … )</p><div class="wpsm-content">
<p>Architecture:</p>
<ul>
<li>Multi-site architecture where each site (museum) has its own configuration; URL rewrites provide friendly URLs.</li>
<li>Authentication: integration with Active Directory</li>
<li>Authorisation: Per-site custom role-based authorisation supports Apache htgroups, EMu Groups (Registry module), and Active Directory LDAP</li>
</ul>
<p>Features:</p>
<ul>
<li>Customisable fields for the search and display of results and object pages</li>
<li>Data: XML template system generates a PHP XML template from the KE EMu XML schema</li>
<li>Presentation: self-contained XSLT transforms XML to HTML, kept separate from program logic</li>
<li>Session handling for runtime preferences</li>
<li>i18n internationalization English-Arabic (using gettext) &#8211; language toggle for each page</li>
<li>Image display configurable with IMu query optimisation</li>
<li>Responsive web design with collapsible columns with drag and drop panels, optimised for iPad.</li>
</ul>
<p>Development environment:<br />
*Oracle VirtualBox running Debian Linux, NetBeans, Subversion;<br />
*Apache, LDAP, PHP (with IMu API), HTML, CSS, JavaScript, jQuery, jQueryUI.<br />
 <p class="wpsm-hide" style="color: #cc0000; font-size: 100%; text-align: left;"> ( hide details … )</p></div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>MHS/HSM Website</title>
		<link>https://ptworld.net/portfolio/mhs-hsm-website/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Tue, 17 May 2022 16:42:08 +0000</pubDate>
				<category><![CDATA[API]]></category>
		<category><![CDATA[collections]]></category>
		<category><![CDATA[EMu]]></category>
		<category><![CDATA[exhibitions]]></category>
		<category><![CDATA[history of science]]></category>
		<category><![CDATA[metadata]]></category>
		<category><![CDATA[museums]]></category>
		<category><![CDATA[Oxford]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://ptworld.net/?page_id=469</guid>

					<description><![CDATA[2009-2012, 2014-2020 Role: Systems developer (as a staff member of the Museum of the History of Science, University of Oxford) Brief: Develop and maintain the main Website for the Museum (but not the social media channels) and integrate the collections <a class="more-link" href="https://ptworld.net/portfolio/mhs-hsm-website/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<p></p>



<a id="mhsweb"></a>



<p>2009-2012, 2014-2020</p>



<p><strong>Role</strong>: Systems developer (as a staff member of the Museum of the History of Science, University of Oxford)</p>



<p><strong>Brief</strong>: Develop and maintain the main Website for the Museum (but not the social media channels) and integrate the collections management system (KE EMu).  </p>



<p><strong>Solution</strong>: I oversaw the redevelopment of the WordPress site in 2010, mostly into one multisite instance, including previously disparate elements such as the collections search, and then its gradual refinement through to 2012. I overhauled the server provision, standardising on Debian Linux, in University data centres. </p>



<p>Security was enhanced at various levels, through content caches, script hardening, Apache mod Security with a fine-tuned ruleset, and integration with the University&#8217;s single sign-on system, first with Stanford Webauth and then with Shibboleth (to better support federation), registering and configuring a Service Provider (Apache module) and then configuring a WordPress plugin to invoke Shibboleth for authentication.</p>



<p>Subsequent work on the site focused on the design and instantiation of content, such as special exhibition sites (see <a href="#backfromthedead">example</a> below). From 2017 onwards, it mainly concerned the digital preservation of legacy online exhibits during the migration to a centrally managed service, to which I also contributed substantially.</p>



<p><strong>URLs</strong><br><a href="https://www.mhs.ox.ac.uk/">https://www.mhs.ox.ac.uk/</a> (main site until 2018), home page now redirecting to: <br><a rel="noreferrer noopener" href="https://hsm.ox.ac.uk/" target="_blank">https://hsm.ox.ac.uk/</a> (main site from 2019 onwards).<br><a rel="noreferrer noopener" href="https://blogs.mhs.ox.ac.uk/" target="_blank">https://blogs.mhs.ox.ac.uk/</a> <br>Slides: <a href="http://www.slideshare.net/paultraf/ke-user-group-2011-showcase-notes">integration of the collections database using the KE EMu PHP5 API</a>.</p>


<div class="wp-block-visual-portfolio">
<div class="vp-portfolio vp-uid-b0008aac vp-id-Z1FraGi"
	data-vp-layout="tiles" data-vp-content-source="images" data-vp-items-style="fade" data-vp-items-click-action="popup_gallery" data-vp-items-gap="15" data-vp-items-gap-vertical="" data-vp-pagination="load-more" data-vp-next-page-url="" data-vp-tiles-type="3|1,1|" >
	<div class="vp-portfolio__preloader-wrap">
		<div class="vp-portfolio__preloader">
			<img decoding="async" loading="eager" src="https://ptworld.net/wp-content/plugins/visual-portfolio/assets/images/logo-dark.svg" alt="Visual Portfolio, Posts &amp; Image Gallery for WordPress" width="20" height="20" data-skip-lazy>
		</div>
	</div>
		<div class="vp-portfolio__items-wrap">
			
<div class="vp-portfolio__items vp-portfolio__items-style-fade vp-portfolio__items-show-overlay-hover">

		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-42fc93ce" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe.png 965w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-289x300.png 289w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-768x798.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-500x520.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-800x832.png 800w" data-vp-popup-img-size="965x1003" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-800x832.png" data-vp-popup-md-img-size="800x832" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-500x520.png" data-vp-popup-sm-img-size="500x520">
			<h3 class="vp-portfolio__item-popup-title">MHS Home page 2012</h3>
				<div class="vp-portfolio__item-popup-description">I created a new WordPress theme for the Museum of the History of Science in 2010, based on a set of static HTML and CSS files. 
<br />
The rotating banner image (here displaying orrery by Thomas Wright) showcases objects and exhibitions. 
<br />
I brought together several separate WP sites into a single WP multisite setup and in 2011 integrated Webauth for single sign-on.
<br />
This screenshot, taken two years after the relaunch, shows how the site was kept up to date.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe.png"
			>
	
		<noscript><img decoding="async" width="965" height="1003" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe.png" class="wp-image-471" alt="The home page for the Museum of the History of Science, 2012. Its header displays the Museum&#039;s logo and essential details. Underneath is a banner image, the main navigation menu with various sections underneath on current exhibitions, news, featured objects, events and a search box" srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe.png 965w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-289x300.png 289w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-768x798.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-500x520.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-800x832.png 800w" sizes="(max-width: 965px) 100vw, 965px" /></noscript><img decoding="async" width="965" height="1003" src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe.png" class="wp-image-471 vp-lazyload" alt="The home page for the Museum of the History of Science, 2012. Its header displays the Museum&#039;s logo and essential details. Underneath is a banner image, the main navigation menu with various sections underneath on current exhibitions, news, featured objects, events and a search box" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTY1IiBoZWlnaHQ9IjEwMDMiIHZpZXdCb3g9IjAgMCA5NjUgMTAwMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe.png 965w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-289x300.png 289w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-768x798.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-500x520.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe-800x832.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Home_page_2012-Mechanical_universe.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	MHS Home page 2012</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-6349a511" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar.png 935w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-290x300.png 290w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-768x793.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-500x517.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-800x827.png 800w" data-vp-popup-img-size="935x966" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-800x827.png" data-vp-popup-md-img-size="800x827" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-500x517.png" data-vp-popup-sm-img-size="500x517">
			<h3 class="vp-portfolio__item-popup-title">MHS: History (with the ATBar)</h3>
				<div class="vp-portfolio__item-popup-description">The JISC TechDis ATBar provides an accessibility toolkit to facilitate page reading, usually activated via an &#8216;I&#8217; icon.  
<br />
Pages were also tested using the JAWS screen reader (Freedom Scientific). 
</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar.png"
			>
	
		<noscript><img decoding="async" width="935" height="966" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar.png" class="wp-image-472" alt="Webpage describing the history of the Museum, with the ATBar for accessibility displayed along the top" srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar.png 935w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-290x300.png 290w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-768x793.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-500x517.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-800x827.png 800w" sizes="(max-width: 935px) 100vw, 935px" /></noscript><img decoding="async" width="935" height="966" src="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar.png" class="wp-image-472 vp-lazyload" alt="Webpage describing the history of the Museum, with the ATBar for accessibility displayed along the top" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTM1IiBoZWlnaHQ9Ijk2NiIgdmlld0JveD0iMCAwIDkzNSA5NjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar.png 935w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-290x300.png 290w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-768x793.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-500x517.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar-800x827.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_History-JISC_Techdis_Accessibility_toolbar.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	MHS: History (with the ATBar)</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-e9d0895f" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search.png 967w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-300x217.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-768x554.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-500x361.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-800x577.png 800w" data-vp-popup-img-size="967x698" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-800x577.png" data-vp-popup-md-img-size="800x577" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-500x361.png" data-vp-popup-sm-img-size="500x361">
			<h3 class="vp-portfolio__item-popup-title">MHS Collections Search</h3>
				<div class="vp-portfolio__item-popup-description">I extended the custom MHS WordPress theme to provide access to the EMu collections database, using the PHP API.
<br />
Two kinds of search are offered: free text (basic and advanced, which provides boolean search), plus field search.
<br />
Result options include: show thumbnails and only return records that have images.
<br />
A presentation on the integration was given at the KE User Group in 2011, 
<br />
https://www.slideshare.net/paultraf/ke-user-group-2011-showcase-notes
<br />
Screenshot from the Museum of the History of Science, University of Oxford, taken in 2012.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="967" height="698" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search.png" class="wp-image-596" alt="Basic search page for the MHS collections with a single search box (with tick box options for &#039;show thumbnails&#039; and &#039;images only&#039;. Underneath are links and descriptions for advanced and field searches." srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search.png 967w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-300x217.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-768x554.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-500x361.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-800x577.png 800w" sizes="auto, (max-width: 967px) 100vw, 967px" /></noscript><img decoding="async" width="967" height="698" src="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search.png" class="wp-image-596 vp-lazyload" alt="Basic search page for the MHS collections with a single search box (with tick box options for &#039;show thumbnails&#039; and &#039;images only&#039;. Underneath are links and descriptions for advanced and field searches." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTY3IiBoZWlnaHQ9IjY5OCIgdmlld0JveD0iMCAwIDk2NyA2OTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search.png 967w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-300x217.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-768x554.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-500x361.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search-800x577.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue_search.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	MHS Collections Search</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-c865bf80" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue.png 965w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-300x277.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-768x710.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-500x462.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-800x739.png 800w" data-vp-popup-img-size="965x892" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-800x739.png" data-vp-popup-md-img-size="800x739" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-500x462.png" data-vp-popup-sm-img-size="500x462">
			<h3 class="vp-portfolio__item-popup-title">MHS Collections: Field Search</h3>
				<div class="vp-portfolio__item-popup-description">This is the field search.  It is an option mainly intended for specialists.
<br />
Screenshot from the Museum of the History of Science, University of Oxford, taken in 2012.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="965" height="892" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue.png" class="wp-image-595" alt="Field search page for the MHS collections with catalogue fields such as inventory number, title, creation data, material." srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue.png 965w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-300x277.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-768x710.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-500x462.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-800x739.png 800w" sizes="auto, (max-width: 965px) 100vw, 965px" /></noscript><img decoding="async" width="965" height="892" src="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue.png" class="wp-image-595 vp-lazyload" alt="Field search page for the MHS collections with catalogue fields such as inventory number, title, creation data, material." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTY1IiBoZWlnaHQ9Ijg5MiIgdmlld0JveD0iMCAwIDk2NSA4OTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue.png 965w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-300x277.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-768x710.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-500x462.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue-800x739.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_EMu_catalogue.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	MHS Collections: Field Search</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-239065b5" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view.png 962w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-295x300.png 295w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-768x781.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-500x508.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-800x813.png 800w" data-vp-popup-img-size="962x978" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-800x813.png" data-vp-popup-md-img-size="800x813" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-500x508.png" data-vp-popup-sm-img-size="500x508">
			<h3 class="vp-portfolio__item-popup-title">MHS Steampunk exhibition</h3>
				<div class="vp-portfolio__item-popup-description">Steampunk was the most popular exhibition that the Museum of the History of Science has ever hosted. 
<br />
This microsite, hastily put together, is shown here for comparison with the next slide.  Note the theme elements &mdash; header, sidebar, and so on.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="962" height="978" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view.png" class="wp-image-473" alt="Steampunk exhibition at the Museum of the History of Science, featuring thumbnails of a selection of objects" srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view.png 962w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-295x300.png 295w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-768x781.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-500x508.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-800x813.png 800w" sizes="auto, (max-width: 962px) 100vw, 962px" /></noscript><img decoding="async" width="962" height="978" src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view.png" class="wp-image-473 vp-lazyload" alt="Steampunk exhibition at the Museum of the History of Science, featuring thumbnails of a selection of objects" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYyIiBoZWlnaHQ9Ijk3OCIgdmlld0JveD0iMCAwIDk2MiA5NzgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view.png 962w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-295x300.png 295w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-768x781.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-500x508.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view-800x813.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2012view.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	MHS Steampunk exhibition</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-05489773" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view.png 1070w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-300x272.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-1024x928.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-768x696.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-500x453.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-800x725.png 800w" data-vp-popup-img-size="1070x970" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-800x725.png" data-vp-popup-md-img-size="800x725" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-500x453.png" data-vp-popup-sm-img-size="500x453">
			<h3 class="vp-portfolio__item-popup-title">MHS Steampunk exhibition &#8211; archive</h3>
				<div class="vp-portfolio__item-popup-description">Ten years later, the Museum has been rebranded and migrated to a centrally-managed system.  
<br />
To preserve the exhibition site and ensure consistency of branding, a new template was created on the old site, featuring the new logo and marked as &#8216;archive&#8217;.  
<br />
The removal of the old header and sidebars, makes for a comparatively clean and simple layout &mdash; and the thumbnail strip looks okay.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1070" height="970" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view.png" class="wp-image-474" alt="Steampunk exhibition at the Museum of the History of Science - archived version with sidebars removed" srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view.png 1070w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-300x272.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-1024x928.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-768x696.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-500x453.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-800x725.png 800w" sizes="auto, (max-width: 1070px) 100vw, 1070px" /></noscript><img decoding="async" width="1070" height="970" src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view.png" class="wp-image-474 vp-lazyload" alt="Steampunk exhibition at the Museum of the History of Science - archived version with sidebars removed" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3MCIgaGVpZ2h0PSI5NzAiIHZpZXdCb3g9IjAgMCAxMDcwIDk3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view.png 1070w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-300x272.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-1024x928.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-768x696.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-500x453.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view-800x725.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_exhibition-2022view.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	MHS Steampunk exhibition &#8211; archive</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-60fa080b" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view.png 1081w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-300x238.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-1024x811.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-768x608.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-500x396.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-800x633.png 800w" data-vp-popup-img-size="1081x856" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-800x633.png" data-vp-popup-md-img-size="800x633" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-500x396.png" data-vp-popup-sm-img-size="500x396">
			<h3 class="vp-portfolio__item-popup-title">MHS Steampunk Live Mannequin</h3>
				<div class="vp-portfolio__item-popup-description">The archival process retains the functionality of the original site.  Here we are viewing a lightbox slide from a Steampunk catwalk.  
<br />
I edited the original photo (by Keiko Ikeuchi) and inverted it, fading the current (visitors) to black and white of the past, whilst retaining the vibrant colour of the Victorian soldier, as he seemingly gazes at the historical crowd.
<br />
I created the effect using MS Image Composer.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1081" height="856" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view.png" class="wp-image-475" alt="A lightbox slide from the MHS Steampunk exhibition website. It shows the back of a Victorian soldier, dressed in a red and black uniform, standing on a plinth in a gallery, looking at a group of visitors nestled among the display cases" srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view.png 1081w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-300x238.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-1024x811.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-768x608.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-500x396.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-800x633.png 800w" sizes="auto, (max-width: 1081px) 100vw, 1081px" /></noscript><img decoding="async" width="1081" height="856" src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view.png" class="wp-image-475 vp-lazyload" alt="A lightbox slide from the MHS Steampunk exhibition website. It shows the back of a Victorian soldier, dressed in a red and black uniform, standing on a plinth in a gallery, looking at a group of visitors nestled among the display cases" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4MSIgaGVpZ2h0PSI4NTYiIHZpZXdCb3g9IjAgMCAxMDgxIDg1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view.png 1081w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-300x238.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-1024x811.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-768x608.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-500x396.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view-800x633.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Steampunk_mannequin-2022view.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	MHS Steampunk Live Mannequin</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-414f3ed4" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012.png 902w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-279x300.png 279w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-768x825.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-500x537.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-800x859.png 800w" data-vp-popup-img-size="902x969" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-800x859.png" data-vp-popup-md-img-size="800x859" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-500x537.png" data-vp-popup-sm-img-size="500x537">
			<h3 class="vp-portfolio__item-popup-title">The Renaissance in Astronomy</h3>
				<div class="vp-portfolio__item-popup-description">A dedicated template was created for the special exhibition at the Museum, maintaining consistency with the over theme design.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="902" height="969" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012.png" class="wp-image-476" alt="The Renaissance in Astronomy special exhibition home page at the Museum of the History of Science, with an introduction, featured image and menu links. It is styled with a darker background." srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012.png 902w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-279x300.png 279w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-768x825.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-500x537.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-800x859.png 800w" sizes="auto, (max-width: 902px) 100vw, 902px" /></noscript><img decoding="async" width="902" height="969" src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012.png" class="wp-image-476 vp-lazyload" alt="The Renaissance in Astronomy special exhibition home page at the Museum of the History of Science, with an introduction, featured image and menu links. It is styled with a darker background." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAyIiBoZWlnaHQ9Ijk2OSIgdmlld0JveD0iMCAwIDkwMiA5NjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012.png 902w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-279x300.png 279w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-768x825.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-500x537.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012-800x859.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Renaissance_in_Astronomy-2012.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	The Renaissance in Astronomy</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-c55671ba" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs.png 997w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-300x249.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-768x639.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-500x416.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-800x665.png 800w" data-vp-popup-img-size="997x829" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-800x665.png" data-vp-popup-md-img-size="800x665" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-500x416.png" data-vp-popup-sm-img-size="500x416">
			<h3 class="vp-portfolio__item-popup-title">MHS Blogs</h3>
				<div class="vp-portfolio__item-popup-description">A further WordPress multisite setup was added, dedicated to blogs, designed for separate administration.
<br />
Blogs were set up for marketing (&#8216;Inside MHS Oxford&#8217;) and for staff and student projects, for reflection and dissemination.
<br />
Screenshot from the Museum of the History of Science, University of Oxford.
</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="997" height="829" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs.png" class="wp-image-609" alt="An index page for MHS blogs, featuring &#039;Inside MHS Oxford&#039;, &#039;For the Love of it&#039; (on scientific objects), &#039;Astrolabes in Medieval Jewish Culture&#039;, etc." srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs.png 997w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-300x249.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-768x639.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-500x416.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-800x665.png 800w" sizes="auto, (max-width: 997px) 100vw, 997px" /></noscript><img decoding="async" width="997" height="829" src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs.png" class="wp-image-609 vp-lazyload" alt="An index page for MHS blogs, featuring &#039;Inside MHS Oxford&#039;, &#039;For the Love of it&#039; (on scientific objects), &#039;Astrolabes in Medieval Jewish Culture&#039;, etc." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTk3IiBoZWlnaHQ9IjgyOSIgdmlld0JveD0iMCAwIDk5NyA4MjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs.png 997w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-300x249.png 300w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-768x639.png 768w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-500x416.png 500w, https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs-800x665.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/MHS_Blogs.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	MHS Blogs</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
</div>
		</div>
		
</div>
</div>


<p> &#8211;</p>



<h2 class="wp-block-heading" id="backfromthedead">MHS Special Exhibition: Back from the Dead &#8211; Demystifying Antibiotics</h2>



<p><strong>2016</strong></p>



<p><strong>Brief</strong>: To provide a website to accompany the Special Exhibition at the Museum of the History of Science (since renamed, History of Science Museum).  Content needed to be easy to maintain by staff in various teams.</p>



<p><strong>Solution</strong>: Using the existing WP multisite infrastructure I was able to create a number of special exhibition sites relatively easily, using responsive off-the-shelf themes.  The basic structure was up and running very quickly and could be refined on an ongoing basis.  Care was taken to ensure that educational aspects, especially, were made accessible.</p>



<p><strong>URL</strong>: <a href="https://www.mhs.ox.ac.uk/backfromthedead/" target="_blank" rel="noreferrer noopener">https://www.mhs.ox.ac.uk/backfromthedead/</a> </p>


<div class="wp-block-visual-portfolio">
<div class="vp-portfolio vp-uid-b59eb1d7 vp-id-1B6zKX"
	data-vp-layout="tiles" data-vp-content-source="images" data-vp-items-style="fade" data-vp-items-click-action="popup_gallery" data-vp-items-gap="15" data-vp-items-gap-vertical="" data-vp-pagination="load-more" data-vp-next-page-url="" data-vp-tiles-type="3|1,1|" >
	<div class="vp-portfolio__preloader-wrap">
		<div class="vp-portfolio__preloader">
			<img decoding="async" loading="eager" src="https://ptworld.net/wp-content/plugins/visual-portfolio/assets/images/logo-dark.svg" alt="Visual Portfolio, Posts &amp; Image Gallery for WordPress" width="20" height="20" data-skip-lazy>
		</div>
	</div>
		<div class="vp-portfolio__items-wrap">
			
<div class="vp-portfolio__items vp-portfolio__items-style-fade vp-portfolio__items-show-overlay-hover">

		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-0c595f6d" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition.png 1187w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-300x248.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-1024x846.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-768x635.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-500x413.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-800x661.png 800w" data-vp-popup-img-size="1187x981" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-800x661.png" data-vp-popup-md-img-size="800x661" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-500x413.png" data-vp-popup-sm-img-size="500x413">
			<h3 class="vp-portfolio__item-popup-title">Back from the Dead: Exhibition home page</h3>
				<div class="vp-portfolio__item-popup-description">The History of Science Museum&#8217;s Special Exhibition, &#8216;Back from the Dead: Demystifying Antibiotics&#8217;, concerned the fight against bacteria (and their growing resistance).
<br />
In the accompanying website, most attention given to the exhibition, to make available images and descriptions to spark interest and to inform those who could not view in person.
<br />
Screenshot from Exhibition index.
</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1187" height="981" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition.png" class="wp-image-358" alt="History of Science Museum: Website for Special Exhibition, &#039;Back from the Dead&#039; to mark penicillin&#039;s 75th anniversary as a life-saving drug" srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition.png 1187w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-300x248.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-1024x846.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-768x635.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-500x413.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-800x661.png 800w" sizes="auto, (max-width: 1187px) 100vw, 1187px" /></noscript><img decoding="async" width="1187" height="981" src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition.png" class="wp-image-358 vp-lazyload" alt="History of Science Museum: Website for Special Exhibition, &#039;Back from the Dead&#039; to mark penicillin&#039;s 75th anniversary as a life-saving drug" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE4NyIgaGVpZ2h0PSI5ODEiIHZpZXdCb3g9IjAgMCAxMTg3IDk4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition.png 1187w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-300x248.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-1024x846.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-768x635.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-500x413.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition-800x661.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Exhibition.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Back from the Dead: Exhibition home page</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-7f1d82d5" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a.png 1205w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-300x244.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-1024x832.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-768x624.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-500x406.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-800x650.png 800w" data-vp-popup-img-size="1205x979" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-800x650.png" data-vp-popup-md-img-size="800x650" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-500x406.png" data-vp-popup-sm-img-size="500x406">
			<h3 class="vp-portfolio__item-popup-title">Back from the Dead: Myth Busting question</h3>
				<div class="vp-portfolio__item-popup-description">Among the educational uses of the site, was to inform through Q&amp;A, here using petri dishes as visuals. 
<br />
Screenshot from History of Science Museum: Website for Special Exhibition, &#8216;Back from the dead&#8217;.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1205" height="979" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a.png" class="wp-image-362" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; myth busting page, including detail of a petri dish asking the question, &#039;What are bacteria?&#039;" srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a.png 1205w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-300x244.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-1024x832.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-768x624.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-500x406.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-800x650.png 800w" sizes="auto, (max-width: 1205px) 100vw, 1205px" /></noscript><img decoding="async" width="1205" height="979" src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a.png" class="wp-image-362 vp-lazyload" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; myth busting page, including detail of a petri dish asking the question, &#039;What are bacteria?&#039;" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwNSIgaGVpZ2h0PSI5NzkiIHZpZXdCb3g9IjAgMCAxMjA1IDk3OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a.png 1205w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-300x244.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-1024x832.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-768x624.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-500x406.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a-800x650.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1a.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Back from the Dead: Myth Busting question</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-84cb880e" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c.png 862w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-300x220.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-768x564.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-500x367.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-800x587.png 800w" data-vp-popup-img-size="862x633" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-800x587.png" data-vp-popup-md-img-size="800x587" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-500x367.png" data-vp-popup-sm-img-size="500x367">
			<h3 class="vp-portfolio__item-popup-title">Back from the Dead: Myth Busting reveal</h3>
				<div class="vp-portfolio__item-popup-description">A mouseover animated effect for one of the petri dishes, revealing the answer to a fundamental question.
<br />
Screenshot from History of Science Museum: Website for Special Exhibition, &#8216;Back from the dead&#8217;.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="862" height="633" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c.png" class="wp-image-364" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; - detail of a petri dish with information about bacteria" srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c.png 862w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-300x220.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-768x564.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-500x367.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-800x587.png 800w" sizes="auto, (max-width: 862px) 100vw, 862px" /></noscript><img decoding="async" width="862" height="633" src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c.png" class="wp-image-364 vp-lazyload" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; - detail of a petri dish with information about bacteria" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYyIiBoZWlnaHQ9IjYzMyIgdmlld0JveD0iMCAwIDg2MiA2MzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c.png 862w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-300x220.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-768x564.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-500x367.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c-800x587.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_graphic1c.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Back from the Dead: Myth Busting reveal</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-4b70dffd" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text.png 1000w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-300x208.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-768x533.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-500x347.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-800x555.png 800w" data-vp-popup-img-size="1000x694" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-800x555.png" data-vp-popup-md-img-size="800x555" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-500x347.png" data-vp-popup-sm-img-size="500x347">
			<h3 class="vp-portfolio__item-popup-title">Back from the Dead: Myth Busting (text version)</h3>
				<div class="vp-portfolio__item-popup-description">Text versions are provided for key visuals, mindful of accessibility needs for the visually impaired.
<br />
An element of interactivity is retained with collapsible text panels. 
<br />
Screenshot from History of Science Museum: Website for Special Exhibition, &#8216;Back from the dead&#8217;.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1000" height="694" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text.png" class="wp-image-365" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; about the fight against bacteria (and their growing resistance)" srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text.png 1000w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-300x208.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-768x533.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-500x347.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-800x555.png 800w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></noscript><img decoding="async" width="1000" height="694" src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text.png" class="wp-image-365 vp-lazyload" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; about the fight against bacteria (and their growing resistance)" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI2OTQiIHZpZXdCb3g9IjAgMCAxMDAwIDY5NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text.png 1000w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-300x208.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-768x533.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-500x347.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text-800x555.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_MythBusting_text.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Back from the Dead: Myth Busting (text version)</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-f43cf8ac" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards.png 816w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-300x260.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-768x666.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-500x434.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-800x694.png 800w" data-vp-popup-img-size="816x708" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-800x694.png" data-vp-popup-md-img-size="800x694" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-500x434.png" data-vp-popup-sm-img-size="500x434">
			<h3 class="vp-portfolio__item-popup-title">Back from the Dead: Feedback cards</h3>
				<div class="vp-portfolio__item-popup-description">A lightbox gallery (WordPress plugin) was created for the handwritten feedback cards filled in by visitors to the exhibition.  
<br />
A link to text transcriptions included for accessibility. 
<br />
Screenshot from History of Science Museum: Website for Special Exhibition, &#8216;Back from the dead&#8217;. </div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="816" height="708" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards.png" class="wp-image-359" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; feedback cards including five guiding questions with card responses underneath" srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards.png 816w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-300x260.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-768x666.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-500x434.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-800x694.png 800w" sizes="auto, (max-width: 816px) 100vw, 816px" /></noscript><img decoding="async" width="816" height="708" src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards.png" class="wp-image-359 vp-lazyload" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; feedback cards including five guiding questions with card responses underneath" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODE2IiBoZWlnaHQ9IjcwOCIgdmlld0JveD0iMCAwIDgxNiA3MDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards.png 816w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-300x260.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-768x666.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-500x434.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards-800x694.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_cards.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Back from the Dead: Feedback cards</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-69764438" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text.png 1183w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-300x249.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-1024x848.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-768x636.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-500x414.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-800x663.png 800w" data-vp-popup-img-size="1183x980" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-800x663.png" data-vp-popup-md-img-size="800x663" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-500x414.png" data-vp-popup-sm-img-size="500x414">
			<h3 class="vp-portfolio__item-popup-title">Back from the Dead: Feedback cards (text)</h3>
				<div class="vp-portfolio__item-popup-description">Text versions are provided for key visuals, mindful of accessibility needs for the visually impaired. 
<br />
In this case, transcriptions of handwritten feedback cards.
<br />
Screenshot from History of Science Museum: Website for Special Exhibition, &#8216;Back from the dead&#8217;.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1183" height="980" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text.png" class="wp-image-361" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; - transcriptions of feedback cards" srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text.png 1183w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-300x249.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-1024x848.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-768x636.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-500x414.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-800x663.png 800w" sizes="auto, (max-width: 1183px) 100vw, 1183px" /></noscript><img decoding="async" width="1183" height="980" src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text.png" class="wp-image-361 vp-lazyload" alt="HSM: Website for Special Exhibition, &#039;Back from the dead&#039; - transcriptions of feedback cards" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE4MyIgaGVpZ2h0PSI5ODAiIHZpZXdCb3g9IjAgMCAxMTgzIDk4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text.png 1183w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-300x249.png 300w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-1024x848.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-768x636.png 768w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-500x414.png 500w, https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text-800x663.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/BFTD_Feedback_text.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Back from the Dead: Feedback cards (text)</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
</div>
		</div>
		
</div>
</div>


<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Oxford University Museum of Natural History Collections</title>
		<link>https://ptworld.net/portfolio/oumnh-collections/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Tue, 17 May 2022 09:49:32 +0000</pubDate>
				<category><![CDATA[API]]></category>
		<category><![CDATA[collections]]></category>
		<category><![CDATA[EMu]]></category>
		<category><![CDATA[metadata]]></category>
		<category><![CDATA[museums]]></category>
		<category><![CDATA[MVC]]></category>
		<category><![CDATA[natural history]]></category>
		<category><![CDATA[Oxford]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[Twig]]></category>
		<guid isPermaLink="false">https://ptworld.net/?page_id=435</guid>

					<description><![CDATA[Gems of Earth and Air February 2015 – May 2015&#160; Brief: Oxford University Museum of Natural History Collections had amassed numerous separate PostgreSQL databases with limited online access. They were in the process of migrating all into a single instance <a class="more-link" href="https://ptworld.net/portfolio/oumnh-collections/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="Gems">Gems of Earth and Air</h2>



<p><strong>February 2015 – May 2015</strong>&nbsp;</p>



<p><strong>Brief:</strong> Oxford University Museum of Natural History Collections had amassed numerous separate PostgreSQL databases with limited online access.  They were in the process of migrating all into a single instance of the <a rel="noopener noreferrer" href="https://emu.axiell.com" target="_blank">EMu collections management system</a> and needed a new unified web interface.  Initial attempts had proved unsatisfactory in design and functionality.  This beta site, aka&nbsp;<em>Gems of Earth and Air,</em> was to prove the viability through a subset of collections, according to readiness of collections data.</p>



<p><strong>Roles</strong>: Consultant, systems architect and developer.</p>



<p><strong>Solution</strong>: This was a bespoke solution using a full-stack development process.  Working with the Heads of IT, Library and Archives, and digital collections at the Museum, I delivered a new, unified online system that brought together three collections (Life, Earth, and Archives), with narrative-driven browsing and fine-grained search. Following requirements elicitation in Balsamiq, I conceived a model-view-controller (MVC) architecture using the <a rel="noreferrer noopener" href="https://github.com/axiell/imu-api-php" target="_blank">IMu API</a> and Twig templates with Bootstrap for a responsive web site.  Each stage was documented.</p>



<p><strong>URL</strong>: <a href="https://web.archive.org/web/20151018060455/http://www.oum.ox.ac.uk/collections/" target="_blank" rel="noreferrer noopener">http://www.oum.ox.ac.uk/collections/</a> (via archive.org)</p>


<div class="wp-block-visual-portfolio">
<div class="vp-portfolio vp-uid-0ded435b vp-id-Z1EUNY5"
	data-vp-layout="tiles" data-vp-content-source="images" data-vp-items-style="fade" data-vp-items-click-action="popup_gallery" data-vp-items-gap="15" data-vp-items-gap-vertical="" data-vp-pagination="load-more" data-vp-next-page-url="" data-vp-tiles-type="3|1,1|" >
	<div class="vp-portfolio__preloader-wrap">
		<div class="vp-portfolio__preloader">
			<img decoding="async" loading="eager" src="https://ptworld.net/wp-content/plugins/visual-portfolio/assets/images/logo-dark.svg" alt="Visual Portfolio, Posts &amp; Image Gallery for WordPress" width="20" height="20" data-skip-lazy>
		</div>
	</div>
		<div class="vp-portfolio__items-wrap">
			
<div class="vp-portfolio__items vp-portfolio__items-style-fade vp-portfolio__items-show-overlay-hover">

		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-cff3f3ff" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home.png 1202w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-300x209.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-1024x713.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-768x535.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-500x348.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-800x557.png 800w" data-vp-popup-img-size="1202x837" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-800x557.png" data-vp-popup-md-img-size="800x557" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-500x348.png" data-vp-popup-sm-img-size="500x348">
			<h3 class="vp-portfolio__item-popup-title">OUMNH Collections Online home page</h3>
				<div class="vp-portfolio__item-popup-description">The main goal of the project was deliver a system that could integrate the Museum&#8217;s numerous disparate collections &mdash; in a unified website that allowed searching and browsing together or individually. 
<br />
For the Beta service, three collections were chosen, spanning very different kinds of data.  
<br />
A basic search can be carried out across one or all of them, with links to advanced search and help on using the system.
</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1202" height="837" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home.png" class="wp-image-437" alt="Oxford University Museum of Natural History Collections Online home page, beta: access to Life, Earth and Archives collections, together with a separate &#039;Featured&#039; section" srcset="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home.png 1202w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-300x209.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-1024x713.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-768x535.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-500x348.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-800x557.png 800w" sizes="auto, (max-width: 1202px) 100vw, 1202px" /></noscript><img decoding="async" width="1202" height="837" src="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home.png" class="wp-image-437 vp-lazyload" alt="Oxford University Museum of Natural History Collections Online home page, beta: access to Life, Earth and Archives collections, together with a separate &#039;Featured&#039; section" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMiIgaGVpZ2h0PSI4MzciIHZpZXdCb3g9IjAgMCAxMjAyIDgzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home.png 1202w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-300x209.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-1024x713.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-768x535.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-500x348.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home-800x557.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Collections_Beta_home.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	OUMNH Collections Online home page</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-e7f0890b" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/Features.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/Features.png 1676w, https://ptworld.net/wp-content/uploads/2022/05/Features-300x243.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Features-1024x828.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Features-768x621.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Features-1536x1243.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Features-500x405.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Features-800x647.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Features-1280x1036.png 1280w" data-vp-popup-img-size="1676x1356" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/Features-800x647.png" data-vp-popup-md-img-size="800x647" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/Features-500x405.png" data-vp-popup-sm-img-size="500x405">
			<h3 class="vp-portfolio__item-popup-title">OUMNH Collections Online: Features</h3>
				<div class="vp-portfolio__item-popup-description">The Features section was designed to present collections-related projects that were not included in the main KE EMu (= Electronic Museum) database.  It is generated by an EMu narrative hierarchy.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Features.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1676" height="1356" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/Features.png" class="wp-image-438" alt="OUMNH Features page showing thumbs for &#039;Gems of Earth and Air&#039;, a fossil, the Corsi Collection, Flying Icons and William Smith Online" srcset="https://ptworld.net/wp-content/uploads/2022/05/Features.png 1676w, https://ptworld.net/wp-content/uploads/2022/05/Features-300x243.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Features-1024x828.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Features-768x621.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Features-1536x1243.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Features-500x405.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Features-800x647.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Features-1280x1036.png 1280w" sizes="auto, (max-width: 1676px) 100vw, 1676px" /></noscript><img decoding="async" width="1676" height="1356" src="https://ptworld.net/wp-content/uploads/2022/05/Features.png" class="wp-image-438 vp-lazyload" alt="OUMNH Features page showing thumbs for &#039;Gems of Earth and Air&#039;, a fossil, the Corsi Collection, Flying Icons and William Smith Online" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY3NiIgaGVpZ2h0PSIxMzU2IiB2aWV3Qm94PSIwIDAgMTY3NiAxMzU2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-src="https://ptworld.net/wp-content/uploads/2022/05/Features.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/Features.png 1676w, https://ptworld.net/wp-content/uploads/2022/05/Features-300x243.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Features-1024x828.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Features-768x621.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Features-1536x1243.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Features-500x405.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Features-800x647.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Features-1280x1036.png 1280w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Features.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	OUMNH Collections Online: Features</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-82421673" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air.png 1672w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-300x247.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-1024x844.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-768x633.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-1536x1266.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-500x412.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-800x659.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-1280x1055.png 1280w" data-vp-popup-img-size="1672x1378" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-800x659.png" data-vp-popup-md-img-size="800x659" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-500x412.png" data-vp-popup-sm-img-size="500x412">
			<h3 class="vp-portfolio__item-popup-title">OUMNH Collections Online: Gems of the air</h3>
				<div class="vp-portfolio__item-popup-description">The IMu API was used to take advantage of EMu&#8217;s nuanced object-oriented narrative hierarchy, to link internally to related objects and externally to other resources.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1672" height="1378" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air.png" class="wp-image-439" alt="OUMNH page for &#039;Gems of the Air&#039; Feature comprising a main image (lepidoptera butterfly) and associated material (various lepidoptera thumbs) and a further section with thumbs to find out more" srcset="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air.png 1672w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-300x247.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-1024x844.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-768x633.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-1536x1266.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-500x412.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-800x659.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-1280x1055.png 1280w" sizes="auto, (max-width: 1672px) 100vw, 1672px" /></noscript><img decoding="async" width="1672" height="1378" src="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air.png" class="wp-image-439 vp-lazyload" alt="OUMNH page for &#039;Gems of the Air&#039; Feature comprising a main image (lepidoptera butterfly) and associated material (various lepidoptera thumbs) and a further section with thumbs to find out more" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY3MiIgaGVpZ2h0PSIxMzc4IiB2aWV3Qm94PSIwIDAgMTY3MiAxMzc4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-src="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air.png 1672w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-300x247.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-1024x844.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-768x633.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-1536x1266.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-500x412.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-800x659.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air-1280x1055.png 1280w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Feature_Gems_of_air.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	OUMNH Collections Online: Gems of the air</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-7b646fe3" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all.png 1670w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-300x209.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-1024x714.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-768x535.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-1536x1071.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-500x349.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-800x558.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-1280x892.png 1280w" data-vp-popup-img-size="1670x1164" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-800x558.png" data-vp-popup-md-img-size="800x558" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-500x349.png" data-vp-popup-sm-img-size="500x349">
			<h3 class="vp-portfolio__item-popup-title">OUMNH: Advanced search of all collections</h3>
				<div class="vp-portfolio__item-popup-description">The advanced search facility allows fine-grained queries, designed with specialists in mind. 
<br />
By default, it shows a search across all collections with half a dozen fields.  
</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1670" height="1164" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all.png" class="wp-image-441" alt="Advanced Search of MNH Collections comprising a web form and help text alongside. Some of the form fields themselves contain hints." srcset="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all.png 1670w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-300x209.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-1024x714.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-768x535.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-1536x1071.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-500x349.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-800x558.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-1280x892.png 1280w" sizes="auto, (max-width: 1670px) 100vw, 1670px" /></noscript><img decoding="async" width="1670" height="1164" src="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all.png" class="wp-image-441 vp-lazyload" alt="Advanced Search of MNH Collections comprising a web form and help text alongside. Some of the form fields themselves contain hints." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY3MCIgaGVpZ2h0PSIxMTY0IiB2aWV3Qm94PSIwIDAgMTY3MCAxMTY0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-src="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all.png 1670w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-300x209.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-1024x714.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-768x535.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-1536x1071.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-500x349.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-800x558.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all-1280x892.png 1280w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_all.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	OUMNH: Advanced search of all collections</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-7fba06e0" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives.png 1170w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-300x218.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-1024x744.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-768x558.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-500x363.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-800x581.png 800w" data-vp-popup-img-size="1170x850" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-800x581.png" data-vp-popup-md-img-size="800x581" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-500x363.png" data-vp-popup-sm-img-size="500x363">
			<h3 class="vp-portfolio__item-popup-title">OUMNH Advanced search of Life collections</h3>
				<div class="vp-portfolio__item-popup-description">When choosing a specific collection, the advanced search facility dynamically loads a longer list of relevant fields, together with context-specific search help.

</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1170" height="850" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives.png" class="wp-image-442" alt="Advanced search of Life collections with 13 fields ranging from object number through order and higher classification to collection date" srcset="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives.png 1170w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-300x218.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-1024x744.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-768x558.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-500x363.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-800x581.png 800w" sizes="auto, (max-width: 1170px) 100vw, 1170px" /></noscript><img decoding="async" width="1170" height="850" src="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives.png" class="wp-image-442 vp-lazyload" alt="Advanced search of Life collections with 13 fields ranging from object number through order and higher classification to collection date" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3MCIgaGVpZ2h0PSI4NTAiIHZpZXdCb3g9IjAgMCAxMTcwIDg1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives.png 1170w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-300x218.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-1024x744.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-768x558.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-500x363.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives-800x581.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Adv_search_archives.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	OUMNH Advanced search of Life collections</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-b0015113" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith.png 1670w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-300x258.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-1024x882.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-768x661.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-1536x1323.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-500x431.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-800x689.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-1280x1102.png 1280w" data-vp-popup-img-size="1670x1438" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-800x689.png" data-vp-popup-md-img-size="800x689" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-500x431.png" data-vp-popup-sm-img-size="500x431">
			<h3 class="vp-portfolio__item-popup-title">OUMNH Collections Online: Search results for Smith</h3>
				<div class="vp-portfolio__item-popup-description">A traditional paginated presentation of search results.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1670" height="1438" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith.png" class="wp-image-443" alt="OUMNH Search results for the term &#039;Smith&#039; (showing the last of 31 pages) with thumbnails, record titles and descriptions" srcset="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith.png 1670w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-300x258.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-1024x882.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-768x661.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-1536x1323.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-500x431.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-800x689.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-1280x1102.png 1280w" sizes="auto, (max-width: 1670px) 100vw, 1670px" /></noscript><img decoding="async" width="1670" height="1438" src="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith.png" class="wp-image-443 vp-lazyload" alt="OUMNH Search results for the term &#039;Smith&#039; (showing the last of 31 pages) with thumbnails, record titles and descriptions" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY3MCIgaGVpZ2h0PSIxNDM4IiB2aWV3Qm94PSIwIDAgMTY3MCAxNDM4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-src="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith.png 1670w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-300x258.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-1024x882.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-768x661.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-1536x1323.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-500x431.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-800x689.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith-1280x1102.png 1280w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Search_results_All_Smith.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	OUMNH Collections Online: Search results for Smith</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-3cd06b5e" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology.png 1672w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-300x256.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-1024x872.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-768x654.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-1536x1308.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-500x426.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-800x681.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-1280x1090.png 1280w" data-vp-popup-img-size="1672x1424" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-800x681.png" data-vp-popup-md-img-size="800x681" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-500x426.png" data-vp-popup-sm-img-size="500x426">
			<h3 class="vp-portfolio__item-popup-title">OUMNH Collections Online: Record for entomology specimen</h3>
				<div class="vp-portfolio__item-popup-description">A detailed record, reflecting the specialist requirements of the curators. 
<br />
Images were produced to standard dimensions, but the system can handle various sizes and MIME types.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1672" height="1424" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology.png" class="wp-image-444" alt="OUMNH lepidoptera specimen record (Hesperidae family), with photos" srcset="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology.png 1672w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-300x256.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-1024x872.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-768x654.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-1536x1308.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-500x426.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-800x681.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-1280x1090.png 1280w" sizes="auto, (max-width: 1672px) 100vw, 1672px" /></noscript><img decoding="async" width="1672" height="1424" src="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology.png" class="wp-image-444 vp-lazyload" alt="OUMNH lepidoptera specimen record (Hesperidae family), with photos" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY3MiIgaGVpZ2h0PSIxNDI0IiB2aWV3Qm94PSIwIDAgMTY3MiAxNDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-src="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology.png 1672w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-300x256.png 300w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-1024x872.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-768x654.png 768w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-1536x1308.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-500x426.png 500w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-800x681.png 800w, https://ptworld.net/wp-content/uploads/2022/05/Record_entomology-1280x1090.png 1280w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/Record_entomology.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	OUMNH Collections Online: Record for entomology specimen</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
</div>
		</div>
		
</div>
</div>


<p> &#8211; </p>



<h2 class="wp-block-heading" id="Icones">Jones&#8217; Icones</h2>



<p><strong>Date</strong>: Sep 2014 &#8211; Oct 2014</p>



<p><strong>Brief</strong>: Oxford University&#8217;s Museum of Natural History Archives &amp; Library had received a grant from the National Lottery Heritage Fund to make more widely available a rare collection of Lepidoptera paintings.  This comprised an informational website and a crowdsourcing system to help identify hundreds of moths and butterflies from scanned images of 18th century paintings.<br><br>After initial attempts to develop a solution in-house had failed, I was approached as a consultant with the project on a tight timescale of about a month and a half.</p>



<p><strong>Solution</strong>: For the website I first implemented a static site based on a responsive house style, with variations in colour and some differences in sections and content type.  Most of the effort was on the second part: a customisation of DIYHistory, a system developed by the University of Iowa to crowdsource transcriptions, based on the Omeka CMS + Scribe theme + Scripto plugin + MediaWiki. I supplied documentation describing the development process, mainly in HTML, CSS and PHP, together with various issues for consideration such as watermarks and improving performance for hosting accounts.</p>



<p>The project was successfully completed on time and budget.   Significant crowd-sourced contributions were subsequently made.</p>



<p><strong>URL</strong>: <a rel="noopener noreferrer" href="https://web.archive.org/web/20160319222841/http://www.jonesicones.com/" target="_blank">www.jonesicones.com</a> (via archive.org)</p>


<div class="wp-block-visual-portfolio">
<div class="vp-portfolio vp-uid-b407dc6d vp-id-u8nQL"
	data-vp-layout="tiles" data-vp-content-source="images" data-vp-items-style="fade" data-vp-items-click-action="popup_gallery" data-vp-items-gap="15" data-vp-items-gap-vertical="" data-vp-pagination="load-more" data-vp-next-page-url="" data-vp-tiles-type="3|1,1|" >
	<div class="vp-portfolio__preloader-wrap">
		<div class="vp-portfolio__preloader">
			<img decoding="async" loading="eager" src="https://ptworld.net/wp-content/plugins/visual-portfolio/assets/images/logo-dark.svg" alt="Visual Portfolio, Posts &amp; Image Gallery for WordPress" width="20" height="20" data-skip-lazy>
		</div>
	</div>
		<div class="vp-portfolio__items-wrap">
			
<div class="vp-portfolio__items vp-portfolio__items-style-fade vp-portfolio__items-show-overlay-hover">

		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-1722e026" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home.png 1053w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-300x268.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-1024x915.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-768x686.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-500x447.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-800x715.png 800w" data-vp-popup-img-size="1053x941" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-800x715.png" data-vp-popup-md-img-size="800x715" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-500x447.png" data-vp-popup-sm-img-size="500x447">
			<h3 class="vp-portfolio__item-popup-title">Jones&#8217; Icones Online: Home</h3>
				<div class="vp-portfolio__item-popup-description">I adopted an in-house style for this website showcasing a unique collection of paintings of moths and butterflies.
<br />
The informational site comprises only a few pages and was built in HTML and CSS.
<br />
A screenshot from &#8216;Jones Icones Online&#8217;, part of &#8216;Flying Icons&#8217;, a Heritage Fund project at the Oxford University Museum of Natural History.
</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1053" height="941" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home.png" class="wp-image-611" alt="Jones&#039; Icones Online: home page with introductory text on the significance of the 18th century collection of paintings and descriptions of butterfly species" srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home.png 1053w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-300x268.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-1024x915.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-768x686.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-500x447.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-800x715.png 800w" sizes="auto, (max-width: 1053px) 100vw, 1053px" /></noscript><img decoding="async" width="1053" height="941" src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home.png" class="wp-image-611 vp-lazyload" alt="Jones&#039; Icones Online: home page with introductory text on the significance of the 18th century collection of paintings and descriptions of butterfly species" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1MyIgaGVpZ2h0PSI5NDEiIHZpZXdCb3g9IjAgMCAxMDUzIDk0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home.png 1053w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-300x268.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-1024x915.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-768x686.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-500x447.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home-800x715.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Home.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Jones&#8217; Icones Online: Home</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-3697d6f9" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about.png 1053w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-300x265.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-1024x905.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-768x679.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-500x442.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-800x707.png 800w" data-vp-popup-img-size="1053x931" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-800x707.png" data-vp-popup-md-img-size="800x707" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-500x442.png" data-vp-popup-sm-img-size="500x442">
			<h3 class="vp-portfolio__item-popup-title">Jones&#8217; Icones Online: Project&#8217;s Significance</h3>
				<div class="vp-portfolio__item-popup-description">The website design is clean and responsive, with striking background images of moths and butterflies as backgrounds.
<br />
A screenshot from &#8216;Jones Icones Online&#8217;, part of &#8216;Flying Icons&#8217;, a Heritage Fund project at the Oxford University Museum of Natural History.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1053" height="931" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about.png" class="wp-image-612" alt="Web page explaining how William Jones made an important contribution to butterfly taxonomy." srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about.png 1053w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-300x265.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-1024x905.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-768x679.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-500x442.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-800x707.png 800w" sizes="auto, (max-width: 1053px) 100vw, 1053px" /></noscript><img decoding="async" width="1053" height="931" src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about.png" class="wp-image-612 vp-lazyload" alt="Web page explaining how William Jones made an important contribution to butterfly taxonomy." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1MyIgaGVpZ2h0PSI5MzEiIHZpZXdCb3g9IjAgMCAxMDUzIDkzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about.png 1053w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-300x265.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-1024x905.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-768x679.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-500x442.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about-800x707.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_about.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Jones&#8217; Icones Online: Project&#8217;s Significance</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-53254981" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection.png 1060w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-300x269.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-1024x917.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-768x688.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-500x448.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-800x716.png 800w" data-vp-popup-img-size="1060x949" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-800x716.png" data-vp-popup-md-img-size="800x716" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-500x448.png" data-vp-popup-sm-img-size="500x448">
			<h3 class="vp-portfolio__item-popup-title">Jones&#8217; Icones Online: The Collection</h3>
				<div class="vp-portfolio__item-popup-description">The site linked to the Museum&#8217;s online collections database, which had further details of the archive.
<br />
A screenshot from &#8216;Jones Icones Online&#8217;, part of &#8216;Flying Icons&#8217;, a Heritage Fund project at the Oxford University Museum of Natural History.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1060" height="949" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection.png" class="wp-image-613" alt="Web page introducing the William Jones Collection, covering both archival materials and specimens" srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection.png 1060w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-300x269.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-1024x917.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-768x688.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-500x448.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-800x716.png 800w" sizes="auto, (max-width: 1060px) 100vw, 1060px" /></noscript><img decoding="async" width="1060" height="949" src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection.png" class="wp-image-613 vp-lazyload" alt="Web page introducing the William Jones Collection, covering both archival materials and specimens" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA2MCIgaGVpZ2h0PSI5NDkiIHZpZXdCb3g9IjAgMCAxMDYwIDk0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection.png 1060w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-300x269.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-1024x917.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-768x688.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-500x448.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection-800x716.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_The_Collection.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Jones&#8217; Icones Online: The Collection</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-75fdbb47" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit.png 1049w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-300x265.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-1024x906.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-768x679.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-500x442.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-800x708.png 800w" data-vp-popup-img-size="1049x928" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-800x708.png" data-vp-popup-md-img-size="800x708" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-500x442.png" data-vp-popup-sm-img-size="500x442">
			<h3 class="vp-portfolio__item-popup-title">Jones&#8217; Icones Online: Visit the Collection</h3>
				<div class="vp-portfolio__item-popup-description">To help carry out the consultancy, meetings took place in the Museum&#8217;s Library; knowing the physical environment helps with the site&#8217;s design.
<br />
A screenshot from &#8216;Jones Icones Online&#8217;, part of &#8216;Flying Icons&#8217;, a Heritage Fund project at the Oxford University Museum of Natural History.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1049" height="928" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit.png" class="wp-image-614" alt="Web page providing guidance on visiting the William Jones Collection in person (address, opening hours and contact details)" srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit.png 1049w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-300x265.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-1024x906.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-768x679.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-500x442.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-800x708.png 800w" sizes="auto, (max-width: 1049px) 100vw, 1049px" /></noscript><img decoding="async" width="1049" height="928" src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit.png" class="wp-image-614 vp-lazyload" alt="Web page providing guidance on visiting the William Jones Collection in person (address, opening hours and contact details)" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0OSIgaGVpZ2h0PSI5MjgiIHZpZXdCb3g9IjAgMCAxMDQ5IDkyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit.png 1049w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-300x265.png 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-1024x906.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-768x679.png 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-500x442.png 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit-800x708.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH_JonesIcones_Visit.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Jones&#8217; Icones Online: Visit the Collection</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-9f2db368" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4.jpeg" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4.jpeg 1023w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-300x188.jpeg 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-768x482.jpeg 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-500x314.jpeg 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-800x502.jpeg 800w" data-vp-popup-img-size="1023x642" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-800x502.jpeg" data-vp-popup-md-img-size="800x502" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-500x314.jpeg" data-vp-popup-sm-img-size="500x314">
			<h3 class="vp-portfolio__item-popup-title">Jones&#8217; Icones Online: Identify</h3>
				<div class="vp-portfolio__item-popup-description">The core programming task was to implement a crowdsourcing platform enabling specialists and enthusiasts to identify moths and butterflies.
<br />
A special bundle of the Omeka CMS was used with DIY History, providing a custom theme and Scripto, a transcription plugin.
<br />
Transcriptions were recorded in MediaWiki, for which additional security measures were implemented to prevent work being erased or inappropriately modified.
<br />
A screenshot from &#8216;Jones Icones Online&#8217;, part of &#8216;Flying Icons&#8217;, a Heritage Fund project at the Oxford University Museum of Natural History.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4.jpeg"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1023" height="642" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4.jpeg" class="wp-image-615" alt="The Identify start page, providing instructions on how to contribute to the project to identify Lepidoptera (account registration needed). Underneath are images arranged in volumes that anyone can browse." srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4.jpeg 1023w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-300x188.jpeg 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-768x482.jpeg 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-500x314.jpeg 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-800x502.jpeg 800w" sizes="auto, (max-width: 1023px) 100vw, 1023px" /></noscript><img decoding="async" width="1023" height="642" src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4.jpeg" class="wp-image-615 vp-lazyload" alt="The Identify start page, providing instructions on how to contribute to the project to identify Lepidoptera (account registration needed). Underneath are images arranged in volumes that anyone can browse." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyMyIgaGVpZ2h0PSI2NDIiIHZpZXdCb3g9IjAgMCAxMDIzIDY0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4.jpeg" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4.jpeg 1023w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-300x188.jpeg 300w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-768x482.jpeg 768w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-500x314.jpeg 500w, https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4-800x502.jpeg 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/2014-OUMNH-JonesIcones-Identify-DIYH4.jpeg"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Jones&#8217; Icones Online: Identify</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
</div>
		</div>
		
</div>
</div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>International Association for Religious Freedom</title>
		<link>https://ptworld.net/portfolio/iarf/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Mon, 16 May 2022 10:00:18 +0000</pubDate>
				<category><![CDATA[development]]></category>
		<category><![CDATA[hosting]]></category>
		<category><![CDATA[IARF]]></category>
		<category><![CDATA[interfaith]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[religion]]></category>
		<category><![CDATA[religious freedom]]></category>
		<category><![CDATA[requirements]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://ptworld.net/?page_id=430</guid>

					<description><![CDATA[June 2011 &#8211; April 2012 Following a successful tender process, I was contracted to overhaul the website of the International Association for Religious Freedom (IARF), a UN NGO having general consultative status to ECOSOC with HQ in the UK. The <a class="more-link" href="https://ptworld.net/portfolio/iarf/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<p><strong>June 2011 &#8211; April 2012</strong> </p>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Following a successful tender process, I was contracted to overhaul the website of the International Association for Religious Freedom (IARF), a <a href="https://digitallibrary.un.org/record/266458" target="_blank" rel="noreferrer noopener">UN NGO having general consultative status to ECOSOC</a> with HQ in the UK.   </p>



<p><strong>The brief</strong>: To amalgamate relevant content from three existing sites, each developed separately during different periods and in a generally unwieldy state, into a single site that was current, covered the organisation&#8217;s activities well, and which would be easy to maintain.  The new site would provide comprehensive coverage of the activities, styled with a look and feel similar to that of the United Nations.</p>



<p><strong>Roles</strong>: After initial general consultancy to assess the current status, I undertook all the technical aspects of the project, from systems architecture and development, through to user training. </p>



<p><strong>Solution</strong>: Working closely with the Secretariat Administrator, I implemented a new site to replace all legacy sites.  I used WordPress (Multisite with subdomains), creating a custom theme derived from an existing one from the IARF US Chapter site.  I also delivered experimental support for mobile devices using a theme switcher (before responsive designs became the norm).<br><br>I also oversaw the migration to a new VPS hosting platform with considerable cost savings.  Detailed documentation was provided for administration, development and content authoring.</p>



<p><strong>URL</strong>: <a rel="noreferrer noopener" href="https://iarf.net/" target="_blank">https://iarf.net/</a>  (via archive.org)</p>


<div class="wp-block-visual-portfolio">
<div class="vp-portfolio vp-uid-037bc72a vp-id-Z1sin1F"
	data-vp-layout="tiles" data-vp-content-source="images" data-vp-items-style="fade" data-vp-items-click-action="popup_gallery" data-vp-items-gap="15" data-vp-items-gap-vertical="" data-vp-pagination="load-more" data-vp-next-page-url="" data-vp-tiles-type="3|1,1|" >
	<div class="vp-portfolio__preloader-wrap">
		<div class="vp-portfolio__preloader">
			<img decoding="async" loading="eager" src="https://ptworld.net/wp-content/plugins/visual-portfolio/assets/images/logo-dark.svg" alt="Visual Portfolio, Posts &amp; Image Gallery for WordPress" width="20" height="20" data-skip-lazy>
		</div>
	</div>
		<div class="vp-portfolio__items-wrap">
			
<div class="vp-portfolio__items vp-portfolio__items-style-fade vp-portfolio__items-show-overlay-hover">

		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-c02b9984" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015.png 1016w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-300x287.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-768x734.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-500x478.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-800x765.png 800w" data-vp-popup-img-size="1016x971" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-800x765.png" data-vp-popup-md-img-size="800x765" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-500x478.png" data-vp-popup-sm-img-size="500x478">
			<h3 class="vp-portfolio__item-popup-title">IARF homepage (2015)</h3>
				<div class="vp-portfolio__item-popup-description">There was much deliberation on the home page &#8211; with its navigation bar &#8211; on what to convey in terms of message and information available.
<br /> 
This was to be widely communicated &#8211; hence the social media links and option to translate the page using Google. 
<br />
The main photo was chosen to convey aspirations and reality.
<br />
The screenshot was taken about three years after the site&#8217;s launch (with content being maintained).  </div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1016" height="971" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015.png" class="wp-image-381" alt="IARF website home page (screenshot) features its banner and slogan &#039;belief with integrity&#039;, with links to recent news and forthcoming events. The main photograph is taken in a Buddhist temple and depicts monastics from different traditions, led by His Holiness, the Dalai Lama" srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015.png 1016w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-300x287.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-768x734.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-500x478.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-800x765.png 800w" sizes="auto, (max-width: 1016px) 100vw, 1016px" /></noscript><img decoding="async" width="1016" height="971" src="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015.png" class="wp-image-381 vp-lazyload" alt="IARF website home page (screenshot) features its banner and slogan &#039;belief with integrity&#039;, with links to recent news and forthcoming events. The main photograph is taken in a Buddhist temple and depicts monastics from different traditions, led by His Holiness, the Dalai Lama" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxNiIgaGVpZ2h0PSI5NzEiIHZpZXdCb3g9IjAgMCAxMDE2IDk3MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015.png 1016w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-300x287.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-768x734.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-500x478.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-800x765.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IARF homepage (2015)</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-96999fcd" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2.png 1016w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-300x245.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-768x627.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-500x408.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-800x653.png 800w" data-vp-popup-img-size="1016x829" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-800x653.png" data-vp-popup-md-img-size="800x653" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-500x408.png" data-vp-popup-sm-img-size="500x408">
			<h3 class="vp-portfolio__item-popup-title">About the International Association for Religious Freedom</h3>
				<div class="vp-portfolio__item-popup-description">A brief summary tells the reader about IARF in a nutshell, with menu links to supporting documents explaining its rationale and policies. 
<br />
Screenshot from the IARF website.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1016" height="829" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2.png" class="wp-image-383" alt="IARF website (screenshot): About the IARF" srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2.png 1016w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-300x245.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-768x627.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-500x408.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-800x653.png 800w" sizes="auto, (max-width: 1016px) 100vw, 1016px" /></noscript><img decoding="async" width="1016" height="829" src="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2.png" class="wp-image-383 vp-lazyload" alt="IARF website (screenshot): About the IARF" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxNiIgaGVpZ2h0PSI4MjkiIHZpZXdCb3g9IjAgMCAxMDE2IDgyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2.png 1016w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-300x245.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-768x627.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-500x408.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2-800x653.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-about2.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	About the International Association for Religious Freedom</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-73ded863" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN.png 1030w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-300x236.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-1024x805.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-768x604.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-500x393.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-800x629.png 800w" data-vp-popup-img-size="1030x810" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-800x629.png" data-vp-popup-md-img-size="800x629" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-500x393.png" data-vp-popup-sm-img-size="500x393">
			<h3 class="vp-portfolio__item-popup-title">IARF at the UN</h3>
				<div class="vp-portfolio__item-popup-description">&#8220;Everyone has the right to freedom of thought, consciences and religion.&#8221; 
<br />
The visual presentation of this and other quotes were all prepared within WordPress.
<br />
Screenshot from the IARF website.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1030" height="810" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN.png" class="wp-image-376" alt="IARF at the United Nations (screenshot): explaining the nature of IARF&#039;s relationship with the UN. The page features the UN&#039;s Universal Declaration of Human Rights and includes a photo of the Palais des Nations in Geneva (and the Wilson Memorial Globe)" srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN.png 1030w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-300x236.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-1024x805.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-768x604.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-500x393.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-800x629.png 800w" sizes="auto, (max-width: 1030px) 100vw, 1030px" /></noscript><img decoding="async" width="1030" height="810" src="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN.png" class="wp-image-376 vp-lazyload" alt="IARF at the United Nations (screenshot): explaining the nature of IARF&#039;s relationship with the UN. The page features the UN&#039;s Universal Declaration of Human Rights and includes a photo of the Palais des Nations in Geneva (and the Wilson Memorial Globe)" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAzMCIgaGVpZ2h0PSI4MTAiIHZpZXdCb3g9IjAgMCAxMDMwIDgxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN.png 1030w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-300x236.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-1024x805.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-768x604.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-500x393.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN-800x629.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_at_the_UN.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IARF at the UN</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-a2f4c2e5" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership.png 1017w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-300x252.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-768x646.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-500x420.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-800x673.png 800w" data-vp-popup-img-size="1017x855" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-800x673.png" data-vp-popup-md-img-size="800x673" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-500x420.png" data-vp-popup-sm-img-size="500x420">
			<h3 class="vp-portfolio__item-popup-title">IARF Member Groups</h3>
				<div class="vp-portfolio__item-popup-description">The international nature of IARF is exemplified by its member groups across the world. 
<br />
The tabular layout and links to member groups by region indicate the extent of its formal activities.
<br />
Screenshot from the IARF website.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1017" height="855" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership.png" class="wp-image-384" alt="IARF Membership web page (screenshot): a table shows members by region (South Asia, Europe and Middle East, North America, East Asia, Rest of the World" srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership.png 1017w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-300x252.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-768x646.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-500x420.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-800x673.png 800w" sizes="auto, (max-width: 1017px) 100vw, 1017px" /></noscript><img decoding="async" width="1017" height="855" src="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership.png" class="wp-image-384 vp-lazyload" alt="IARF Membership web page (screenshot): a table shows members by region (South Asia, Europe and Middle East, North America, East Asia, Rest of the World" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxNyIgaGVpZ2h0PSI4NTUiIHZpZXdCb3g9IjAgMCAxMDE3IDg1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership.png 1017w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-300x252.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-768x646.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-500x420.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership-800x673.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_homepage_2015-membership.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IARF Member Groups</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-a62aabe6" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India.png 1020w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-300x244.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-768x623.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-500x406.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-800x649.png 800w" data-vp-popup-img-size="1020x828" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-800x649.png" data-vp-popup-md-img-size="800x649" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-500x406.png" data-vp-popup-sm-img-size="500x406">
			<h3 class="vp-portfolio__item-popup-title">IARF projects in India</h3>
				<div class="vp-portfolio__item-popup-description">More recent additions to the site were starting to include more multimedia, particularly videos featuring personal testimony.  
<br />
Human rights was the main focus for projects in India.  Screenshot from the IARF website.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1020" height="828" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India.png" class="wp-image-387" alt="IARF website (screenshot): projects in India, with a description of human rights work and a video on this theme" srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India.png 1020w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-300x244.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-768x623.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-500x406.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-800x649.png 800w" sizes="auto, (max-width: 1020px) 100vw, 1020px" /></noscript><img decoding="async" width="1020" height="828" src="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India.png" class="wp-image-387 vp-lazyload" alt="IARF website (screenshot): projects in India, with a description of human rights work and a video on this theme" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyMCIgaGVpZ2h0PSI4MjgiIHZpZXdCb3g9IjAgMCAxMDIwIDgyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India.png 1020w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-300x244.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-768x623.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-500x406.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India-800x649.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_projects_India.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IARF projects in India</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-7eb6fd4b" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page.png 1016w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-300x231.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-768x593.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-500x386.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-800x617.png 800w" data-vp-popup-img-size="1016x784" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-800x617.png" data-vp-popup-md-img-size="800x617" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-500x386.png" data-vp-popup-sm-img-size="500x386">
			<h3 class="vp-portfolio__item-popup-title">IARF Contact Page</h3>
				<div class="vp-portfolio__item-popup-description">At the time, the use of encrypted connections was less common.
<br />
So, users had to be prompted if they wish to avoid eavesdropping on sensitive messages (implemented by a custom plugin.).  
<br />
Screenshot from the IARF website.  </div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1016" height="784" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page.png" class="wp-image-379" alt="IARF website (screenshot): Contact Page - a simple web form with name, email, subject and message plus the option to attach a file" srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page.png 1016w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-300x231.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-768x593.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-500x386.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-800x617.png 800w" sizes="auto, (max-width: 1016px) 100vw, 1016px" /></noscript><img decoding="async" width="1016" height="784" src="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page.png" class="wp-image-379 vp-lazyload" alt="IARF website (screenshot): Contact Page - a simple web form with name, email, subject and message plus the option to attach a file" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxNiIgaGVpZ2h0PSI3ODQiIHZpZXdCb3g9IjAgMCAxMDE2IDc4NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page.png 1016w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-300x231.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-768x593.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-500x386.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page-800x617.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_contact_page.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IARF Contact Page</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-8b5cc78f" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN.png 1017w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-300x211.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-768x541.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-500x352.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-800x563.png 800w" data-vp-popup-img-size="1017x716" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-800x563.png" data-vp-popup-md-img-size="800x563" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-500x352.png" data-vp-popup-sm-img-size="500x352">
			<h3 class="vp-portfolio__item-popup-title">IARF Religious Freedom Young Adult Network</h3>
				<div class="vp-portfolio__item-popup-description">Introductory information on the IARF Religious Freedom Young Adult Network, focused on applying UN principles to hands-on project work;
<br />
each project had its own page on the site (linked on the left). 
<br />
Screenshot from the IARF website.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1017" height="716" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN.png" class="wp-image-390" alt="IARF website (screenshot): introductory information on the Religious Freedom Young Adult Network, with a photo of hands placed in a circle; the text describes context and objectives" srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN.png 1017w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-300x211.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-768x541.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-500x352.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-800x563.png 800w" sizes="auto, (max-width: 1017px) 100vw, 1017px" /></noscript><img decoding="async" width="1017" height="716" src="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN.png" class="wp-image-390 vp-lazyload" alt="IARF website (screenshot): introductory information on the Religious Freedom Young Adult Network, with a photo of hands placed in a circle; the text describes context and objectives" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxNyIgaGVpZ2h0PSI3MTYiIHZpZXdCb3g9IjAgMCAxMDE3IDcxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN.png 1017w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-300x211.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-768x541.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-500x352.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN-800x563.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_RFYN.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IARF Religious Freedom Young Adult Network</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-2afb91ab" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689.png 999w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-300x217.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-768x554.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-500x361.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-800x577.png 800w" data-vp-popup-img-size="999x721" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-800x577.png" data-vp-popup-md-img-size="800x577" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-500x361.png" data-vp-popup-sm-img-size="500x361">
			<h3 class="vp-portfolio__item-popup-title">IARF Events</h3>
				<div class="vp-portfolio__item-popup-description">Documentation for an organisation like IARF is vitally important. 
<br />
Being available on the Web, it is indexed by search engines, helping to become discoverable.
<br />
Screenshot from the IARF website.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="999" height="721" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689.png" class="wp-image-380" alt="IARF website (screenshot): Events" srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689.png 999w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-300x217.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-768x554.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-500x361.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-800x577.png 800w" sizes="auto, (max-width: 999px) 100vw, 999px" /></noscript><img decoding="async" width="999" height="721" src="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689.png" class="wp-image-380 vp-lazyload" alt="IARF website (screenshot): Events" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTk5IiBoZWlnaHQ9IjcyMSIgdmlld0JveD0iMCAwIDk5OSA3MjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689.png 999w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-300x217.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-768x554.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-500x361.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689-800x577.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_Events-e1652693311689.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IARF Events</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-fbdb1500" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014.png 1014w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-300x229.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-768x585.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-500x381.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-800x610.png 800w" data-vp-popup-img-size="1014x773" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-800x610.png" data-vp-popup-md-img-size="800x610" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-500x381.png" data-vp-popup-sm-img-size="500x381">
			<h3 class="vp-portfolio__item-popup-title">IARF Congress 2014</h3>
				<div class="vp-portfolio__item-popup-description">The IARF Congress is important enough to merit its own navigation menu item with sidebar links to supporting documents.
<br />
Screenshot from the IARF website.</div>
		</template>
						<figure class="vp-portfolio__item">
				
<div class="vp-portfolio__item-img-wrap">
	<div class="vp-portfolio__item-img">
			<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1014" height="773" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014.png" class="wp-image-378" alt="IARF website (screenshot): World Congress page - details of every Congress from 1901 to the 34th in Birmingham (2014)" srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014.png 1014w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-300x229.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-768x585.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-500x381.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-800x610.png 800w" sizes="auto, (max-width: 1014px) 100vw, 1014px" /></noscript><img decoding="async" width="1014" height="773" src="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014.png" class="wp-image-378 vp-lazyload" alt="IARF website (screenshot): World Congress page - details of every Congress from 1901 to the 34th in Birmingham (2014)" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxNCIgaGVpZ2h0PSI3NzMiIHZpZXdCb3g9IjAgMCAxMDE0IDc3MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014.png 1014w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-300x229.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-768x585.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-500x381.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014-800x610.png 800w" data-sizes="auto" loading="eager">
		</a>	</div>
</div>
	<figcaption class="vp-portfolio__item-overlay vp-portfolio__item-overlay-text-align-center">
		<div class="vp-portfolio__item-meta-wrap vp-portfolio__custom-scrollbar">
				<a
		href="https://ptworld.net/wp-content/uploads/2022/05/IARF_Congress_2014.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IARF Congress 2014</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
</div>
		</div>
		
</div>
</div>


<p class="has-small-font-size"></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Projects</title>
		<link>https://ptworld.net/projects/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Sat, 09 Apr 2016 17:16:53 +0000</pubDate>
				<category><![CDATA[applications]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[languages]]></category>
		<category><![CDATA[lifecycle]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[software]]></category>
		<guid isPermaLink="false">http://ptworld.net/?page_id=53</guid>

					<description><![CDATA[The projects I have been undertaking in the past 25 years or so span theoretical research, software development, policy, implementation and practice. Much is experimental and might not be realized as a product, but in seeking practical benefit, I try <a class="more-link" href="https://ptworld.net/projects/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<div style="height:27px" aria-hidden="true" class="wp-block-spacer"></div>



<p>The projects I have been undertaking in the past 25 years or so span theoretical research, software development, policy, implementation and practice.  Much is experimental and might not be realized as a product, but in seeking practical benefit, I try to retain what I&#8217;ve learnt as it may yet have some application later on.  Many problems are recurrent and the approaches (and insights) may be similar at each iteration, albeit with different tools.   </p>



<p>My main role has been as a problem solver / developer for/of web applications, mainly for the public sector, in both staff and consultancy roles.  At a university, &#8216;off the shelf&#8217; products are seldom sufficient out of the box: there is usually a considerable amount of customisation required, which motivates in-house solutions. &nbsp;Thus, I have worked individually and in small teams, particularly the (now closed)&nbsp;<a href="http://www.oucs.ox.ac.uk/acdt/">Academic Computing Development Team</a>,&nbsp;allowing me to undertake bespoke full-stack development; wherever possible this is in accordance with open standards and using open source components (in the early days, CGI/Perl and then PHP, connecting to SQL databases; then XML and XSLT).   These standards underpin the <a href="https://ptworld.net/projects/software/" data-type="page" data-id="989">software I am currently developing</a>.  Nowadays, apart from Sigala, my development is oriented to customisations of popular systems such as WordPress. &nbsp;</p>



<p>Whilst most of my experience of development has been small-scale, I have also been heavily involved in an institutional project &#8211; WebLearn, Oxford University&#8217;s first virtual learning environment, for which I was involved in the procurement and subsequently was responsible for the operational management when it became a centrally-hosted production service.  After a while, this  involved crunching through tens of millions of event log database rows to generate summary usage figures.</p>



<p>I have also coordinated and managed a few projects, including <a rel="noreferrer noopener" href="https://ptworld.net/portfolio/ramble/" data-type="page" data-id="581" target="_blank">RAMBLE</a> and, more recently, <a href="https://ptworld.net/portfolio/hsm-dams/" data-type="page" data-id="557">digital asset management</a> at the History of Science Museum.  </p>



<p>For details of past projects, please consult my <a href="https://ptworld.net/portfolio/" data-type="page" data-id="354">portfolio</a>.  Here, I only highlight the start of current work. </p>



<h3 class="wp-block-heading">Sigala Research Knowledge Basis (2020-)</h3>



<h4 class="wp-block-heading">Problem</h4>



<p>The <a href="https://ptworld.net/projects/sigala/" data-type="page" data-id="802">Sigala project</a> concerns the research, design and development of software systems to support sustainable social networking.  There is a substantial body of theory underpinning the software development, but it&#8217;s been built up sporadically, initially documented in MS Word, with a few blog posts and the occasional presentation.</p>



<p>To put the research on a more solid footing is a project in itself; it needs to be maintained and disseminated more sustainably, whilst making it easier to manage. &nbsp;The form in which the research is shared needs to be convenient.</p>



<h4 class="wp-block-heading">Solution</h4>



<p>The references are being managed in Zotero, which not only supports bibliographic standards for records management and import/export, but also has a web-mediated infrastructure that supports shared working.   </p>



<p>For dissemination, a WordPress site has been created locally and content migrated from the Word documents. &nbsp;A workflow enables convenient deployment of a static site on a remote server along with a zip archive of almost identical content. &nbsp;For added convenience, a WordPress plugin, WP Static Search (based on <a rel="noopener noreferrer" href="https://lunrjs.com" target="_blank">Lunr.js</a>), has been extended to enable offline searches.  Both of these software components will be released as open source <a href="https://ptworld.net/projects/software/" data-type="page" data-id="989">software</a>.</p>



<p><strong>URL</strong>: <a rel="noreferrer noopener" href="https://research.siga.la/" target="_blank">https://research.siga.la/</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Mobile and Ubiquitous Computing</title>
		<link>https://ptworld.net/research/mobile/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Sat, 09 Apr 2016 15:26:48 +0000</pubDate>
				<category><![CDATA[Erewhon]]></category>
		<category><![CDATA[handheld]]></category>
		<category><![CDATA[hardware]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Oxford]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[RAMBLE]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[ubiquity]]></category>
		<guid isPermaLink="false">http://ptworld.net/?page_id=25</guid>

					<description><![CDATA[Mobility has become the key characteristic of our period. Social and physical mobility, the feeling of a certain sort of freedom, is one of the things that keeps our society together, and the symbol of this freedom is the individually-owned <a class="more-link" href="https://ptworld.net/research/mobile/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>Mobility has become the key characteristic of our period. Social and physical mobility, the feeling of a certain sort of freedom, is one of the things that keeps our society together, and the symbol of this freedom is the individually-owned motor-car. Mobility is the key both socially and organizationally to town planning, for mobility is not only concerned with roads but with the whole concept of a mobile, fragmented, community.</p></blockquote>



<p class="has-text-align-right">[Alison and Peter Smithson, Team 10 Primer, 1962?]



<p>Today we have virtual highways in which mobile phones are the vehicles, which for many symbolise freedom of expression. But do these material enablers lead to mental crutches?  How can such freedom be used for our well-being, particularly in education?</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://ptworld.net/wp-content/uploads/2022/06/mobile_office.jpg" alt="Paul sits at a large desk that's empty apart from a handheld computer with an ethernet cable plugged in and a carry case to one side." class="wp-image-1183" width="480" height="360" srcset="https://ptworld.net/wp-content/uploads/2022/06/mobile_office.jpg 640w, https://ptworld.net/wp-content/uploads/2022/06/mobile_office-300x225.jpg 300w, https://ptworld.net/wp-content/uploads/2022/06/mobile_office-500x375.jpg 500w" sizes="auto, (max-width: 480px) 100vw, 480px" /><figcaption>Mobile office (courtesy of a networked HP Jornada 720), July 2004.</figcaption></figure>
</div>


<p>I&#8217;ve been interested in mobile/handheld/portable computing on and off since the late 1970s, when as a child I used to play with pocket calculators (a Texet 880 and the &#8216;Little Professor&#8217;).  Much later I came across general-purpose handheld computing with the Psion devices, but I didn&#8217;t own any until a trio of Hewlett Packard devices, namely: HP 320LX, HP Jornada 568, and HP Jornada 720.</p>



<p>Until about 2004, this was mainly a personal interest, where I wiled away many an hour in experimentation, until the Learning Technologies Group at Oxford University gave some formal support, allowing me to bid for and subsequently manage an externally-funded project, RAMBLE (on top of my usual work, of course!). Seeing its growing importance, in subsequent years (mostly in my personal time) I promoted the strategic thinking around mobility and ubiquity, and gained sufficient impetus to set up at the beginning of 2008 a&nbsp;<a rel="noreferrer noopener" href="http://old.ictf.ox.ac.uk/conference/2008/presentations/wks03_mobileSIG.pdf" target="_blank">Mobile Special Interest Group</a>&nbsp;at OUCS, that gained 20 members across the different sections.</p>



<p>This galvanised interest and led to some important university-wide developments; by April it had become incorporated in graduate skills training.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="488" height="324" src="https://ptworld.net/wp-content/uploads/2022/06/GradSkills_mobile.gif" alt="The screenshots from Paul's smartphone show an Inbox listing message with subject, date (mid-April 2008), sender and message size; on the right is the home page for WebLearn, with menu links and a welcome message." class="wp-image-1184"/><figcaption>Screenshots from HTC Trinity, shown in a Graduate IT Skills mobile workshop in 2008</figcaption></figure>
</div>


<p>The links below provide an archive of developments from an earlier decade, which are still useful, especially for the rationale.</p>



<ul class="wp-block-list"><li><a rel="noreferrer noopener" href="http://web.archive.org/web/20080715171323/http://users.ox.ac.uk/~pault/mobile/j720/xwindows.html" target="_blank">Using X applications on an HP Jornada 720</a>&nbsp;(2003) — just an intimation of what is possible. The underlying issue concerns thick vs thin computing, especially relevant concerning the delivery of Web content to handheld devices (compare e.g. Opera 9.5 with server-side solutions from the likes of Skyfire).</li><li><a rel="noreferrer noopener" href="https://web.archive.org/web/20080925201412/http://ramble.oucs.ox.ac.uk/" target="_blank">RAMBLE</a> (2004-5) — Remote Authoring of Mobile Blogs for Learning Environments, JISC-funded project concerning mobile blogs and their integration in institutional learning environments.  </li><li><a rel="noreferrer noopener" href="http://www.ariadne.ac.uk/issue44/trafford/" target="_blank">Mobile Blogs, Personal Reflections and Learning Environments</a>&nbsp;(2005) A broad overview from Issue 44 of the Ariadne online journal</li><li><a rel="noreferrer noopener" href="http://handheldmusings.blogspot.com/" target="_blank">Handheld Musings</a>&nbsp;(2004-10) — a personal blog, with various thoughts, especially on OxPDA, an educational assistant to replace the Oxford University pocket diary.</li><li><strong>OxPDA: Pervasive e-Learning in your hands</strong> (2005) — <a rel="noreferrer noopener" href="https://handheldmusings.blogspot.com/2005/01/oxpda-pervasive-e-learning-in-your.html" target="_blank">Part 1</a> / <a rel="noreferrer noopener" href="https://handheldmusings.blogspot.com/2005/01/oxpda-pervasive-e-learning-in-your_09.html" target="_blank">Part 2</a> / <a rel="noreferrer noopener" href="https://handheldmusings.blogspot.com/2005/01/pervasive-e-learning-in-your-hands.html" target="_blank">Part 3</a>, Handheld Musings blog posts. </li><li><a rel="noreferrer noopener" href="http://paultrafford.blogspot.co.uk/2012/08/from-portability-to-ubiquity-what-do-we.html" target="_blank">From Portability to Ubiquity — What do we mean by &#8216;Mobile&#8217;?</a> (2007)</li><li><a rel="noreferrer noopener" href="https://web.archive.org/web/20090914155455/http://users.ox.ac.uk/~pault/mobile/OxMobile/OxMobile1.1_2.htm" target="_blank">OxMobile: Towards a Mobile and Ubiquitous Strategy for the University of Oxford</a> (2008) — a report detailing context, present status and various project proposals to really start embracing handheld and mobile technology at Oxford.</li><li><a rel="noreferrer noopener" href="http://old.ictf.ox.ac.uk/conference/2008/workshops.html" target="_blank">Notes from an Emerging Mobile SIG at OUCS</a> — A presentation I gave on my last day as SIG coordinator (I was shortly to leave the department to pursue full-time studies).</li><li><a rel="noreferrer noopener" href="http://erewhon.oucs.ox.ac.uk/" target="_blank">Erewhon</a> (2008-9) This strangely named project concerns the development of location-based services, building on a number of initiatives at OUCS, and led to the production service, Mobile Oxford (m.ox.ac.uk), as <a rel="noreferrer noopener" href="http://old.ictf.ox.ac.uk/conference/2010/workshops.html" target="_blank">presented at the 2010 ITSS conference</a> and <a rel="noreferrer noopener" href="https://weblearn.ox.ac.uk/access/content/group/info/howto/Mobile_Oxford_staff.pdf" target="_blank">documented in the WebLearn VLE</a>. It can be seen as a step to fulfilling some of the vision in OxMobile (Tim Fernando remarked that he has used the posts as a kind of checklist).</li></ul>



<p>(My list of mobile devices has since grown to include the HP iPAQ 1940, Asus Eee PC (first and later generations), Sony Ericsson Xperia Mini, Amazon Kindle, Palm Phone, and iPhone SE.</p>



<h2 class="wp-block-heading">Pause for Thought</h2>



<p>So, what of the quote above? It reminds me of the phrase &#8220;car-owning democracy,&#8221; much cherished in the 1980s. However, it can be argued that the motor car was a symbol of an acquisitive approach has not led to greater well being — Avner Offer&#8217;s&nbsp;<a href="http://www.oup.com/uk/catalogue/?ci=9780198208532"><em>The Challenge of Affluence</em></a>&nbsp;gives plenty of food for thought. </p>



<p>Will mobile devices with all their options for personalisation merely encourage a form of consumerism that fails to enrich us as human beings? What about personalisation as a general principle&#8230;? How many different ways of serving tea and coffee do we really need?</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
