locked
How do I add a quick video tutorial on first run

    Question

  • Is it possible to show a quick video and picture tutorial of how to use my app after the splash screen upon first running the app? I would most likely have to capture a demo on my computer and convert it to whatever video format is compatible.

    Some of my users are still having issues understanding the way grid views work in Windows 8 and how to use semantic zoom for touch and mouse to speed up scrolling.

    Alternatively, I tried having the app start "initially zoomed out" but it crashes when navigating between pages quickly. It also has a delay when switching from snapped view to full-screen. Any help on this would be nice.

    Thursday, December 6, 2012 2:20 PM

Answers

  • You could create a Page Control with a video tag in it referencing your tutorial video.

    Then, on your default.js on "app.onactivated" handler you could detect whether its the first time (by a flag, that could be stored on Windows.Storage.ApplicationData.current.localSettings) and redirect to the tutorial instead of redirecting to the default page of the PageControlNavigator.

    args.setPromise(WinJS.UI.processAll().then(function () {
    var url = null;
    var appdata = Windows.Storage.ApplicationData;
    var firstTimeFlag = !appdata.current.localSettings.values["firstTime"] ? true : appdata.current.localSettings.values["firstTime"];
    if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) {
     if (!firstTimeFlag)
       url = Application.navigator.home; //initial page
     else{
       url = "/pages/page1/page1.html"; //tutorial page
    appdata.current.localSettings.values["firstTime"] = true;
     }
    } 
    else {
      if (!firstTimeFlag)
       url = Application.navigator.home; //initial page
      else
       url = app.sessionState.lastUrl;
    
    }
    
    return WinJS.Navigation.navigate(url);
    }));

    • Marked as answer by jflintstone81 Monday, December 10, 2012 1:00 PM
    Thursday, December 6, 2012 4:54 PM