How to create WDGT files for SWF and HTML5 outputs in Adobe Captivate Classic

<?xml version="1.0" encoding="ISO-8859-1" ?> 
<widget> 
<Description>This is a ABC widget(static)</Description> 
<Type>isStatic</Type> 
<Name>ABC.swf</Name> 
<linkedfiles>PQR.swf</linkedfiles> 
<linkedfiles>XYZ.swf</linkedfiles> 
</widget>

<?xml version="1.0" encoding="UTF-8"?> 
<!-- 
 
        OpenAjax Alliance Widget Specification 
--> 
<widget name="Arrow" id="com.adobe.captivate.dev.sample.widgets.arrow" 
        spec="0.1b" jsClass='Arrow' sandbox='true' width='300' height='300' 
        xmlns="http://openajax.org/metadata"> 
 
    <requires> 
        <libraries> 
            <library name="dojo" version="1.7" copy="true" src="js/dojo-release-1.7.1" includeRef="false"> 
                <preload> 
                    djConfig="{parseOnLoad:true}" 
                </preload> 
                <require type="javascript" src="dojo/dojo.js" copy="false" includeRef="true"/> 
            </library> 
            <library name ="jQuery" version="1.6.1" copy="true" src="js/jquery1.7.1/jquery-1.7.1.min.js" type="javascript"/> 
            <library name="jQuery.svg" version="1.4.4" copy="false" src="js/jquery.svg" includeRef="false"> 
                <require type="javascript" src="jquery.svg.js"/> 
                <require type="css" src="jquery.svg.css"/> 
            </library> 
        </libraries> 
        <require type="folder" src="assets/svg"/> 
    </requires> 
    <javascript src="js/arrow.js"/> 
    <!-- 
 
        Properties are currently ignored by captivate since we expect the widget to do all the work that has to be done from widget xml 
        or the widget JSON. Still we give it a stab to see if we can get in property replacement 
    --> 
    <properties> 
      <property name="style" datatype="String" default="AeroArrow"/> 
    </properties> 
 
    <content type='fragment'> 
    <![CDATA[ 
        <H1>Hello Widget!!!</H1> 
        <div ID="__WID
ArrowShape"/> 
    ]]> 
    </content> 
</widget>

arrow1 = { 
    onLoad: function() 
    { 
        if ( ! this.captivate ){ 
            return; 
        } 
        //Gives access to the the movie handle 
        this.movieProps = this.captivate.CPMovieHandle; 
        //Gives access to the widget params 
        this.movieProps = this.captivate.CPMovieHandle.widgetParams(); 
        //Function to replace all instances 
        //of a Captivate Classic variable by their associated values 
        this.movieProps = this.captivate.CPMovieHandle.replaceVariables(varString); 
        //Access to the event dispatcher where addEventListener and 
        //removeEventListener can be called. Also contains the constants 
        //needed for registering for events such as 
        //<Widget>.captivate. CPMovieHandle.getMovieProps().eventDispatcher 
        //.SLIDE_ENTER_EVENT 
        this.movieProps = this.captivate.CPMovieHandle.getMovieProps().eventDispatcher; 
        //Access to the variables handle 
        this.movieProps = this.captivate.CPMovieHandle.getMovieProps().variablesHandle; 
        //Access to the external resource loader 
        this.movieProps = this.captivate.CPMovieHandle.getMovieProps().ExternalResourceLoader); 
        if ( ! this.movieProps ){ 
            return; 
        } 
        this.varHandle = this.movieProps.variablesHandle; 
        this.eventDisp = this.movieProps.eventDispatcher; 
        // other code 
    }; 
    //To unload your widget 
    onUnload: function() 
    { 
        /*Unload your widget here*/ 
    }; 
} 
// Ensure that there is a constructor function 
// available for the JavaScript class identified by 
// the 'jsClass' attribute. The constructor has no arguments. 
arrow = function () 
{ 
    return arrow1; 
}