<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8">        <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9">               <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js">                      <!--<![endif]-->
<head>
    <meta charset="utf-8">

    <title>Hong Kong youngsters learn computer science skills as successful Welsh collaboration goes overseas   </title>

    <link type="text/css" rel="stylesheet" href="/_assets/css/general/basic.css" />
    <link rel="canonical" href="https://www-2018.swansea.ac.uk/press-office/news-archive/2018/hongkongyoungsterslearncomputerscienceskillsassuccessfulwelshcollaborationgoesoverseas.php" /> 





<meta name="viewport" content="width=device-width, initial-scale=1.0;">
<meta property="su:page-type" content="News Item">
<meta property="su:section-id" content="117407">

    <script type="text/javascript" src="/_assets/vendor/enhance.js"></script>
    <script type="text/javascript">

        var SU =        {
                            customScripts: {
                                preRepositioning:  [],
                                postRepositioning: []
                            }
                        },

            dataLayer = [],

            styles =    [
                            '/_assets/css/general/desktop.css',
                            {
                                href: '/_assets/css/common/ie.css',
                                iecondition: 'all'
                            },
                            {
                                href: '/_assets/css/common/ie7.css',
                                iecondition: 7
                            },
                            {
                                href: '/_assets/css/common/ie8.css',
                                iecondition: 8
                            }
                        ],
        
            scripts =   [
                           '/_assets/js/common/modernizr-jquery.all.min.js'
                        ];
        

        

        

        scripts = scripts.concat([
            '/_assets/vendor/jquery-plugins/cycle2/jquery.cycle2.js',
            '/_assets/vendor/jquery-plugins/cycle2/jquery.cycle2.swipe.js',
            '/_assets/vendor/jquery-plugins/auto-complete/jquery.auto-complete.js',
            '/_assets/vendor/mustache.js',
            '/_assets/js/common/console.js',
            '/_assets/js/common/su.js',
            '/_assets/js/common/su/http/link.js',
            '/_assets/js/common/jquery-plugins/jQuery.showCookieMessage.js',
            '/_assets/vendor/jquery-plugins/ba-throttle-debounce/jquery.ba-throttle-debounce.js',
            '/_assets/js/common/jquery-plugins/jQuery.initialiseNavigation.js',
            '/_assets/js/common/jquery-plugins/jQuery.inputClear.js',
            '/_assets/js/general/desktop/enhanceFooterLinks.js',
            '/_assets/js/general/desktop/jQuery.initialiseSplashGallery.js',
            '/_assets/js/general/desktop/jQuery.initialiseFeaturedGallery.js',
            '/_assets/js/general/desktop/jQuery.initialiseTabPods.js',
            '/_assets/js/general/desktop/jQuery.initialiseQuadSliders.js',
            '/_assets/js/general/desktop/jQuery.stripeTableRows.js',
            '/_assets/vendor/jquery-plugins/ba-bbq/jquery.ba-bbq.js',
            '/_assets/js/general/desktop/jQuery.initialiseExpanders.js',
            '/_assets/vendor/jquery-plugins/cookie/jquery.cookie.js',
            '/_assets/vendor/jquery-plugins/jBreadCrumb/js/jquery.easing.1.3.js',
            '/_assets/vendor/jquery-plugins/jBreadCrumb/js/jquery.jBreadCrumb.1.1.js',
            '/_assets/js/general/desktop.js',
            '/_assets/js/precedent/coreFunctions.js'
        ]);

        enhance({
            loadStyles: styles,
            loadScripts: scripts,
            forcePassText: 'Enhanced version',
            forceFailText: 'Basic version'
        });
    </script>


</head>

<body id="content" class="layout-general-wrapper">
 

    <div id="general" class="layout-general">

        <!--noindex-->
        <div id="header" class="layout-header">
<h1 id="logo" class="logo">
    <span class="logo-text">Hong Kong youngsters learn computer science skills as successful Welsh collaboration goes overseas   </span>
    <a id="logo-link" href="https://www.swansea.ac.uk/">

        <img class="logo-image" src="/_assets/images/precedent/logo.en.png" alt="Swansea University Logo" />

    </a>
</h1>
            <div id="skipToContent" class="skip-to-content">
                <a class="skip-to-content-link" tabindex="1" href="#content-items" title="skip to content">Skip to content</a>
            </div>

<div id="globalNavWrapper" class="header-links">
    <ul id="globalNav" class="header-links-list">
    
        <!-- navigation object : SU_audience navigation --><li class="header-links-list-item"><a href="http://myuni.swan.ac.uk/">Current Students</a></li><li class="header-links-list-item"><a href="https://staff.swansea.ac.uk/">Staff</a></li><li class="header-links-list-item"><a href="http://www.swanseauniversity.com.cn">&#20013;&#25991;</a></li>
        
        <li class="header-links-list-item">
            <a href="/cy/swyddfar-wasg/archif-newyddion/2018/poblifanchongkongyndysgusgiliaucyfrifiaduregwrthigydweithrediadllwyddiannusyngnghymruynteithiodramor.php">Cymraeg</a>
        </li>
        

    </ul>
</div>
            
            <div id="globalSearch" class="global-search-form">
<div class="global-search-form">
	<form action="https://www.swansea.ac.uk/search/">
	  <div>
	    <input type="hidden" name="c" value="swansea-web" />
	    <input
           id="global-search-form-q"
	       type="text"
	       name="q"
	       placeholder="Site Search"
	       size="31"
	       class="global-search-form-query"
	    />
	    <input class="global-search-form-submit" type="submit" value="GO" />
	  </div>
	</form>
</div>

<script class="register-custom-scripts">
(function () {
    SU.customScripts.postRepositioning.push(function () {
    
        var endpoint = 'https://swansea.funnelback.co.uk/s/suggest.json',

            unique = function(arr) {
                var hash = {}, result = [];
                for ( var i = 0, l = arr.length; i < l; ++i ) {
                    if ( !hash.hasOwnProperty(arr[i]) ) {
                        hash[ arr[i] ] = true;
                        result.push(arr[i]);
                    }
                }
                return result;
            },
            
            setHandler = function() {
                $('#global-search-form-q').off().autoComplete({
                    source: function(term, response) {
                        console.log("You typed [" + term + "]");
                        $.getJSON(
                            endpoint,
                            {
                                collection:    'swansea-web',
                                partial_query: term
                            },
                            function(data) {
                                response(unique(data));
                            }
                        );
                    }
                });
            };
    
        console.group('Initialising auto complete');
        window.setTimeout(function () {
            setHandler();
        }, 500);
        
        console.groupEnd();
    });
}());
</script>
            </div>
            
            <div id="naviBar" class="main-nav">
<!-- navigation object : SU_Main_Nav -->

            </div>
        </div>
        <!--endnoindex-->
        
        <div class="layout-container">
            <div id="main" class="layout-content">
                <div id="contentHeader" class="content-header">

                    <!--noindex-->
<div class="breadCrumbHolder module">
    <div class="breadCrumb module">
        <ul>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a href="https://www.swansea.ac.uk/" itemprop="url">
                    <span itemprop="title">Home</span>
                </a>
            </li>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a href="https://www.swansea.ac.uk/press-office/" itemprop="url">
                    <span itemprop="title">Press Office</span>
                </a>
            </li>
	</ul>
    </div>
</div>
                    <!--endnoindex-->

                    <h1 class="content-header-heading">Hong Kong youngsters learn computer science skills as successful Welsh collaboration goes overseas   </h1>
                </div>

                <div id="splash-items" class="layout-splash">
                </div>

                <!--noindex-->
                <div class="layout-content-nav">
                    <div id="secondaryNavWrapper"></div>
                </div>
                <!--endnoindex-->

                <div id="content-items" class="layout-content-items content-items">
                    <div class="layout-featured-items">
                    </div>

                    <div class="layout-article-items">
  <div class="news-item-fulltext">
<p style="padding: 1.5em; text-align: center; background-color: #ffc266; font-weight: bold">
    Please note, this page has been archived and is no longer being updated.
</p>
    <p class="news-item-summary">The innovative school’s outreach programme Technocamps has announced that it will be reuniting with Theatr na nÓg for a collaborative project in Hong Kong this January as part of the SPARK Festival.</p>

    <div class="news-item-content">
        <p><img src="/media/Technocamps eye of the storm workshop.jpg"
alt="Technocamps Eye of the Storm Workshop" title="Technocamps Eye of the Storm Workshop" /></p>
<p>Since their establishment in 2003, the Technocamps team have delivered workshops in programming, games development, robotics, coding and app development to more than 45,000 young people in Wales. January 2019 sees them taking their reputation for inspiring young minds across the globe, with a special project based alongside the Asian premiere of <strong>Theatr na n&Oacute;g</strong>&rsquo;s award-winning Welsh musical <strong><em>Eye of the Storm</em></strong>.</p>
<p>Winner of <strong>Best Show for Young People</strong> at the 2018 Wales Theatre Awards, <strong><em>Eye of the Storm</em></strong> is set in the Welsh valleys and tells the story of Emmie, a young carer who invents an artificial tornado to generate renewable energy. The hit show boasts a toe-tapping soundtrack written by the prolific and hugely talented songwriter <strong>Amy Wadge</strong>, best known for her Grammy Award-winning song <strong><em>Thinking Out Loud</em></strong> (co-written with <strong>Ed Sheeran</strong>) and recent BAFTA Award for her music in hit TV series <strong><em>Keeping Faith</em></strong>.</p>
<p>The initial collaboration started back in 2017 when Theatr na n&Oacute;g began to look at ways to create genuinely engaging curriculum-based resources for teachers and primary school children to sit alongside a seven-week run of the musical in Swansea&rsquo;s Dylan Thomas Theatre and Taliesin Arts Centre. Working with the experts at Technocamps, they were able to develop a creative approach to teaching the science of extreme weather. Through a series of bold and exciting workshops, Technocamps encouraged children to think outside the box, an attitude to learning underpinned by the notion that &ldquo;<strong><em>for artists, scientists and programmers alike, creativity is crucial&rdquo;</em></strong>.</p>
<p>Professor Faron Moller, Director of Technocamps and Professor of Computer Science at Swansea University commented that &ldquo;bringing together computational thinking and creativity is a key element to motivate and inspire well-rounded young people who will become the innovators of tomorrow. Collaborating with Theatr na n&Oacute;g has enabled Technocamps to develop and deliver workshops which are not just hands-on and inspiring but packed full of creative thinking!&rdquo;</p>
<p><img src="/media/Eye of the storm.jpg"
alt="Scene from Eye of the Storm" title="Scene from Eye of the Storm" /></p>
<p>In January the team aim to recreate 2017s success in Welsh schools with Hong Kong school children during <strong>SPARK Festival</strong>, honing skills on computational thinking and teaching concepts like centrifugal force and Bernoulli&rsquo;s Principle through engaging interactive demonstrations, experiments and thought-provoking conversations.</p>
<p><strong>Technocamps</strong> and<strong> Theatr na n&Oacute;g</strong>set off for Hong Kong this January, where <strong><em>Eye of the Storm</em></strong> will be performed at <strong>Tai Kwun</strong>, Hong Kong&rsquo;s centre for heritage and arts between 18 &ndash; 20 January 2019.</p>
<p>More information can be found on the festival website: <a href="https://www.britishcouncil.hk/spark?fbclid=IwAR34QuwTw_vwFe5jgybvDluwv_RdmbxGrhjaGzsQZzwGBBJKxVljALBKZh0"><strong>britishcouncil.hk/spark</strong></a></p>
<p>&nbsp;</p>
    </div>

    <ul class="news-item-post-info-container vcard">
        <li class="news-item-post-info author">
           Posted by
            <span class="fn">Public Relations Office</span>
            &lt;<a class="email" href="mailto:press@swansea.ac.uk">press@swansea.ac.uk</a>&gt;
        </li>

        <li class="news-item-post-info">
            <a href="/press-office/news-archive/2018/hongkongyoungsterslearncomputerscienceskillsassuccessfulwelshcollaborationgoesoverseas.php" rel="bookmark">
                <abbr class="published" title="2018-11-30T01:00:00+00:00">Friday 30 November 2018 01.00 GMT</abbr>
            </a>
        </li>

        <li class="news-item-post-info updated-container">
            <abbr class="updated" title="2018-11-30T09:30:02+00:00">Friday 30 November 2018 09.30 GMT</abbr>
        </li>

        <li class="news-item-post-info">
        	<span class="fn org">Swansea University</span>
        </li>
    </ul>

</div>

                    </div>

                    <div class="layout-related-items">
                    </div>
                </div>


            </div>

            <!--noindex-->
            <div id="footer" class="layout-footer">
                <ul id="footerLinks" class="footer-links">
<!-- navigation object : SU_footer navigation --><li class="footer-links-list-item"><a href="/the-university/contact/">Contact Us</a></li><li class="footer-links-list-item"><a href="/personnel/jobs/">Jobs</a></li><li class="footer-links-list-item"><a href="/the-university/colleges/">Colleges</a></li><li class="footer-links-list-item"><a href="/press-office/">Press</a></li><li class="footer-links-list-item"><a href="https://www.swansea.ac.uk/about-us/safety-and-security/health-and-safety/">Health &amp; Safety</a></li><li class="footer-links-list-item"><a href="/includes/footer/disclaimer-and-copyright/">Disclaimer &amp; Copyright</a></li><li class="footer-links-list-item"><a href="/includes/footer/site-map/">Site map</a></li><li class="footer-links-list-item"><a href="/includes/footer/privacyandcookies/">Privacy and Cookies</a></li><li class="footer-links-list-item"><a href="http://www.swan.ac.uk/course-search/">Course Search</a></li>
                </ul>

                <div id="footerDisclaimer" class="footer-disclaimer">
                    <p class="footer-disclaimer-text">Swansea University is a registered charity. No. 1138342.</p>
                </div>
            </div>
            <!--endnoindex-->

        </div>

    </div>


<script id="desktop-header-template" type="text/x-tmpl-mustache">

    <div id="header" class="layout-header">
        <div class="skip-to-content" id="skipToContent">
            {{{ skipToContent }}}
        </div>

        <h1 id="logo" class="logo">
            {{{ logo }}}
        </h1>

        <div id="globalNavWrapper" class="header-links">
            <ul id="globalNav" class="header-links-list">
                {{{ globalNav }}}
            </ul>
        </div>

        <div id="globalSearch" class="global-search-form">
            {{{ globalSearch }}}
        </div>
                    
        <div id="naviBar" class="main-nav">
            <ul id="mainNav" class="main-nav-list">
                {{{ mainNav }}}
            </ul>
        </div>
    </div>

</script>


<script id="mobile-header-template" type="text/x-tmpl-mustache">

    <div id="header" class="layout-header">
        <span class="layout-menu-bar">
            <a id="layout-menu-bar-toggle" class="layout-menu-bar-toggle" href="#">{{mobile.linksText}}</a>
        </span>

        <a id="logo-link" href="{{mobile.logoLinkHref}}">
            <img class="logo-image" alt="{{mobile.logoAlt}}" src="{{mobile.logoSrc}}" />
        </a>
    </div>

</script>


<script id="desktop-menu-template" type="text/x-tmpl-mustache">

    <div class="layout-content-nav">
        <div id="secondaryNavWrapper">
             <ul id="secondaryNav" class="content-nav content-nav-items">
                 {{{secondaryNav}}}
             </ul>
         </div>
    </div>

</script>


<script id="mobile-menu-template" type="text/x-tmpl-mustache">

    <div class="layout-content-nav">
        <div id="globalNavWrapper">
            {{{globalNav}}}
        </div>

        <div id="naviBar">
            {{{mainNav}}}
        </div>

        <div id="secondaryNavWrapper">
             <ul id="secondaryNav">
                 {{{secondaryNav}}}
             </ul>
         </div>
    </div>

</script>


<script id="desktop-tabs-pod-template" type="text/x-tmpl-mustache">

    <h2 class="tabs-pod-title">{{ podTitle }}</h2>
    <div class="tabs-pod-tabs">

        <ul class="tabs-item-list">
{{#tabs}}
            <li class="tabs-item-list-tab-item tabs-pod-tabs-tab-heading">
                <a class="tabs-item-list-tab-item-link" href="#">{{ tabHeading }}</a>
            </li>
{{/tabs}}
        </ul>

{{#tabs}}
        <div class="tabs-pod-tabs-tab">
            <div class="tabs-pod-tabs-tab-content">
                {{{ tabContent }}}
            </div>
        </div>
{{/tabs}}

    </div>

</script>


<script id="mobile-tabs-pod-template" type="text/x-tmpl-mustache">

    <h2 class="tabs-pod-title">{{ podTitle }}</h2>
    <div class="tabs-pod-tabs">
{{#tabs}}
        <div class="tabs-pod-tabs-tab">
            <h3 class="tabs-pod-tabs-tab-heading is-collapsed">
                <a href="#">{{ tabHeading }}</a>
            </h3>
            <div class="tabs-pod-tabs-tab-content" style="display: none">
                {{{ tabContent }}}
            </div>
        </div>
{{/tabs}}
    </div>

</script>


</body>

</html>
