Adding a Service to CAF Tile

Question

I've followed the steps in the docs and even looked at the StockData example provided but cannot seem to get it working. I get the following error:
Before resolve: http://localhost:4502/content/mosaic/catalogs/Historian/tiles/SnapshotTile/SnapshotTile.sw f
Before resolve: http://localhost:4502/content/mosaic/catalogs/Historian/services/HistorianService/theHisto rianService.gxml
Created url: http://localhost:4502/content/mosaic/catalogs/Historian/interfaces/HistorianInterfaceLibra ry/HistorianInterfaceLibrary.swf
Before resolve: http://localhost:4502/content/mosaic/catalogs/Historian/tiles/SnapshotTile/SnapshotTile.sw f
Before resolve: http://localhost:4502/content/mosaic/catalogs/Historian/tiles/SnapshotTile/SnapshotTile.sw f
[SWF] /content/mosaic/catalogs/Historian/interfaces/HistorianInterfaceLibrary/HistorianInterfac eLibrary.swf - 2,497 bytes after decompression
Failure in Loader: Error: Error #2036: Load Never Completed. URL: http://localhost:4502/Historian/interfaces/HistorianInterfaceLibrary/HistorianInterfaceLib rary.swf
Failure in Loader: Error: Error #2036: Load Never Completed. URL: http://localhost:4502/Historian/interfaces/HistorianInterfaceLibrary/HistorianInterfaceLib rary.swf
Below is the code as well as the configuration files:
IHistorianService.as
package cafe.historian.services
          import mx.collections.IList;
          [Expose]
          public interface IHistorianService
                    function getSnapshots(userid:String):IList;
HistorianService.as
package cafe.historian.services.impl
          import cafe.historian.services.IHistorianService;
          import mx.collections.ArrayCollection;
          import mx.collections.IList;
          [Expose(catalog="Historian", library="HistorianInterfaceLibrary", scope="singleton")]
          public class HistorianService implements IHistorianService
                    public function HistorianService()
                    public function getSnapshots(userid:String):IList{
                              var test:ArrayCollection = new ArrayCollection();
                              test.addItem("one");
                              test.addItem("two");
                              return test;
Historian.axml
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Copyright 2011 Adobe Systems Incorporated. All rights reserved. The original
version of this material may be obtained from Adobe Systems Incorporated. -->
<app:Application xmlns:app="http://ns.adobe.com/Mosaic/Application/1.0/" xmlns:catalog="http://ns.adobe.com/Mosaic/Catalog/1.0/" xmlns:ct="http://ns.adobe.com/Mosaic/CommonTypes/1.0/" xmlns:tile="http://ns.adobe.com/Mosaic/Tile/1.0/" xmlns:view="http://ns.adobe.com/Mosaic/View/1.0/" label="EMS Historian" name="Historian">
    <ct:Metadata>
        <ct:Description/>
    </ct:Metadata>
    <!-- Specifies a default panel or view to use when a user adds a new panel or
    view to the composite application (if permitted). Specify a default directly,
    or reference one from a composite application catalog. Referenced default
    panels and views override the composite application defaults. Note: You can
    specify only one panel and view in the app:Defaults section, but you can
    specify any number of catalog:CatalogReference children. -->
    <app:Defaults>
        <view:Panels>
            <view:Panel allowContentDelete="true" height="100%" label="Default Panel" tileChrome="full" width="100%">
                <view:Layout name="HorizontalLayout" numColumns="2"/>
            </view:Panel>
        </view:Panels>
    </app:Defaults>
    <!-- Provide a global context containing values for use across entire
    application.
    <ct:Context>
        <ct:Data key="myApplicationContext" type="string" value="default value" />
    </ct:Context>
    -->
    <!-- A named context is useful for partition of a set of context values
    to a subsection of the application.
    <app:NamedContexts>
        <ct:Context name="basictypes">
            <ct:Data key="aSimpleString" type="string" value="sample string"/>
            <ct:Data key="aBoolean" type="boolean" value="true"/>
            <ct:Data key="anInteger" type="number" value="2011"/>
            <ct:Data key="aDate" type="date" value="2011-11-01T19:00:00-05:00"/>
            <ct:Data key="aNull" type="null" />
        </ct:Context>
    </app:NamedContexts>
    -->
    <!-- Specifies the runtime content for a composite application. The order of
    the elements affects the appearance in the application user interface. You
    can specify only one app:Shell or app:ShellReference element as a child of
    app:Application. -->
    <app:Shell label="Sample Shell" name="SampleShell"><!-- ShellStyle -->
        <!-- Specifies a reference to a composite application catalog. Catalogs
        contain composite application assets. The name attribute creates a
        shorthand reference to the catalog, which is stored on the Experience
        Server. -->
        <catalog:CatalogReference name="${catalog}" uri="${catalog}"/>
        <!-- Specifies a container to display views in the application user
        interface. The order of elements affects the appearance of the user
        interface. You can include only one view:ViewManager element as a child
        of the app:Shell element. The default skin for the view:ViewManager
        element provides a set of tab buttons to switch between views in the
        application, as well as an Add button, and an option menu. -->
        <view:ViewManager height="100%" width="100%">
            <view:View name="Research"
                                          height="100%" width="100%"
                                          label="Research"
                                          allowContentDelete="false">
                <view:Panel allowContentDelete="false"
                                              label="Analysis"
                                              height="100%" width="100%"
                                              styleName="PanelInShellStyle" ><!-- FullPanelTileStyle -->
                 <view:Layout name="HorizontalLayout"/> 
                    <tile:TileReference catalog="${catalog}"
                                  name="ResearchTile" optional="false" width="100%" height="100%" /><!-- TileStyle -->
                </view:Panel>
            </view:View>
            <view:View label="Snapshots" height="100%" width="100%">
                      <view:Panel allowContentDelete="false"
                                              label="Snapshots"
                                              height="100%" width="100%"
                                              styleName="PanelInShellStyle" >
                 <view:Layout name="HorizontalLayout"/> 
                 <tile:TileReference catalog="${catalog}"
                        name="SnapshotTile" optional="false" width="100%" height="100%">
                        <tile:Properties>
                                  <tile:Property name="historianService">
                                            <tile:ServiceReference catalog="${catalog}" library="HistorianService" name="theHistorianService"></tile:ServiceReference>
                                  </tile:Property>
                        </tile:Properties>
                 </tile:TileReference>
                      </view:Panel>
            </view:View>
            <view:View label="Views" height="100%" width="100%">
                      <view:Panel allowContentDelete="false"
                                              label="Views"
                                              height="100%" width="100%"
                                              styleName="PanelInShellStyle" >
                 <view:Layout name="HorizontalLayout"/> 
                 <tile:TileReference catalog="${catalog}"
                        name="ViewsTile" optional="false" width="100%" height="100%"/>
                      </view:Panel>
            </view:View>
            <view:View label="Reports" height="100%" width="100%">
                      <view:Panel allowContentDelete="false"
                                              label="Reports"
                                              height="100%" width="100%"
                                              styleName="PanelInShellStyle" >
                 <view:Layout name="HorizontalLayout"/> 
                 <tile:TileReference catalog="${catalog}"
                        name="ReportsTile" optional="false" width="100%" height="100%"/>
                      </view:Panel>
            </view:View>
            <view:View label="Admin" height="100%" width="100%">
                      <view:Panel allowContentDelete="false"
                                              label="Admin"
                                              height="100%" width="100%"
                                              styleName="PanelInShellStyle" >
                 <view:Layout name="HorizontalLayout"/> 
                 <tile:TileReference catalog="${catalog}"
                        name="AdminTile" optional="false" width="100%" height="100%"/>
                      </view:Panel>
            </view:View>
        </view:ViewManager>
    </app:Shell>
</app:Application>
Historian.cxml
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<catalog:Catalog xmlns:catalog="http://ns.adobe.com/Mosaic/Catalog/1.0/" xmlns:ct="http://ns.adobe.com/Mosaic/CommonTypes/1.0/" xmlns:tile="http://ns.adobe.com/Mosaic/Tile/1.0/" xmlns:view="http://ns.adobe.com/Mosaic/View/1.0/" label="EMS Historian" name="Historian">
    <!-- Identifying description for this catalog. -->
    <ct:Metadata>
        <ct:Description>All content for the EMS Historian</ct:Description>
    </ct:Metadata>
    <!-- Specifies a list of tiles (tile:TileClass elements) contained within
    this catalog.  -->
    <tile:TileClassList>
            <!--  Remove the commenting from this tile:TileClass element to
            include a reference to a tile in this catalog. Within a tile:TileClass
            element, a tile:Content child element specifies tile content using the
            following attributes:
                uri: A reference, either to absolute or relative, to the content's
                location on a server.
                contentType: The MIME type for the tile's content. For Flex tiles,
                specify "application/x-shockwave-flash", and for HTML tiles
                specify "text/html".
                loadAs: For Flex tiles, if this value is "module", at run time the
                tile loads as a Flex module. If the value is "default" or omitted,
                at runtime the Flex tile loads as a SWF application. 
                IMPORTANT: You must compile module tiles using one of the Flex SDKs
                included in the Adobe Experience Services Tooling for Flash Builder
                installation. Flex modules are similar to Flash Runtime Shared
                Libraries (RSLs) in that they separate code from an application
                into separately loaded SWFs. For more information on modular
                applications, see "Modular applications overview" in the Flex
                Developer's Guide.
        <tile:TileClass
            name="SampleTile"
            label="Sample Tile"
            width="600" height="400"
            fitContent="true">
            <ct:Metadata>
                <ct:Description>sample description</ct:Description>
            </ct:Metadata>
            <tile:Content
                uri="${catalogURL}/tiles/SampleTile/SampleTile.swf"
                contentType="application/x-shockwave-flash"
                loadAs="default" />
        </tile:TileClass>
        -->
                    <tile:TileClass fitContent="true" height="100%" label="ResearchTile" loadPolicy="auto" name="ResearchTile" width="100%">
            <ct:Metadata>
                <ct:Description/>
            </ct:Metadata>
                              <tile:Content contentType="application/x-shockwave-flash" loadAs="default" uri="${catalogURL}/tiles/ResearchTile/ResearchTile.swf"/>
                    </tile:TileClass>
                    <tile:TileClass fitContent="true" height="300" label="ViewsTile" loadPolicy="auto" name="ViewsTile" width="600">
            <ct:Metadata>
                <ct:Description/>
            </ct:Metadata>
                              <tile:Content contentType="application/x-shockwave-flash" loadAs="default" uri="${catalogURL}/tiles/ViewsTile/ViewsTile.swf"/>
                    </tile:TileClass>
                    <tile:TileClass fitContent="true" height="300" label="SnapshotTile" loadPolicy="auto" name="SnapshotTile" width="600">
            <ct:Metadata>
                <ct:Description/>
            </ct:Metadata>
            <tile:Depends>
                      <tile:Interface interfaceName="cafe.historian.services.IHistorianService" library="HistorianInterfaceLibrary"/>
            </tile:Depends>
            <tile:Properties>
                      <tile:Property name="historianService" type="cafe.historian.services.IHistorianService"/>
            </tile:Properties>
                              <tile:Content contentType="application/x-shockwave-flash" loadAs="default" uri="${catalogURL}/tiles/SnapshotTile/SnapshotTile.swf"/>
                    </tile:TileClass>
                    <tile:TileClass fitContent="true" height="300" label="ReportsTile" loadPolicy="auto" name="ReportsTile" width="600">
            <ct:Metadata>
                <ct:Description/>
            </ct:Metadata>
                              <tile:Content contentType="application/x-shockwave-flash" loadAs="default" uri="${catalogURL}/tiles/ReportsTile/ReportsTile.swf"/>
                    </tile:TileClass>
                    <tile:TileClass fitContent="true" height="300" label="cafe.historian.tiles.admin.AdminTile" loadPolicy="auto" name="AdminTile" width="600">
            <ct:Metadata>
                <ct:Description/>
            </ct:Metadata>
                              <tile:Content contentType="application/x-shockwave-flash" loadAs="default" uri="${catalogURL}/tiles/AdminTile/AdminTile.swf"/>
                    </tile:TileClass>
          </tile:TileClassList>   
    <!-- Specifies a list of interface libraries (tile:InterfaceLibrary elements)
    contained within this catalog -->
    <tile:InterfaceLibraryList>
        <!--  Remove the commenting from this tile:InterfaceLibrary element to
        include a reference to an interface library in this catalog. Within a
        tile:InterfaceLibrary element, a tile:InterfaceList child element
        specifies a list of interfaces (tile:Interface elements) to include
        in the catalog. For each tile:Interface element, specify the interface
        class using the following attribute:
            interfaceName: A fully-qualified package and class reference to class
            that defines a service interface.
        <tile:InterfaceLibrary name="SampleInterfaceLibrary">
            <ct:Metadata>
                <ct:Description/>
            </ct:Metadata>
             <tile:InterfaceList>                 
                <tile:Interface interfaceName="com.adobe.adep.samples.services.sampleservice.ISampleService"/>                
             </tile:InterfaceList>
         </tile:InterfaceLibrary>
         -->        
               <tile:InterfaceLibrary name="HistorianInterfaceLibrary">
            <ct:Metadata>
                <ct:Description/>
            </ct:Metadata>
                  <tile:InterfaceList>
                <tile:Interface interfaceName="cafe.historian.services.IHistorianService"/>
            </tile:InterfaceList>
        </tile:InterfaceLibrary>
    </tile:InterfaceLibraryList>   
    <!-- Specifies a list of service libraries (tile:ServiceLibrary elements)
    contained within this catalog. -->
     <tile:ServiceLibraryList>
          <!--  Remove the commenting from this tile:ServiceLibrary element to
          include a reference to a service library in this catalog. Within a
          tile:ServiceLibrary element, a tile:ServiceClassList child element
          specifies a list of service classes (tile:SeviceClass elements) to
          include in the catalog. For each tile:ServiceClass element, specify a
          service using the following attributes of the tile:Content child
          element:
              uri: A reference, either to absolute or relative, to the content's
              location on a server.
              contentType: The MIME type for the tile's content. For service
              libraries specify "application/xml".
          <tile:ServiceLibrary name="SampleService">
            <ct:Metadata>
                <ct:Description/>
             </ct:Metadata>
             <tile:ServiceClassList>                
                <tile:ServiceClass name="SampleService">
                    <tile:Content
                    uri="${catalogURL}/services/SampleService/SampleService-com-adobe-adep-samples-services-s ampleservice-impl.gxml"
                    contentType="application/xml"/>
                </tile:ServiceClass>               
             </tile:ServiceClassList>            
         </tile:ServiceLibrary>        
         -->
                    <tile:ServiceLibrary name="HistorianService">
            <ct:Metadata>
                <ct:Description/>
            </ct:Metadata>
                  <tile:ServiceClassList>
                <tile:ServiceClass className="cafe.historian.services.impl.HistorianService" name="theHistorianService" scope="singleton">
                <tile:Implements>
                          <tile:Interface interfaceName="cafe.historian.services.IHistorianService" library="HistorianInterfaceLibrary"/>
                </tile:Implements>
                <tile:Content contentType="application/xml" uri="${catalogURL}/services/HistorianService/theHistorianService.gxml"/>
                </tile:ServiceClass>
                      <tile:ServiceClass name="HistorianService">
                    <tile:Content contentType="application/xml" uri="${catalogURL}/services/HistorianService/HistorianService-cafe-historian-services-imp l.gxml"/>
                </tile:ServiceClass>
            </tile:ServiceClassList>
        </tile:ServiceLibrary>
    </tile:ServiceLibraryList>
    <!-- Specifies a list of style sheets (view:StylesheetClass elements) contained
    within this catalog -->
    <view:StylesheetClassList>
        <!--  Remove the commenting from this view:StylesheetClass element to
        include a style sheet reference in this catalog. Include a separate
        view:StylesheetClass element for each style sheet you include in the
        catalog. Within each view:StylesheetClass element, specify the style sheet
        content using the following attributes of the view:Content child element:
            uri: A reference, either to absolute or relative, to the content's
            location on a server.
            contentType: The MIME type for the style sheet content. For Flex
            tiles, specify "application/x-shockwave-flash", and for HTML tiles
            specify "text/css".
        <view:StylesheetClass name="CafeMosaicTheme">
            <ct:Metadata>
                <ct:Description>An alternative way to navigate using a ComboBox.</ct:Description>
            </ct:Metadata>
            <view:Content contentType="application/x-shockwave-flash" uri="${catalogURL}/stylesheets/CafeMosaicTheme/CafeMosaicTheme.swf"/>
        </view:StylesheetClass>
       -->
    </view:StylesheetClassList>   
    <!-- Specifies a list of panels (view:PanelClass elements) contained within
    this catalog -->
    <view:PanelClassList>
        <!--  Remove the commenting from this view:PanelClass element to include
        a reference to a panel in this catalog. Include a separate view:PanelClass
        element for each panel you include in the catalog. Within a view:PanelClass
        element, a view:Content child element specifies information for a panel
        using a view:Panel child element. For each view:Panel child element,
        specify the panel information using the following attributes:
            name: A unique name for the panel used to reference it from within the
            catalog.
            label: Descriptive text that displays as the panel title in the user
            interface of the composite application.
            tileChrome: Sets the default user interface for the panel. Values may
            be "none", "title" or "full". If the value is "full", then there is
            chrome on the panel which displays the title (label) and allows the
            panel to be moved, potentially deleted (if permitted), and resized.
            If the value is "title", the chrome is the same as for "full" without
            the ability to resize. If the value is "none", then there is no
            chrome on the panel, which means no title (label), and no user
            interface for for manipulating the panel.
            allowContentDelete: Specifies whether users can delete this panel at
            run time when the "chrome" attribute is set to "full" or "title".
            Values may be "true" or "false".
        Each view:Panel element may contain one or more tile:TileReference child
        elements that specify tiles to display within the panel at run time. You
        can override default tile attribute values here to customize the tile's
        appearance when referenced within this panel:
            catalog: Reference to the catalog that contains the tile.
            name: The name of the tile specified in the catalog.
            label: (override) The label of the tile.
            chrome: (override) Sets the user interface for the tile. Values may
            be "none", "title" or "full". If the value is "full", then there is
            chrome on the tile, which displays the title (label) of panels
            contained within the tile, and the tile allows for the panel to be
            moved, potentially deleted (if permitted), and resized. If the value
            is "title", the chrome is the same as for "full" without the ability
            to resize. If the value is "none", then there is no chrome on the
            tile, which means no panel title (label), and no user interface for
            for manipulating the panel.
            fitContent: (override) Specifies whether tile content should be
            automatically resize to fit the container. Values may be "true" or
            "false".
        <view:PanelClass name="SamplePanel">
            <ct:Metadata>
                <ct:Description />
            </ct:Metadata>
            <view:Content>           
                <view:Panel name="SamplePanel" label="Sample Panel"
                    tileChrome="true" allowContentDelete="true" width="100%" height="100%">
                    <view:Layout name="HorizontalLayout" />
                    <tile:TileReference
                        catalog="${catalog}" name="SampleTile" label="Sample Tile" width="100%" height="50%"
                        chrome="full" fitContent="true"/>
                </view:Panel>
            </view:Content>
        </view:PanelClass>
        -->
    </view:PanelClassList> 
    <!-- Specifies a list of views contained within this catalog -->
    <view:ViewClassList>
        <!--  Remove the commenting from this view:ViewClass element to include a
        reference to a view in this catalog.
        Include a separate view:ViewClass element for each view you include in the
        catalog. Within a view:ViewClass element, a view:Content child element
        specifies information for a panel using a view:View child element. For
        each view:View child element, specify the panel information using the
        following attributes:
            name: A unique name for the view used to reference it from within
            the catalog.
            label: Descriptive text that displays as the panel title in the
            user interface of the composite application.
        Each view:View element may contain one or more view:PanelReference child
        elements that specify panels to display within the view at run time. You
        can override default panel attribute values here to customize the panel's
        appearance when referenced within this view:
            catalog: Reference to the catalog that contains the panel.
            name: The name of the panel specified in the catalog.
        <view:ViewClass label="Sample View" name="SampleView">
            <ct:Metadata>
                <ct:Description>Sample View</ct:Description>
            </ct:Metadata>
            <view:Content>
                <view:View name="SampleView" width="100%" height="100%"
                    label="Sample View">
                    <catalog:CatalogReference name="Default"
                        uri="Default" />
                    <view:PanelReference catalog="Default" name="SamplePanel" />
                </view:View>
            </view:Content>
        </view:ViewClass>
        -->
    </view:ViewClassList>
</catalog:Catalog>
SnapshotTile.mxml (snippet)
private var watcher:ChangeWatcher;
[Bindable]
[Consume(catalog="Historian", library="HistorianInterfaceLibrary")]
public var historianService:IHistorianService;
protected function _preinitializeHandler(event:FlexEvent):void
          this.addEventListener( AnnotationParseEvent.COMPLETE, _annotationParseEventCompleteHandler );
          watcher = ChangeWatcher.watch(this, "historianService", onGotService, false, true);
          protected function onGotService(e:PropertyChangeEvent):void
          if(historianService)
                    var test:ArrayCollection = historianService.getSnapshots("jonphill") as ArrayCollection;
                    trace("Using service, item 1: " + test.getItemAt(0));
                    trace("Using service, item 2: " + test.getItemAt(1));
I've also attached two screenshots showing the project structure in FB and CRX.
Any help here would be great as I'm pulling my hair out at this point!
Thanks

Answer 1

There's not an actual space in the error, it just looks that way when I pasted the text into the post.
For some additional information, I've tried going through the tutorial here (http://www.youtube.com/ADEPDevelopers#p/c/DF68F4464D4EF4E0/4/klNspQvfVMc) and here (http://help.adobe.com/en_US/enterpriseplatform/10.0/AEPDeveloperGuide/WS989a722fbb254cbe-6 f13dcd01304cbb1ac4-8000.html), however, neither one goes through the full steps of adding the Service to the axml and cxml files which is where I'm probably having trouble.
I've also looked at the StockMosaicService sample included with ADEP and tried mimicking it but with no luck. I had expected the ADEP tooling in Flash Builder to handle all this for me but it doesn't appear to be working properly now.