2 files changed, 42 insertions, 0 deletions

diff --git a/demos/quickstart/protected/pages/Samples/Hangman.page b/demos/quickstart/protected/pages/Samples/Hangman.page
new file mode 100644
index 00000000..4541c8f9
--- /dev/null
+++ b/demos/quickstart/protected/pages/Samples/Hangman.page
@@ -0,0 +1,16 @@
+<com:TContent ID="body" >

+<h1>Sample: Hangman Game</h1>

+<p>

+Having seen the simple "Hello World" application, we now build a more complex application called "Hangman Game". In this game, the player is asked to guess a word, a letter at a time. If he guesses a letter right, the letter will be shown in the word. The player can continue to guess as long as the number of his misses is within a prespecified bound. The player wins the game if he finds out the word within the miss bound, or he loses.

+</p>

+<p>

+To facilitate the building of this game, we show the state transition diagram of the gaming process in the following,

+</p>

+<p>

+To be continued...

+</p>

+<div class="runbar">

+<a href="?page=Samples.Hangman.Home" target="_blank">Run Sample</a>

+<a href="?page=ViewSource&amp;path=/Samples/Hangman/Home.php" target="_blank">View Source</a>

+</div>

+</com:TContent>
\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Samples/HelloWorld.page b/demos/quickstart/protected/pages/Samples/HelloWorld.page
new file mode 100644
index 00000000..98d29265
--- /dev/null
+++ b/demos/quickstart/protected/pages/Samples/HelloWorld.page
@@ -0,0 +1,26 @@
+<com:TContent ID="body" >

+<h1>Sample: Hello World</h1>

+<p>

+"Hello World" is the simplest <i>interactive</i> PRADO application that you can build. It displays to end-users a page with a submit button whose caption is <i>Click Me</i>. When the user clicks on the button, the button changes the caption to <i>Hello World</i>.

+</p>

+<p>

+There are many approaches that can achieve the above goal. One can submit the page to the server, examine the POST variable, and generate a new page with the button caption updated. Or one can simply use JavaScript to update the button caption upon its <i>onclick</i> event.

+</p>

+<p>

+PRADO promotes component-based and event-driven Web programming. The button is represented by a <i>TButton</i> object. It encapsulates the button caption as the <i>Text</i> property and associates the user button click action with a server-side <i>Click</i> event. Therefore, the "Hello World" task can be handled intuitively and easily. One simply needs to attach a function to the button's <i>Click</i> event. Within the function, the button's <i>Text</i> property is modified as "Hello World". The following diagram shows the above sequence,

+</p>

+<img src="<%~HelloWorld/sequence.gif%>" />

+<p>

+The code that a developer needs to write is merely the following event handler function, where <code>$sender</code> refers to the button object.

+</p>

+<pre class="source">

+public function buttonClicked($sender,$param)

+{

+	$sender->Text="Hello World";

+}

+</pre>

+<div class="runbar">

+<a href="?page=Samples.HelloWorld.Home" target="_blank">Run Sample</a>

+<a href="?page=ViewSource&amp;path=/Samples/HelloWorld/Home.php" target="_blank">View Source</a>

+</div>

+</com:TContent>
\ No newline at end of file