<?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>undergraduate &#8211; ptworld.net</title>
	<atom:link href="https://ptworld.net/blog/tag/undergraduate/feed/" rel="self" type="application/rss+xml" />
	<link>https://ptworld.net</link>
	<description>e-consultancy, research and publishing</description>
	<lastBuildDate>Fri, 16 Sep 2022 15:28:43 +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>Education</title>
		<link>https://ptworld.net/about/education/</link>
		
		<dc:creator><![CDATA[Paul]]></dc:creator>
		<pubDate>Sat, 09 Apr 2016 16:12:23 +0000</pubDate>
				<category><![CDATA[computing]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[lifelong learning]]></category>
		<category><![CDATA[mathematics]]></category>
		<category><![CDATA[postgraduate]]></category>
		<category><![CDATA[religion]]></category>
		<category><![CDATA[study]]></category>
		<category><![CDATA[training]]></category>
		<category><![CDATA[undergraduate]]></category>
		<guid isPermaLink="false">http://ptworld.net/?page_id=43</guid>

					<description><![CDATA[My parents and grandparents impressed in me from an early age the value of education; it&#8217;s why a school group photo from 1908 contributed a little to the history of Thai education. Their transmission of values and culture affirm that <a class="more-link" href="https://ptworld.net/about/education/">Read More ...</a>]]></description>
										<content:encoded><![CDATA[
<p>My parents and grandparents impressed in me from an early age the value of education; it&#8217;s why a school group photo from 1908 <a rel="noreferrer noopener" href="https://paultrafford.blogspot.com/2011/01/somboon-sarayutpitag-and-satriwithaya.html" target="_blank">contributed a little to the history of Thai education</a>.  Their transmission of values and culture affirm that learning continues across one&#8217;s lifespan. </p>



<p>Formally, I have given a nod to lifelong learning by undertaking a postgraduate degree as a mature student, though these days I am largely an autodidact.  I also try not to neglect physical health — what the Romans referred to as <em>mens sana in sano corpore</em> (sound mind in a sound body) — as I enjoy rambles in the Oxfordshire countryside, where many of my ideas surface.  Spiritually, I&#8217;ve been trained to know that one&#8217;s mind is <em>the</em> book.</p>



<p>My main subject areas have been mathematics, computer science and religious studies, whilst maintaining an interest in any academic field that can address important problems in life.</p>



<ul class="wp-block-list"><li>A mixture of &#8216;O&#8217; levels and &#8216;A&#8217; levels (Maths, Further Maths, Latin and General Studies) from King Edward&#8217;s School, Birmingham, which was probably the most formative period in my formal education.</li><li><strong>B.Sc. Mathematics</strong>, 1990, Southampton University.  A straight honours degree in pure and applied maths, having transferred from Maths with Actuarial Studies after the first year</li><li><strong>M.Sc. Mathematics</strong>&nbsp;(Number Theory),&nbsp;<em>Norms of Ideals in direct sums of number fields and applications to the circulants problem of Olga Taussky-Todd</em>, 1992, Glasgow University.  Supervisor: the late&nbsp;<a rel="noreferrer noopener" href="https://web.archive.org/web/20110724201138/http://www.maths.gla.ac.uk/people/former/rwko.htm" target="_blank">Prof Robert Odoni</a>, who was truly a dedicated mathematician. Download:&nbsp;<a rel="noreferrer noopener" href="https://theses.gla.ac.uk/76507/" target="_blank">Glasgow theses repository</a></li><li><strong>Ph.D. Computer Science</strong>,&nbsp;<em><a rel="noreferrer noopener" href="http://www.chezpaul.org.uk/fm/phd/index.htm" target="_blank">The use of Formal Methods for Safety-critical systems</a></em>, 1997, Kingston University. Supervisor: Dr Kate Norrie. Download:&nbsp;<a href="http://ethos.bl.uk/OrderDetails.do?did=1&amp;uin=uk.bl.ethos.363107">British Library&#8217;s Electronic Thesis Online Service</a>.</li><li><strong>M.St. Study of Religion[s]</strong>, 2009, Oxford University (<a href="https://www.stx.ox.ac.uk/" target="_blank" rel="noreferrer noopener">St Cross</a>). Course co-ordinator: Dr. Sondra Hausner. For the course I submitted several essays and one dissertation:<ul><li>Essay:&nbsp;<a href="http://www.chezpaul.org.uk/chrstian/MSt_essay1.htm">Religion and Healing: Miracles and the Shrine of St. Frideswide in the late Twelfth Century</a></li><li>Essay:&nbsp;<a href="http://www.chezpaul.org.uk/chrstian/MSt_essay2.htm">Visions Within: Spiritual Development and the Evolution of Imagery in Teresa of Àvila&#8217;sThe Interior Castle</a></li><li>Essay:&nbsp;<a href="http://www.chezpaul.org.uk/chrstian/MSt_essay3.htm">The Catholic Church and Inter-religious Marriages: Reflections on Pastoral Theology and Practice after Vatican II</a></li><li>Dissertation:&nbsp;<a href="http://www.chezpaul.org.uk/buddhism/MSt_dissertation.htm"><em>Avoiding pamāda: An analysis of the Fifth Precept as Social Protection in Contemporary Contexts with reference to the early Buddhist teachings</em></a>&nbsp;&nbsp;&nbsp;&nbsp;</li></ul></li></ul>



<p>I have also studied aspects of the following:</p>



<ul class="wp-block-list"><li>Languages:<ul><li>Pali: completed a 10-day <a rel="noreferrer noopener" href="https://paultrafford.blogspot.com/2008/08/notes-from-ocbs-pali-summer-school-08.html" target="_blank">Pali Summer School</a> in summer 2008, <a href="https://ocbs.org/courses/pali-online-school/" target="_blank" rel="noreferrer noopener">delivered by Prof. Richard Gombrich for the Oxford Centre for Buddhist Studies</a>.</li><li>Thai: I use various tools to support my rudimentary knowledge (being half-Thai) to translate Thai texts.</li></ul></li></ul>



<p>Among the various certificates from IT short courses, I have ITIL Foundation v.3 certification. </p>



<div class="photocredit">[The banner image on this page is a cropped version of a <a href="https://commons.wikimedia.org/wiki/
File:St_Cross_Oxford_20050315.jpg" target="_blank" rel="noopener">photograph of St Cross College, Oxford</a> by <a href="https://commons.wikimedia.org/wiki/User:Kaihsu" target="_blank" rel="noopener">Kaihsu Tai</a> made available under various Creative Commons licenses, including the <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en" target="_blank" rel="noopener">Attribution-Share Alike 3.0 Unported license</a>. ]</div>



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