babelweb univ run logo
babelweb logo univ run logo

Projet e-Learning Babelweb

Soutenance de stage

Présenté par Yann Labour, <yayann@gmail.com>






Présentation du projet Babelweb

Contexte

Objectifs

Deux parties distinctes :

Partie émergée : site participatif

Technologies

Site participatif

Déploiment, configuration, modification et design de Wordpress

Partie submergée : site d`apprentissage

Technologies

Site d`apprentissage

Survol du fonctionnement

Site d`apprentissage

Exemple d`activité décrite en XML

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="babel-transform-fly.xsl" type="text/xsl"?>
<babelweb-data xmlns:qti="http://www.imsglobal.org/xsd/imsqti_v2p0"
xmlns:bw="http://tice2.univ-reunion.fr/babelweb"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://tice2.univ-reunion.fr/babel-data/online-editing/babel-schema.xsd">

<assessmentItem identifier="m3a2c1_i"  module="m3a2" lang="it"
title="Il Barri Gòtic a Barcellona " adaptive="false" timeDependent="false">
<responseDeclaration identifier="RESPONSE" cardinality="multiple" baseType="inline" feedbackType="bottom">
    <correctResponse>
        <value>g1b</value>
        <value>g2c</value>
        <value>g3a</value>
			.
			.
			.
    </correctResponse>
</responseDeclaration>

<outcomeDeclaration identifier="SCORE" cardinality="single" baseType="integer"/>
<itemBody>

    <prompt>Ecco un estratto di un articolo di Wikipedia che presenta Barcellona. Scegliete
        la forma corretta dell'aggettivo. (Potete trovare l'articolo originale in 
        <extLink href="http://it.wikipedia.org/w/index.php?title=Barri_G%C3%B2tic"
            title="Barcellona">http://it.wikipedia.org/w/index.php?title=Barri_G%C3%B2tic</extLink>, visitato il 1/6/2008) </prompt>
    <blockquote>
        <p>Il Barri Gòtic a Barcellona</p>
        <img type="external"
            src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/88/Barcelona-placa-reial.JPG/350px-Barcelona-placa-reial.JPG"
            alt="Palce Reial"/>

        <p> Il Barri Gòtic (o Barrio Gòtico in spagnolo) è il centro della città
            <inlineChoiceInteraction responseIdentifier="RESPONSE" shuffle="false">
                <inlineChoice identifier="g1a">vecchio</inlineChoice>
                <inlineChoice identifier="g1b">vecchia</inlineChoice>
                <inlineChoice identifier="g1c">vecchie</inlineChoice>
                <feedbackInline outcomeIdentifier="FEEDBACK" identifier="m3a2c1_i"
                    showHide="hide">
                    <positiveFeedback>Bene!</positiveFeedback>
                    <negativeFeedback>Attenzione alle forme dell'aggettivo e al nome a cui 
						è riferito: "della città" è femminile singolare.</negativeFeedback>
                </feedbackInline>
            </inlineChoiceInteraction> di Barcellona. Storicamente rappresentava il centro
            <inlineChoiceInteraction responseIdentifier="RESPONSE" shuffle="false">
                <inlineChoice identifier="g2a">politiche</inlineChoice>
                <inlineChoice identifier="g2b">politica</inlineChoice>
                <inlineChoice identifier="g2c">politico</inlineChoice>
                <feedbackInline outcomeIdentifier="FEEDBACK" identifier="m3a2c1_i"
                    showHide="hide">
                    <positiveFeedback>Bene!</positiveFeedback>
                    <negativeFeedback>Attenzione alle forme dell'aggettivo e al nome a cui 
						è riferito: "il centro" è maschile singolare.</negativeFeedback>
                </feedbackInline>
            </inlineChoiceInteraction>
		

Site d`apprentissage

A l`interieur du "framework"

Site d`apprentissage

Aperçu de la transformation intermédiaire

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="2.0" 
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    >
    <xsl:import href="manifest-manager.xsl"/>
    <xsl:import href="sources/babel-transform-fly.xsl"/>
    <xsl:import href="sources/xsl/babel-web-conf.xsl"/>

    <xsl:output method="xml" name="xml" indent="yes" encoding="utf-8" />
    <xsl:output method="html" indent="yes" name="html"/>

    <xsl:template match="/">
        <xsl:variable name="s"><?xml-stylesheet href="babel-transform-fly.xsl" type="text/xsl"?></xsl:variable>

<!--        EDITION OF XSL FILE FOR WEB-->
        <xsl:result-document href="edit-sources/edit-babel-fly.html">
            <html>
                <head><title>Editing output model</title>
                    <link rel="stylesheet" type="text/css" href="/Xopus/examples/Simple/css/common.css"/>
                    <script type="text/javascript" src="/Xopus/xopus/xopus.js"></script>
                </head>
                <body>
                    <div xopus="true" autostart="true">
                        <xml><x:config xmlns:x="http://www.xopus.com/xmlns/config" version="1.0">
                            <x:javascript src="save.js"/>
                            <x:pipeline xml="{$webAddressToActivities}/sources/babel-transform-fly.xsl" 
                                xsd="/babel-data/online-editing/babel-transform-schema.xsd">
                                <x:view name="WYSIWYG View">
                                    <x:transform xsl="/babel-data/online-editing/modify-transform-fly.xsl"/>
                                </x:view>
                            </x:pipeline>
                        </x:config></xml>
                    </div>
                </body>
            </html>
        </xsl:result-document>

	 <xsl:for-each select="//babelweb-data">

	            <xsl:variable name="filename" select="concat(assessmentItem/@identifier,'.xml')"/>
	            <xsl:variable name="fileloc" select="concat('sources/',assessmentItem/@identifier,'.xml')"/>
	            <xsl:variable name="filenameSA" select="concat('content/',assessmentItem/@identifier,'.html')"/>
	            <xsl:variable name="editfilename" select="concat('/Library/WebServer/Documents/babel-data/online-editing/', $modulename, '/',
	            assessmentItem/@identifier,'.html')"/>

	            <xsl:result-document href="{$filenameSA}">
	                <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	                    <head>
	                        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	                        <link href="../sources/styles/style.css" rel="stylesheet" type="text/css"/>

	                        <script type="text/javascript" src="../sources/scripts/jquery-1.3.1.min.js"></script>
	                        <script type="text/javascript" src="../sources/scripts/jquery-ui-personalized-1.6rc6.min.js"></script>
	                        <script type="text/javascript" src="../sources/scripts/jquery.tooltip.pack.js"></script>
	                        <script type="text/javascript" src="../sources/scripts/jquery.draw.js"></script>
	                        <script type="text/javascript" src="../sources/scripts/jquery.jHelperTip.1.0.min.js"></script>
	                        <script type="text/javascript" src="../sources/scripts/jquery.selectboxes.js"></script>

	                        <script type="text/javascript" src="../sources/scripts/mash.js"></script>

	                        <title>BabelWEB : <xsl:value-of select="assessmentItem/@title"/></title>
	                    </head>
	                    <body>
	                        <div id="global">
	                            <xsl:call-template name="run">
	                                <xsl:with-param name="correct-answers" select="assessmentItem/responseDeclaration"/>
	                                <xsl:with-param name="content" select="assessmentItem/itemBody"/>
	                            </xsl:call-template>
	                        </div>
	                    </body>
	                </html>
	            </xsl:result-document>

		

Site d`apprentissage

Les possibilités

Conclusion

Conclusion

The beginning is the end is the beginning