sap.m.splitApp issue

Hi,

I tried to create simple application according to this tutorial .

I made every think in the same way, but it is not working. It seams like splitApp is not working but why?

I suppose that only with index filed like that:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<script id = "sap-ui-bootstrap" src = "resources/sap-ui-core.js" data-sap-ui-libs = "sap.m" data-sap-ui-theme = "sap_bluecrystal" > // <![CDATA[

// ]]></script><!-- only load the mobile lib "sap.m" and the "sap_bluecrystal" theme --><script>// <![CDATA[

<script>

sap.ui.localResources("demosplitapp");

var app = new sap.m.SplitApp("splitApp",{mode : sap.m.SplitAppMode.ShowHideMode});

var master = sap.ui.view({id:"master", viewName:"demosplitapp.MasterView", type:sap.ui.core.mvc.ViewType.JS});

app.addMasterPage(master);

var detail = sap.ui.view({id:"detail", viewName:"demosplitapp.DetailView", type:sap.ui.core.mvc.ViewType.JS});

app.addDetailPage(detail);

app.placeAt("content");

// ]]></script>

should give me some result after run, like 2 containers Master and Detail.

Any idea what is the problem?