Tizen Forums

<div data-role="page" id="main-page">
    <div data-role="header" data-position="fixed">
        <h1>Main page</h1>
    </div>
    <div data-role="content">
        It is the main page
    </div>
</div>
<div data-role="page" id="hello-page">
    <div data-role="header" data-position="fixed">
        <h1>Hellow Page</h1>
    </div>
    <div data-role="content">
        It is the first launch of the app.
    </div>
</div>

function init() {
	document.addEventListener('tizenhwkey', function(e) { // assign hardware buttons click event handler
		if(e.keyName == 'back') { // if back button is clicked
			if (location.hash === '' || location.hash === 'main-page') { // if the main page is active
				tizen.application.getCurrentApplication().exit(); // close the application
			} else { // if not main page is active
				$.mobile.back(); // go to the previous page
			}
		}
	});
	showHelloPage(); // show the hello page for the first launch
}
$(document).bind('pageinit', init); // assign the init function call to the page initialization

function showHelloPage() {
	if (localStorage.getItem('notFirstStart') === null) { // if the first launch
		localStorage.setItem('notFirstStart', true); // the next launch will be not the first
		$.mobile.changePage('#hello-page'); // go to the hello page
	}
}