<?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>multimedia &#8211; ptworld.net</title>
	<atom:link href="https://ptworld.net/blog/tag/multimedia/feed/" rel="self" type="application/rss+xml" />
	<link>https://ptworld.net</link>
	<description>e-consultancy, research and publishing</description>
	<lastBuildDate>Tue, 16 Apr 2024 14:54:26 +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>Multimedia Languages</title>
		<link>https://ptworld.net/portfolio/multimedia-languages/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Thu, 26 May 2022 18:33:01 +0000</pubDate>
				<category><![CDATA[administration]]></category>
		<category><![CDATA[CD]]></category>
		<category><![CDATA[Chinese]]></category>
		<category><![CDATA[course management]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[Japanese]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[modern languages]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[production system]]></category>
		<category><![CDATA[static]]></category>
		<category><![CDATA[undergraduate]]></category>
		<guid isPermaLink="false">https://ptworld.net/?page_id=657</guid>

					<description><![CDATA[Interactive Audio Comprehension Materials (IACM) II Date: 2002 Role: Systems developer (as Project Officer in the Academic Computing Development Team (ACDT), Oxford University Computing Services) Brief: My colleague in ACDT, Paul Groves, had already coded phase 1 of the IACM <a class="more-link" href="https://ptworld.net/portfolio/multimedia-languages/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<a id="iacm"></a>



<h2 class="wp-block-heading" id="iacm2">Interactive Audio Comprehension Materials (IACM) II</h2>



<p><strong>Date</strong>: 2002</p>



<p><strong>Role</strong>: Systems developer (as Project Officer in the Academic Computing Development Team (ACDT), Oxford University Computing Services)</p>



<p><strong>Brief</strong>: My colleague in ACDT, Paul Groves, had already coded phase 1 of the IACM project, which was an online system for students in the Faculty of Medieval and Modern Languages to sit aural comprehension tests.  The system used XML to store the data and XSLT to deliver a series of pages; this included SMIL, delivered using RealAudio.  The main weakness was the technical requirement for academic staff to create and maintain XML files using a tool like XMetal.  For phase II I was required to develop a more user-friendly web-based system for creating and editing these tests.</p>



<p><strong>Solution</strong>: I devised and implemented an extension comprising a series of web forms, whose back-end generated XSLT dynamically based on the web form submissions.   The slides below provide a walkthrough of a test version.</p>



<p><strong>References</strong>:</p>



<ul class="wp-block-list"><li><a rel="noreferrer noopener" href="https://web.archive.org/web/20070721031254/http://acdt.oucs.ox.ac.uk/acdt/projects/detail.php?proj_id=2000b" target="_blank">Original project proposal</a> </li><li>Joint paper before this project started (co-author with Sarah Porter <em>et al</em>): <a rel="noreferrer noopener" href="https://web.archive.org/web/20010702050043/http://www.nyu.edu/its/humanities/ach_allc2001/papers/porter/index.html" target="_blank">Building flexible language-learning systems: Perl and HTML vs. XML and XSL</a></li></ul>


<div class="wp-block-visual-portfolio">
<div class="vp-portfolio vp-uid-bc5e5f8a vp-id-Z1YXiW1"
	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-b68aafe0" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_index.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="659x482" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_index.gif" data-vp-popup-md-img-size="659x482" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_index-500x366.gif" data-vp-popup-sm-img-size="500x366">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Home Page</h3>
				<div class="vp-portfolio__item-popup-description">The &#8216;Editing Shell&#8217; enabled registered academics to create and edit audio comprehension tests for students.
<br />
A test comprised a number of sections that related to specific passages with audio markers and accompanying questions, complete with transcribed answers.
<br />
Editing sessions could be stored so that you could resume from where you left off.
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_index.gif"
			>
	
		<noscript><img fetchpriority="high" decoding="async" width="659" height="482" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_index.gif" class="wp-image-684" alt="&#039;IACM Editing shell&#039; home page, with a menu of options to either edit or visit the public site." /></noscript><img decoding="async" width="659" height="482" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjU5IiBoZWlnaHQ9IjQ4MiIgdmlld0JveD0iMCAwIDY1OSA0ODIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-684 vp-lazyload" alt="&#039;IACM Editing shell&#039; home page, with a menu of options to either edit or visit the public site." data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_index.gif" 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/IACM_index.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Home Page</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-7931f813" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_options.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="612x561" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_options.gif" data-vp-popup-md-img-size="612x561" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_options-500x458.gif" data-vp-popup-sm-img-size="500x458">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Workflow</h3>
				<div class="vp-portfolio__item-popup-description">The &#8216;Editing Shell&#8217; workflow is set out successively in three stages, with traffic lights indicating publication-readiness.
<br />
The system checks for data completion before changing its status to review-ready.  It then goes for formal approval to earn green (&#8216;go&#8217;) status.
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_options.gif"
			>
	
		<noscript><img decoding="async" width="612" height="561" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_options.gif" class="wp-image-685" alt="&#039;IACM Editing shell&#039; with an overview of the workflow (traffic lights - red, amber and green for creation, content ready, and reviewed)." /></noscript><img decoding="async" width="612" height="561" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEyIiBoZWlnaHQ9IjU2MSIgdmlld0JveD0iMCAwIDYxMiA1NjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-685 vp-lazyload" alt="&#039;IACM Editing shell&#039; with an overview of the workflow (traffic lights - red, amber and green for creation, content ready, and reviewed)." data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_options.gif" 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/IACM_options.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Workflow</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-82e7f2c8" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_createmenu.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="612x561" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_createmenu.gif" data-vp-popup-md-img-size="612x561" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_createmenu-500x458.gif" data-vp-popup-sm-img-size="500x458">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Passage creation menu</h3>
				<div class="vp-portfolio__item-popup-description">IACM allows authors to work on multiple media source files, each consisting of some meta data (item 2) plus content (item 3)
<br />
The granular method of implementation (basically, any node in the XML DOM), was reflected by flexibility in the order of editing.
<br />
Whilst a workflow is evident, the editor can jump in at different stages of the passage creation.
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_createmenu.gif"
			>
	
		<noscript><img decoding="async" width="612" height="561" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_createmenu.gif" class="wp-image-683" alt="&#039;IACM Editing shell&#039; with an overview of the creation steps together with links for editing various aspects." /></noscript><img decoding="async" width="612" height="561" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEyIiBoZWlnaHQ9IjU2MSIgdmlld0JveD0iMCAwIDYxMiA1NjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-683 vp-lazyload" alt="&#039;IACM Editing shell&#039; with an overview of the creation steps together with links for editing various aspects." data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_createmenu.gif" 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/IACM_createmenu.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Passage creation menu</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-5d16607c" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src.png 832w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-300x235.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-768x603.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-500x392.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-800x628.png 800w" data-vp-popup-img-size="832x653" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-800x628.png" data-vp-popup-md-img-size="800x628" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-500x392.png" data-vp-popup-sm-img-size="500x392">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Select media source</h3>
				<div class="vp-portfolio__item-popup-description">After logging in, the system makes available media files (audio and video) in your specialist language.  
<br />
The editor selects a source, a particular comprehension passage.
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_CreateMaterials-select_media_src.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="832" height="653" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src.png" class="wp-image-679" alt="&#039;IACM Editing shell&#039; inviting the editor to select the media type and source (drop-down menus)." srcset="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src.png 832w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-300x235.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-768x603.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-500x392.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-800x628.png 800w" sizes="auto, (max-width: 832px) 100vw, 832px" /></noscript><img decoding="async" width="832" height="653" src="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src.png" class="wp-image-679 vp-lazyload" alt="&#039;IACM Editing shell&#039; inviting the editor to select the media type and source (drop-down menus)." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODMyIiBoZWlnaHQ9IjY1MyIgdmlld0JveD0iMCAwIDgzMiA2NTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src.png 832w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-300x235.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-768x603.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-500x392.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-select_media_src-800x628.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/IACM_CreateMaterials-select_media_src.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Select media source</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-d7e6599b" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_selectadmin.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="599x550" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_selectadmin.gif" data-vp-popup-md-img-size="599x550" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_selectadmin-500x459.gif" data-vp-popup-sm-img-size="500x459">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Select admininistrator</h3>
				<div class="vp-portfolio__item-popup-description">The system provided functions for several roles including systems administrators, editors, and reviewers.
<br />
The passage administrator (editor) is the first piece of meta data that is stored in the XML and effectively the first edit. 
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_selectadmin.gif"
			>
	
		<noscript><img loading="lazy" decoding="async" width="599" height="550" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_selectadmin.gif" class="wp-image-686" alt="&#039;IACM Editing shell&#039; with a drop-down menu to select the administrator (coordinator) of this particular passage (&#039;mct&#039;)" /></noscript><img decoding="async" width="599" height="550" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTk5IiBoZWlnaHQ9IjU1MCIgdmlld0JveD0iMCAwIDU5OSA1NTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-686 vp-lazyload" alt="&#039;IACM Editing shell&#039; with a drop-down menu to select the administrator (coordinator) of this particular passage (&#039;mct&#039;)" data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_selectadmin.gif" 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/IACM_selectadmin.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Select admininistrator</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-484fbfed" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_update_any_admin.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="599x550" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_update_any_admin.gif" data-vp-popup-md-img-size="599x550" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_update_any_admin-500x459.gif" data-vp-popup-sm-img-size="500x459">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Update done</h3>
				<div class="vp-portfolio__item-popup-description">This screen notifies the user that a change has been made to the XML file. 
<br />
Just underneath the banner there are two new buttons &#8211; [Show XML] and [Show XSLT], apparent during the editing process.
<br />
The general process has the following steps:
<br />
The user enters and submits data in a Web form -&gt; an XSLT is generated, populated by the data -&gt;
<br />
The XSLT is applied to the XML, resulting in a new XML file. -&gt; The user receives a confirmation page and links to the latest XML and XSLT.</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/IACM_update_any_admin.gif"
			>
	
		<noscript><img loading="lazy" decoding="async" width="599" height="550" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_update_any_admin.gif" class="wp-image-704" alt="&#039;IACM Editing shell&#039; reports that an update has been effected, with options to go back or forward" /></noscript><img decoding="async" width="599" height="550" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTk5IiBoZWlnaHQ9IjU1MCIgdmlld0JveD0iMCAwIDU5OSA1NTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-704 vp-lazyload" alt="&#039;IACM Editing shell&#039; reports that an update has been effected, with options to go back or forward" data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_update_any_admin.gif" 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/IACM_update_any_admin.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Update done</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-63996448" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_admin.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="780x628" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_admin.gif" data-vp-popup-md-img-size="780x628" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_admin-500x403.gif" data-vp-popup-sm-img-size="500x403">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Show XSLT for an administrator</h3>
				<div class="vp-portfolio__item-popup-description">Pressing the [XSLT] button launches this pop-up window showing the XSLT that was generated and then applied to the XML file. 
<br />
It combines two templates: one acts as an identity transform, while the other tweaks a specific node. 
<br />
This is characteristic of the whole system &#8211; make a copy and change only what you need using one or more stock transforms. 
<br />
In this case admin_user_id is being set to &#8220;Paul Trafford&#8221;.
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_showxslt_admin.gif"
			>
	
		<noscript><img loading="lazy" decoding="async" width="780" height="628" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_admin.gif" class="wp-image-692" alt="The XSLT file has XML declaration at top, then specifies xsl:output followed by xsl-template match patterns with the transformations" /></noscript><img decoding="async" width="780" height="628" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzgwIiBoZWlnaHQ9IjYyOCIgdmlld0JveD0iMCAwIDc4MCA2MjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-692 vp-lazyload" alt="The XSLT file has XML declaration at top, then specifies xsl:output followed by xsl-template match patterns with the transformations" data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_admin.gif" 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/IACM_showxslt_admin.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Show XSLT for an administrator</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-22ebdb72" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_admin.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="961x218" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_admin-800x181.gif" data-vp-popup-md-img-size="800x181" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_admin-500x113.gif" data-vp-popup-sm-img-size="500x113">
			<h3 class="vp-portfolio__item-popup-title">IACM II: show current XML for a passage</h3>
				<div class="vp-portfolio__item-popup-description">After each change, the editor could view the current status of the XML.
<br />
The editor would have been familiar with the format as previously they would have edited the passage manually.
<br />
This particular XML fragment (a test) shows the result of assigning an administrator.  It also adds other parameters such as publication status.
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_showxml_admin.gif"
			>
	
		<noscript><img loading="lazy" decoding="async" width="961" height="218" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_admin.gif" class="wp-image-688" alt="A pop-up window showing a few lines of the XML file for passage.mct, specifying audio file in French" /></noscript><img decoding="async" width="961" height="218" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTYxIiBoZWlnaHQ9IjIxOCIgdmlld0JveD0iMCAwIDk2MSAyMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-688 vp-lazyload" alt="A pop-up window showing a few lines of the XML file for passage.mct, specifying audio file in French" data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_admin.gif" 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/IACM_showxml_admin.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: show current XML for a passage</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-74534316" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_create_role_speaker_Tintin.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="599x550" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_create_role_speaker_Tintin.gif" data-vp-popup-md-img-size="599x550" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_create_role_speaker_Tintin-500x459.gif" data-vp-popup-sm-img-size="500x459">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Select speakers</h3>
				<div class="vp-portfolio__item-popup-description">The speakers of a passage were identified and recorded with the respective XML file, starting with a blank instance and successive refining through custom XSLT.
<br />
The buttons along the top, which show the current XML file and the last XSLT applied, were available on most passage creation pages. 
<br />
The Web forms provide a simple user interface.  Here we are about to add another (fictitious) speaker, Tintin!
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_create_role_speaker_Tintin.gif"
			>
	
		<noscript><img loading="lazy" decoding="async" width="599" height="550" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_create_role_speaker_Tintin.gif" class="wp-image-680" alt="&#039;IACM Editing shell&#039; with instructions for adding a speaker to the two shown" /></noscript><img decoding="async" width="599" height="550" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTk5IiBoZWlnaHQ9IjU1MCIgdmlld0JveD0iMCAwIDU5OSA1NTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-680 vp-lazyload" alt="&#039;IACM Editing shell&#039; with instructions for adding a speaker to the two shown" data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_create_role_speaker_Tintin.gif" 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/IACM_create_role_speaker_Tintin.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Select speakers</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-4cfd4488" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_created_role_speaker_Tintin.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="669x699" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_created_role_speaker_Tintin.gif" data-vp-popup-md-img-size="669x699" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_created_role_speaker_Tintin-500x522.gif" data-vp-popup-sm-img-size="500x522">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Show XSLT for an additional role</h3>
				<div class="vp-portfolio__item-popup-description">Three templates here in this XSLT generated dynamically from the Web form for adding user &#8220;Tintin&#8221;. 
<br />
The first, as usual, is the identity transform. 
<br />
The second and third each create implicitly a new &#8216;speaker&#8217; element within passage/head with id=&#8217;Tintin.&#8217; 
<br />
plus an element within that &#8211; respectively &#8216;name&#8217; (a display label) and &#8216;gender&#8217;.
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_showxslt_created_role_speaker_Tintin.gif"
			>
	
		<noscript><img loading="lazy" decoding="async" width="669" height="699" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_created_role_speaker_Tintin.gif" class="wp-image-693" alt="The XSLT file has XML declaration at top, then specifies xsl:output followed by xsl-template match patterns using XPATH to identify particular nodes for the respective transformations" /></noscript><img decoding="async" width="669" height="699" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjY5IiBoZWlnaHQ9IjY5OSIgdmlld0JveD0iMCAwIDY2OSA2OTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-693 vp-lazyload" alt="The XSLT file has XML declaration at top, then specifies xsl:output followed by xsl-template match patterns using XPATH to identify particular nodes for the respective transformations" data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxslt_created_role_speaker_Tintin.gif" 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/IACM_showxslt_created_role_speaker_Tintin.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Show XSLT for an additional role</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-939b1b38" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_created_speaker_Tintin.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="709x634" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_created_speaker_Tintin.gif" data-vp-popup-md-img-size="709x634" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_created_speaker_Tintin-500x447.gif" data-vp-popup-sm-img-size="500x447">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Show xml (partial) for a passage</h3>
				<div class="vp-portfolio__item-popup-description">In phase I of the project, when the XML schema for a passage was established, instances had to be created manually.
<br />
For IACM II I developed the web-based administration system to generate most of these files automatically.
<br />
The meta data shown here includes details of the people involved in various roles, following the addition of Tintin (just a test!)
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_showxml_created_speaker_Tintin.gif"
			>
	
		<noscript><img loading="lazy" decoding="async" width="709" height="634" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_created_speaker_Tintin.gif" class="wp-image-689" alt="&#039;IACM Editing shell&#039;: XML extract generated from a passage editing session, with various passage metadata recorded in tags such as audio &#039;length&#039;, &#039;exam&#039;, &#039;title&#039;, &#039;speaker&#039;, &#039;tutor&#039;," /></noscript><img decoding="async" width="709" height="634" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzA5IiBoZWlnaHQ9IjYzNCIgdmlld0JveD0iMCAwIDcwOSA2MzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-689 vp-lazyload" alt="&#039;IACM Editing shell&#039;: XML extract generated from a passage editing session, with various passage metadata recorded in tags such as audio &#039;length&#039;, &#039;exam&#039;, &#039;title&#039;, &#039;speaker&#039;, &#039;tutor&#039;," data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_showxml_created_speaker_Tintin.gif" 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/IACM_showxml_created_speaker_Tintin.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Show xml (partial) for a passage</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-bcf5a5d5" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_created_role_speaker_Tintin.gif" data-vp-popup-img-srcset="" data-vp-popup-img-size="599x550" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_created_role_speaker_Tintin.gif" data-vp-popup-md-img-size="599x550" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_created_role_speaker_Tintin-500x459.gif" data-vp-popup-sm-img-size="500x459">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Updated list of speakers</h3>
				<div class="vp-portfolio__item-popup-description">Tintin has just been added as a speaker.
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_created_role_speaker_Tintin.gif"
			>
	
		<noscript><img loading="lazy" decoding="async" width="599" height="550" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_created_role_speaker_Tintin.gif" class="wp-image-682" alt="&#039;IACM Editing shell&#039; showing three speakers, Tintin the latest addition" /></noscript><img decoding="async" width="599" height="550" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTk5IiBoZWlnaHQ9IjU1MCIgdmlld0JveD0iMCAwIDU5OSA1NTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" class="wp-image-682 vp-lazyload" alt="&#039;IACM Editing shell&#039; showing three speakers, Tintin the latest addition" data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_created_role_speaker_Tintin.gif" 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/IACM_created_role_speaker_Tintin.gif"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Updated list of speakers</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-c90dffea" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section.png 1067w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-300x272.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-1024x930.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-768x697.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-500x454.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-800x727.png 800w" data-vp-popup-img-size="1067x969" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-800x727.png" data-vp-popup-md-img-size="800x727" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-500x454.png" data-vp-popup-sm-img-size="500x454">
			<h3 class="vp-portfolio__item-popup-title">IACM II: Adding a section</h3>
				<div class="vp-portfolio__item-popup-description">After selecting an audio file in the previous step, the author proceeds to prepare questions for specific sections
<br />
Using the visual player (not shown), they marked start and stop times and enter question details.  (Data stored in SMIL format.)
<br />
The audio streaming was delivered through Realplayer and access through the browser through a plugin.
<br />
It is not displayed here as browser support was subsequently removed. 
<br />
Screenshot from the Interactive Audio Comprehension Materials II editing suite (test version) developed in ACDT, 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/IACM_CreateMaterials-add_section.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1067" height="969" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section.png" class="wp-image-678" alt="&#039;IACM Editing shell&#039; with instructions for the audio comprehension editor" srcset="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section.png 1067w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-300x272.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-1024x930.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-768x697.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-500x454.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-800x727.png 800w" sizes="auto, (max-width: 1067px) 100vw, 1067px" /></noscript><img decoding="async" width="1067" height="969" src="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section.png" class="wp-image-678 vp-lazyload" alt="&#039;IACM Editing shell&#039; with instructions for the audio comprehension editor" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA2NyIgaGVpZ2h0PSI5NjkiIHZpZXdCb3g9IjAgMCAxMDY3IDk2OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section.png 1067w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-300x272.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-1024x930.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-768x697.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-500x454.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IACM_CreateMaterials-add_section-800x727.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/IACM_CreateMaterials-add_section.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IACM II: Adding a section</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
</div>
		</div>
		
</div>
</div>


<a id="cdlang"></a>



<p> &#8211; </p>



<h2 class="wp-block-heading" id="CD2Go">Multimedia CD-ROMs for Chinese and Japanese (two projects, one system)</h2>



<p><strong>Date</strong>: 2001-2003</p>



<p><strong>Role</strong>: Systems developer (as Project Officer in the Humanities (later Academic) Computing Development Team (HCDT), Oxford University Computing Services)</p>



<p><strong>Brief</strong>: A former member of HCDT, Peter Karas, had already produced a multimedia Chinese website for the Centre for Teaching Chinese as a Foreign Language at Oxford University.  His system used CGI/Perl with Java applets for character drawing exercises.  Now the department wished to distribute the materials on a CD-ROM.</p>



<p><strong>Solution</strong>: I devised and implemented a CD production system, CD2Go, including a limited administration dashboard.  It  comprised a new set of Perl scripts that effectively used the existing site as a set of web services, sending output to a mapped folder hierarchy with a predefined naming convention.  All anchors were adjusted accordingly.  For example, <br><span style="text-decoration: underline;">http://www.ctcfl.ox.ac.uk/cgi-bin/char.pl?character=wang&amp;charstr=jie,che,xiao,wang,ni,hao,mang,ma,bu,wo,gang,xia,ke,zhe,shi,de,a,xian,zai,yong,xiang,yi,xie,qu,you,ju,mai,piao,o,na,er,ne&amp;home=http://www.ctcfl.ox.ac.uk/lesson1.htm</span> <br>was mapped to:<br><a rel="noreferrer noopener" href="http://www.ctcfl.ox.ac.uk/Chinese/lessons/1/char/wang.htm" target="_blank">http://www.ctcfl.ox.ac.uk/Chinese/lessons/1/char/wang.htm</a> </p>



<p>The successful output was made available for sale <a rel="noreferrer noopener" href="https://blackwells.co.uk/bookshop/product/Chinese-Multimedia-by-Centre-for-Teaching-Chinese-as-a-Foreign-Language/9780954322908" target="_blank">in Blackwells</a> and prompted a further project with new teaching structure for Japanese and new web templates created by Joseph Talbot. </p>



<p><strong>URLs</strong> (partial content):</p>



<ul class="wp-block-list"><li><a href="http://www.ctcfl.ox.ac.uk/Chinese/index.html" target="_blank" rel="noreferrer noopener">http://www.ctcfl.ox.ac.uk/Chinese/index.html</a></li><li><a href="https://ijss.orient.ox.ac.uk/" target="_blank" rel="noreferrer noopener">https://ijss.orient.ox.ac.uk/</a></li></ul>


<div class="wp-block-visual-portfolio">
<div class="vp-portfolio vp-uid-f89afe69 vp-id-1mfDVD"
	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-96f2eaea" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page.png 760w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page-234x300.png 234w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page-500x642.png 500w" data-vp-popup-img-size="760x976" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page.png" data-vp-popup-md-img-size="760x976" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page-500x642.png" data-vp-popup-sm-img-size="500x642">
			<h3 class="vp-portfolio__item-popup-title">CTCFL Chinese Multimedia: start page</h3>
				<div class="vp-portfolio__item-popup-description">The Centre for Teaching Chinese as a Foreign Language were keen to make their teaching materials widely available.
<br />
As well as making existing server-dependent content portable, the CD2Go system supported further additions.
<br />
Screenshot from the CTCFL website (same content as on the CD ROM).</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/CTCFL_start_page.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="760" height="976" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page.png" class="wp-image-702" alt="The starting page for CTCFL&#039;s Chinese Multimedia: A supplementary Chinese course at elementary-intermediate level. It provides an introduction and a list of lesson content with main navigation and project links" srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page.png 760w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page-234x300.png 234w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page-500x642.png 500w" sizes="auto, (max-width: 760px) 100vw, 760px" /></noscript><img decoding="async" width="760" height="976" src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page.png" class="wp-image-702 vp-lazyload" alt="The starting page for CTCFL&#039;s Chinese Multimedia: A supplementary Chinese course at elementary-intermediate level. It provides an introduction and a list of lesson content with main navigation and project links" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzYwIiBoZWlnaHQ9Ijk3NiIgdmlld0JveD0iMCAwIDc2MCA5NzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page.png 760w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page-234x300.png 234w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_start_page-500x642.png 500w" 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/CTCFL_start_page.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	CTCFL_start_page</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-b747dc35" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list.png 664w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list-300x270.png 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list-500x450.png 500w" data-vp-popup-img-size="664x598" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list.png" data-vp-popup-md-img-size="664x598" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list-500x450.png" data-vp-popup-sm-img-size="500x450">
			<h3 class="vp-portfolio__item-popup-title">CTCFL Chinese Multimedia: Lessons list</h3>
				<div class="vp-portfolio__item-popup-description">A total of 22 lessons were made, each with the same components, suited to drill practice.
<br />
As the website is static, the performance is fast and there are minimal security issues.
<br />
Hence, the site has remained online for getting on 20 years.
<br />
Screenshot from the CTCFL website (same content as on the CD ROM).</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/CTCFL_Lessons_list.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="664" height="598" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list.png" class="wp-image-701" alt="The titles of each lesson are shown, each being anchors linking to lesson pages" srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list.png 664w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list-300x270.png 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list-500x450.png 500w" sizes="auto, (max-width: 664px) 100vw, 664px" /></noscript><img decoding="async" width="664" height="598" src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list.png" class="wp-image-701 vp-lazyload" alt="The titles of each lesson are shown, each being anchors linking to lesson pages" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjY0IiBoZWlnaHQ9IjU5OCIgdmlld0JveD0iMCAwIDY2NCA1OTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list.png 664w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list-300x270.png 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lessons_list-500x450.png 500w" 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/CTCFL_Lessons_list.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	CTCFL_Lessons_list</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-d2f5434d" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen.png 766w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen-272x300.png 272w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen-500x552.png 500w" data-vp-popup-img-size="766x845" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen.png" data-vp-popup-md-img-size="766x845" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen-500x552.png" data-vp-popup-sm-img-size="500x552">
			<h3 class="vp-portfolio__item-popup-title">CTCFL Chinese Multimedia: Listening and speaking</h3>
				<div class="vp-portfolio__item-popup-description">Considerable amount of multimedia was used (audio and video), with pop-up players and answer windows.
<br />
A hierarchy was used to structure the web pages whose structure reflected the original query string parameters in the CGI/Perl version.
<br />
Screenshot from the CTCFL website (same content as on the CD ROM).</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/CTCFL_Lesson8_listen.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="766" height="845" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen.png" class="wp-image-700" alt="A sample lesson depicting a seen at the barber&#039;s and links to Chinese, Pinyin and English versions" srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen.png 766w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen-272x300.png 272w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen-500x552.png 500w" sizes="auto, (max-width: 766px) 100vw, 766px" /></noscript><img decoding="async" width="766" height="845" src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen.png" class="wp-image-700 vp-lazyload" alt="A sample lesson depicting a seen at the barber&#039;s and links to Chinese, Pinyin and English versions" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzY2IiBoZWlnaHQ9Ijg0NSIgdmlld0JveD0iMCAwIDc2NiA4NDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen.png 766w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen-272x300.png 272w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_listen-500x552.png 500w" 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/CTCFL_Lesson8_listen.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	CTCFL_Lesson8_listen</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-c3954df2" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars.png 665w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars-300x161.png 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars-500x268.png 500w" data-vp-popup-img-size="665x357" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars.png" data-vp-popup-md-img-size="665x357" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars-500x268.png" data-vp-popup-sm-img-size="500x268">
			<h3 class="vp-portfolio__item-popup-title">CTCFL Chinese Multimedia: Character Drawing</h3>
				<div class="vp-portfolio__item-popup-description">Peter Karas devised a method to support character drawing that demonstrated stroke order.
<br />
This was retained in the CD version.
<br />
Screenshot from the CTCFL website (same content as on the CD ROM).</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/CTCFL_Lesson8_chars.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="665" height="357" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars.png" class="wp-image-699" alt="A list of characters to practise for this lesson, with an image showing a calligraphic figure" srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars.png 665w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars-300x161.png 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars-500x268.png 500w" sizes="auto, (max-width: 665px) 100vw, 665px" /></noscript><img decoding="async" width="665" height="357" src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars.png" class="wp-image-699 vp-lazyload" alt="A list of characters to practise for this lesson, with an image showing a calligraphic figure" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjY1IiBoZWlnaHQ9IjM1NyIgdmlld0JveD0iMCAwIDY2NSAzNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars.png 665w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars-300x161.png 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson8_chars-500x268.png 500w" 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/CTCFL_Lesson8_chars.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	CTCFL_Lesson8_chars</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-294545dd" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8.png 676w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8-300x196.png 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8-500x326.png 500w" data-vp-popup-img-size="676x441" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8.png" data-vp-popup-md-img-size="676x441" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8-500x326.png" data-vp-popup-sm-img-size="500x326">
			<h3 class="vp-portfolio__item-popup-title">CTCFL Chinese Multimedia: Index to Lesson 8</h3>
				<div class="vp-portfolio__item-popup-description">Each chapter had the same structure, which made it far easier to manage the content. 
<br />
Screenshot from the CTCFL website (same content as on the CD ROM).</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/CTCFL_Lesson_8.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="676" height="441" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8.png" class="wp-image-698" alt="with video and text, Index page for a lesson, showing a menu with links to video and text, vocabulary, listening and speaking, grammar, characters and multiple choice." srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8.png 676w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8-300x196.png 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8-500x326.png 500w" sizes="auto, (max-width: 676px) 100vw, 676px" /></noscript><img decoding="async" width="676" height="441" src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8.png" class="wp-image-698 vp-lazyload" alt="with video and text, Index page for a lesson, showing a menu with links to video and text, vocabulary, listening and speaking, grammar, characters and multiple choice." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjc2IiBoZWlnaHQ9IjQ0MSIgdmlld0JveD0iMCAwIDY3NiA0NDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8.png 676w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8-300x196.png 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_Lesson_8-500x326.png 500w" 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/CTCFL_Lesson_8.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	CTCFL_Lesson_8</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-e841f6d9" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg 1905w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-300x261.jpeg 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-1024x890.jpeg 1024w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-768x668.jpeg 768w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-1536x1335.jpeg 1536w" data-vp-popup-img-size="1905x1656" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg" data-vp-popup-md-img-size="800x695" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg" data-vp-popup-sm-img-size="500x435">
			<h3 class="vp-portfolio__item-popup-title">CTCFL CD cover for Elementary-Intermediate Chinese</h3>
				<div class="vp-portfolio__item-popup-description">The CD cover design for a Chinese multimedia course produced by the Centre for Teaching Chinese as a Foreign Language (CTCFL).  
<br />
The CD was available for purchase from Blackwell&#8217;s, Oxford, with sample content online.</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/CTCFL_CD_cover-Elementary.jpeg"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1905" height="1656" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg" class="wp-image-295" alt="CTCFL CD cover for Elementary-Intermediate Chinese course with video screenshots showing various scenes such as ordering a meal and getting a bike repaired" srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg 1905w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-300x261.jpeg 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-1024x890.jpeg 1024w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-768x668.jpeg 768w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-1536x1335.jpeg 1536w" sizes="auto, (max-width: 1905px) 100vw, 1905px" /></noscript><img decoding="async" width="1905" height="1656" src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg" class="wp-image-295 vp-lazyload" alt="CTCFL CD cover for Elementary-Intermediate Chinese course with video screenshots showing various scenes such as ordering a meal and getting a bike repaired" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkwNSIgaGVpZ2h0PSIxNjU2IiB2aWV3Qm94PSIwIDAgMTkwNSAxNjU2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg 1905w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-300x261.jpeg 300w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-1024x890.jpeg 1024w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-768x668.jpeg 768w, https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary-1536x1335.jpeg 1536w" 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/CTCFL_CD_cover-Elementary.jpeg"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	CTCFL CD cover for Elementary-Intermediate Chinese</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-fc5bf719" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese.png 1764w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-300x199.png 300w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-1024x680.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-768x510.png 768w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-1536x1021.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-500x332.png 500w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-800x532.png 800w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-1280x850.png 1280w" data-vp-popup-img-size="1764x1172" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-800x532.png" data-vp-popup-md-img-size="800x532" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-500x332.png" data-vp-popup-sm-img-size="500x332">
			<h3 class="vp-portfolio__item-popup-title">Interactive Japanese for Self-study: Home Page</h3>
				<div class="vp-portfolio__item-popup-description">Originally intended as a CD-ROM, the self-study course was actually a website, so a preview was made available online. 
<br />
This home page explains how the course is set out, with links to a user guide and the content.
<br />
Screenshot from Oxford University&#8217;s Oriental Institute 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/ijss.orient-Interactive_Japanese.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1764" height="1172" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese.png" class="wp-image-391" alt="Interactive Japanese for Self-study - home page with an introduction and links to the learning content (&#039;Foundations&#039; and &#039;Conversation&#039;)." srcset="https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese.png 1764w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-300x199.png 300w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-1024x680.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-768x510.png 768w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-1536x1021.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-500x332.png 500w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-800x532.png 800w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-1280x850.png 1280w" sizes="auto, (max-width: 1764px) 100vw, 1764px" /></noscript><img decoding="async" width="1764" height="1172" src="https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese.png" class="wp-image-391 vp-lazyload" alt="Interactive Japanese for Self-study - home page with an introduction and links to the learning content (&#039;Foundations&#039; and &#039;Conversation&#039;)." srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc2NCIgaGVpZ2h0PSIxMTcyIiB2aWV3Qm94PSIwIDAgMTc2NCAxMTcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-src="https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese.png 1764w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-300x199.png 300w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-1024x680.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-768x510.png 768w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-1536x1021.png 1536w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-500x332.png 500w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-800x532.png 800w, https://ptworld.net/wp-content/uploads/2022/05/ijss.orient-Interactive_Japanese-1280x850.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/ijss.orient-Interactive_Japanese.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	Interactive Japanese for Self-study: Home Page</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
		<div		class="vp-portfolio__item-wrap vp-portfolio__item-uid-7c22e2c5" data-vp-filter="" 		>
			<template class="vp-portfolio__item-popup" data-vp-popup-img="https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking.png" data-vp-popup-img-srcset="https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking.png 1109w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-300x127.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-1024x433.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-768x325.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-500x211.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-800x338.png 800w" data-vp-popup-img-size="1109x469" data-vp-popup-md-img="https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-800x338.png" data-vp-popup-md-img-size="800x338" data-vp-popup-sm-img="https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-500x211.png" data-vp-popup-sm-img-size="500x211">
			<h3 class="vp-portfolio__item-popup-title">Interactive Japanese for Self-study</h3>
				<div class="vp-portfolio__item-popup-description">A sample lesson from the course, with a section on speaking words and sentences.
<br />
The URL hierarchy has a similar approach to that with the Chinese CD, but the section types are different.
<br />
Screenshot from the Oriental Institute 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/IJSS-speaking.png"
			>
	
		<noscript><img loading="lazy" decoding="async" width="1109" height="469" data-skip-lazy src="https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking.png" class="wp-image-703" alt="Web page showing a list of simple words or sentences to practice" srcset="https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking.png 1109w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-300x127.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-1024x433.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-768x325.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-500x211.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-800x338.png 800w" sizes="auto, (max-width: 1109px) 100vw, 1109px" /></noscript><img decoding="async" width="1109" height="469" src="https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking.png" class="wp-image-703 vp-lazyload" alt="Web page showing a list of simple words or sentences to practice" srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEwOSIgaGVpZ2h0PSI0NjkiIHZpZXdCb3g9IjAgMCAxMTA5IDQ2OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-src="https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking.png" data-srcset="https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking.png 1109w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-300x127.png 300w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-1024x433.png 1024w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-768x325.png 768w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-500x211.png 500w, https://ptworld.net/wp-content/uploads/2022/05/IJSS-speaking-800x338.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/IJSS-speaking.png"
		tabindex="-1" class="vp-portfolio__item-meta" 	>
	
<h2 class="vp-portfolio__item-meta-title">
	IJSS-speaking</h2>
</a>		</div>
	</figcaption>
			</figure>
					</div>
		
</div>
		</div>
		
</div>
</div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Innovation</title>
		<link>https://ptworld.net/about/innovation/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Mon, 09 May 2022 15:23:17 +0000</pubDate>
				<category><![CDATA[blue skies]]></category>
		<category><![CDATA[Buddhist ethics]]></category>
		<category><![CDATA[history of science]]></category>
		<category><![CDATA[IACM]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[NetWedit]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[originality]]></category>
		<category><![CDATA[RAMBLE]]></category>
		<category><![CDATA[rich text editors]]></category>
		<category><![CDATA[Sigala]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[XSLT]]></category>
		<guid isPermaLink="false">https://ptworld.net/?page_id=243</guid>

					<description><![CDATA[I embrace innovation from concept to reality &#8211; much of my time has been spent in observation and reflection (where possible, away from urban din). I take the ideas that emerge and synthesise, seeking holistic solutions. Hence, I cover the <a class="more-link" href="https://ptworld.net/about/innovation/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<p>I embrace innovation from <em>concept</em> to <em>reality</em> &#8211; much of my time has been spent in observation and reflection (where possible, away from urban din). I take the ideas that emerge and synthesise, seeking holistic solutions.  Hence, I cover the full spectrum of theory and practice in digital technologies, from writing and presenting scholarly articles and papers in many subject disciplines to writing coding and maintaining systems.  I have written a great variety of software, especially whilst employed at Oxford University Computing Services (as was). &nbsp;</p>



<p>Here are a few highlights.  For details, pleased browse the <a href="https://ptworld.net/portfolio/" data-type="page" data-id="354">portfolio</a>.</p>



<div class="wp-block-cp-timeline-content-timeline-block Cool-Content-Timeline"><div class="cool-timeline-block-17166256-7e3a-497d-9dba-9d8da31982de"><style>.cool-timeline-block-17166256-7e3a-497d-9dba-9d8da31982de .cool-vertical-timeline-body{--ctlb-icon-color: #fff;--ctlb-icon-bg: #00f;--ctlb-story-border-color: #00f;}</style><div class="cool-vertical-timeline-body ctlb-wrapper 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-true "><div class="timeline-block-timeline ctl-row  position-right"><div class="ctl-6 timeline-block-time"><div class="story-time"><p>March 2000</p></div></div><div class="timeline-block-icon"><span class="timeline-block-render-icon" style="fill:white"><div class="iconpicker-item" style="font-size:24px;color:white;padding:2px"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M202.021 0C122.202 0 70.503 32.703 29.914 91.026c-7.363 10.58-5.093 25.086 5.178 32.874l43.138 32.709c10.373 7.865 25.132 6.026 33.253-4.148 25.049-31.381 43.63-49.449 82.757-49.449 30.764 0 68.816 19.799 68.816 49.631 0 22.552-18.617 34.134-48.993 51.164-35.423 19.86-82.299 44.576-82.299 106.405V320c0 13.255 10.745 24 24 24h72.471c13.255 0 24-10.745 24-24v-5.773c0-42.86 125.268-44.645 125.268-160.627C377.504 66.256 286.902 0 202.021 0zM192 373.459c-38.196 0-69.271 31.075-69.271 69.271 0 38.195 31.075 69.27 69.271 69.27s69.271-31.075 69.271-69.271-31.075-69.27-69.271-69.27z"></path></svg></div></span></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content">
<h3 class="wp-block-heading ctlb-block-title" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Open Source Wisdom </h3>



<p class="ctlb-block-desc" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">I delivered a paper, <em><a href="https://www.chezpaul.org.uk/interfth/osswisdom.html" target="_blank" rel="noreferrer noopener">Open Sources: A Higher Consciousness in Software Development</a>,</em> at <strong>To Catch the Bird of Heaven: A conference on ‘wisdom’</strong>, which took place 27-29 March 2000, at Corpus Christi College, Cambridge.   I’ve kept a <a href="https://www.chezpaul.org.uk/interfth/birdofheaven.html" target="_blank" rel="noreferrer noopener">brief programme summary</a>.</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>4 November 2001</p></div></div><div class="timeline-block-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content">
<figure class="wp-block-image ctlb-block-image"><img decoding="async" src="https://ptworld.net/wp-content/uploads/2022/05/NetWedit_example2_src_editor4.jpg" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>



<h3 class="wp-block-heading ctlb-block-title" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Public Release of NetWedit </h3>



<p class="ctlb-block-desc" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">I released <a href="https://web.archive.org/web/20011205040442/http://users.ox.ac.uk/~pault/netwedit/index.html" target="_blank" rel="noreferrer noopener">NetWedit</a> with GPL license, possibly the world&#8217;s first cross-platform JavaScript-powered rich text editor, deployed in a <a href="http://web.archive.org/web/20040126170806/http://resources.theology.ox.ac.uk/" target="_blank" rel="noreferrer noopener">teaching-based CMS</a>, where Oxford&#8217;s Theology Faculty could maintain their own profiles.  Read more in <a href="https://paultrafford.blogspot.com/2021/04/adventures-in-readwrite-web.html" target="_blank" rel="noreferrer noopener">Adventures in the Read/Write Web</a>.</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>2002</p></div></div><div class="timeline-block-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content">
<figure class="wp-block-image size-full ctlb-block-image"><img loading="lazy" decoding="async" width="486" height="266" src="https://ptworld.net/wp-content/uploads/2022/05/IACM_XSLT_code_snippet.png" alt="XSLT Code snippet in two parts - copy and then modify a node (element called 'name')" class="wp-image-414" style="aspect-ratio:4/3;object-fit:cover" srcset="https://ptworld.net/wp-content/uploads/2022/05/IACM_XSLT_code_snippet.png 486w, https://ptworld.net/wp-content/uploads/2022/05/IACM_XSLT_code_snippet-300x164.png 300w" sizes="auto, (max-width: 486px) 100vw, 486px" /></figure>



<h3 class="wp-block-heading ctlb-block-title" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Editing XML with XSLT </h3>



<p class="ctlb-block-desc" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">The Interactive Audio Comprehension Materials (IACM) project at Oxford University&#8217;s Faculty of Medieval and Modern Languages enabled academics to generate learning paths, including  audio segments, with all data stored in XML.  <br>I devised <a href="https://web.archive.org/web/20070518055421/http://users.ox.ac.uk:80/~pault/iacm/slides/slides.html" target="_blank" rel="noreferrer noopener">a means of editing XML</a> using XSLT, based on correctness preserving transformations; changes to specific nodes were targeted with XPATH.  Beyond the technical achievement there are significant reflections <a href="https://paultrafford.blogspot.com/2006/04/structure-and-flow-example-in-xml.html" target="_blank" rel="noreferrer noopener">on structure and flow</a>.</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>2002-2003</p></div></div><div class="timeline-block-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content">
<figure class="wp-block-image ctlb-block-image"><img decoding="async" src="https://ptworld.net/wp-content/uploads/2022/05/CTCFL_CD_cover-Elementary.jpeg" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>



<h3 class="wp-block-heading ctlb-block-title" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">CD2Go &#8211; A static web production system </h3>



<p class="ctlb-block-desc" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">I conceived and implemented an extension of a CGI/Perl website to a static web production system, preserving all the interactive multimedia content.  Inherently secure, the <a href="http://www.ctcfl.ox.ac.uk/Chinese/index.html" target="_blank" rel="noreferrer noopener">content remains online</a>, though browsers no long support most interactive functions.  The same system was used for a <a href="https://ijss.orient.ox.ac.uk" target="_blank" rel="noreferrer noopener">Japanese site</a>.</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>09/2004 &#8211; 04/2005</p></div></div><div class="timeline-block-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content">
<figure class="wp-block-image ctlb-block-image"><img decoding="async" src="https://ptworld.net/wp-content/uploads/2022/05/ramble.gif" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>



<h3 class="wp-block-heading ctlb-block-title" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">RAMBLE project</h3>



<p class="ctlb-block-desc" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">As Principle Investigator of this ostensibly technical <a href="http://projects.oucs.ox.ac.uk/ramble/" target="_blank" rel="noreferrer noopener">project at Oxford</a>, showcasing service-oriented architecture (SOA) between personal learning spaces and institutional LMS, I uncovered insights into the conditions that foster deeper learning, as intimated in an <a href="http://www.ariadne.ac.uk/issue/44/trafford/" target="_blank" rel="noreferrer noopener">article for Ariadne</a>. </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>December 2010</p></div></div><div class="timeline-block-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content">
<figure class="wp-block-image ctlb-block-image"><img decoding="async" src="https://ptworld.net/wp-content/uploads/2022/06/WCBS_PaulTrafford-6directions.jpg" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>



<h3 class="wp-block-heading ctlb-block-title" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">New Architecture for <a href="https://ptworld.net/research/online-social-networking/" data-type="page" data-id="317">Social Networking Online</a></h3>



<p class="ctlb-block-desc" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">I gave my first paper on a multi-dimensional relationship model based on the Buddha&#8217;s teachings, the foundations for the Sigala project.  This was in the social sciences track at the 3rd World Conference on Buddhism and Science at Mahidol University, Thailand.</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>2019-2021</p></div></div><div class="timeline-block-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content">
<figure class="wp-block-image ctlb-block-image"><img decoding="async" src="https://ptworld.net/wp-content/uploads/2022/05/IBM_Q.jpeg" alt="" style="aspect-ratio:4/3;object-fit:cover"/></figure>



<h3 class="wp-block-heading ctlb-block-title" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">A Vision for the History of Science Museum </h3>



<p class="ctlb-block-desc" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">On a different note, I have applied a holistic approach to envisioning how a museum can be a hub for a scientific ecosystem with proper accountability across the University.  The <a href="https://paultrafford.blogspot.com/2019/12/a-vision-for-history-of-science-museum.html" target="_blank" rel="noreferrer noopener">blog post</a> illustrates the ongoing process of refinement to my ideas.</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>2021</p></div></div><div class="timeline-block-icon"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg></div><div class="ctl-6 timeline-block-detail"><div class="story-details"><div class="story-content">
<h3 class="wp-block-heading ctlb-block-title" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Offline Search for WordPress </h3>



<p class="ctlb-block-desc" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px">Twenty years after starting work on CD2Go, I returned to the problem of searching static snapshots  of CMS, now updated to WordPress.  After some radical changes to an existing plugin, I now have a solution (which you can try out by <a href="https://research.siga.la/about/website/index.html#download">downloading the Sigala research site</a>.)<br></p>
</div></div></div></div></div></div>
</div></div></div></div>



<p></p>



<p></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
