tag:blogger.com,1999:blog-15135794281156612152024-02-21T00:49:06.411-08:00Kevin's 2014 ThesisAnonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.comBlogger19125tag:blogger.com,1999:blog-1513579428115661215.post-76924504561718410532014-10-26T16:28:00.000-07:002014-10-26T16:28:35.934-07:00Source code and demonstration video<h2>
Source code</h2>
<div>
<a href="https://bitbucket.org/xsun9092/familyconnect.git">https://bitbucket.org/xsun9092/familyconnect.git</a></div>
<h2>
Demonstration video</h2>
<div>
<a href="http://youtu.be/NU6zF2cCqMo">http://youtu.be/NU6zF2cCqMo</a></div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-48146988042430277592014-10-26T16:21:00.000-07:002014-10-26T16:28:09.117-07:00Implementation and Evaluation - Octobor<h2>
Front-end Beautification</h2>
<div>
Did more front-end beautification.<br />
<h4>
Login</h4>
<div>
Deleted the social networking.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJDxSzykYWmhCSla7LpACD9ThO5xXI99D9yXJNcBCbMnRxwnUewYcxevTpXmkts8g9HhKYDzC8KzfRHWmmKUc79JSpQAngHH3YBDhR9W23KKqtqvEtKGobyUiIx2k6sb4Eq4__04RQWLA/s1600/l_d.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimJDxSzykYWmhCSla7LpACD9ThO5xXI99D9yXJNcBCbMnRxwnUewYcxevTpXmkts8g9HhKYDzC8KzfRHWmmKUc79JSpQAngHH3YBDhR9W23KKqtqvEtKGobyUiIx2k6sb4Eq4__04RQWLA/s1600/l_d.PNG" height="295" width="400" /></a></div>
<div>
<br /></div>
<h4>
Sign up</h4>
</div>
<div>
Deleted the social networking</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEHvhEo_TaHoNx7TjN-6aCVFxSYM4FBDiD5f1cTGS7Qyq957e6-VqxCxIv7aSJXmgGV82OTnBmXn4cSK46im4Ua7lvyHCZz7Jop6a3AzGU25v5QRpEy_CijOn0siR1srUhQxquZofc8w-/s1600/re.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEHvhEo_TaHoNx7TjN-6aCVFxSYM4FBDiD5f1cTGS7Qyq957e6-VqxCxIv7aSJXmgGV82OTnBmXn4cSK46im4Ua7lvyHCZz7Jop6a3AzGU25v5QRpEy_CijOn0siR1srUhQxquZofc8w-/s1600/re.PNG" height="320" width="278" /></a></div>
<div>
<br /></div>
<h4>
Dashboard</h4>
<div>
Beautified the "team info" section; added images and tags for the challenges.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDrBcG0EEZcc-hFJGdEq83EVJRmTtl49RutwCdAxiCYIXDlWDdE7c_oCgYceUVTVZh17TEmucZrFCV1KBP7oaRIVB8CCfi8o1GP_4_2_Bxqd4lo7_kagYaDaF1bdqyv3ygNiwl_GkJg8hG/s1600/da.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDrBcG0EEZcc-hFJGdEq83EVJRmTtl49RutwCdAxiCYIXDlWDdE7c_oCgYceUVTVZh17TEmucZrFCV1KBP7oaRIVB8CCfi8o1GP_4_2_Bxqd4lo7_kagYaDaF1bdqyv3ygNiwl_GkJg8hG/s1600/da.PNG" height="438" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="clear: both; text-align: left;">
Admin login</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrk1KmVTw5sZYJEHnrzj2vX-LTtqnOEh2hrVpcUPvMx9RGrOkDVHEjgzGD-UQ5ZjeNUQb7TYovgkR23uEBZxKgWqNI45R_HYpHTdqnUCT_pRav304aYFQHZRq-gshQX0o-7-xBeZKyKuTM/s1600/al.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrk1KmVTw5sZYJEHnrzj2vX-LTtqnOEh2hrVpcUPvMx9RGrOkDVHEjgzGD-UQ5ZjeNUQb7TYovgkR23uEBZxKgWqNI45R_HYpHTdqnUCT_pRav304aYFQHZRq-gshQX0o-7-xBeZKyKuTM/s1600/al.PNG" height="239" width="320" /></a></div>
<div>
<br /></div>
<h4>
Admin dashboard</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDaK24ol69jPxRHi6riAI0Z2FnUIXlNERf-KYm8PK3ulnNZ10Vgw_wI8IoH3-qaui1kV3PmpoWNMI97PD4OSRtABR0UzJrhoUWX_jADyacv-KsBzOpS952_W7_h1S9iKxsErK-aPNEBhA/s1600/ad.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqDaK24ol69jPxRHi6riAI0Z2FnUIXlNERf-KYm8PK3ulnNZ10Vgw_wI8IoH3-qaui1kV3PmpoWNMI97PD4OSRtABR0UzJrhoUWX_jADyacv-KsBzOpS952_W7_h1S9iKxsErK-aPNEBhA/s1600/ad.PNG" height="195" width="400" /></a></div>
<div>
<br /></div>
<h4>
View user list</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigRpbX6njdBxB6C8Ui5E27PdIlJSjzlGmDSZGjoDKAyh0A5WhgjvAsftQFtVEY30hY2wPbGzjjBQyLG0LtKmVsUF2Lbm8RTeDIyGLG8JvtWNbqBU1i2Qg3RxNlevzAcg-r71n4UfNTtuon/s1600/ul.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigRpbX6njdBxB6C8Ui5E27PdIlJSjzlGmDSZGjoDKAyh0A5WhgjvAsftQFtVEY30hY2wPbGzjjBQyLG0LtKmVsUF2Lbm8RTeDIyGLG8JvtWNbqBU1i2Qg3RxNlevzAcg-r71n4UfNTtuon/s1600/ul.PNG" height="620" width="640" /></a></div>
<div>
<br /></div>
<h4>
View team list</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmy800TNcIHbAWTaaawLTSSLhgFzn6ukIPQZi7GlDJpujpgcvfnyP1KcUjtHT0q1PyFORNKadYvHV92uoNyQgKl-az8h9eY2ekYhW9G_aKXSi0-mZvdlfAr_-hnVxXyarhI9C4UB1oqqQU/s1600/tl.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmy800TNcIHbAWTaaawLTSSLhgFzn6ukIPQZi7GlDJpujpgcvfnyP1KcUjtHT0q1PyFORNKadYvHV92uoNyQgKl-az8h9eY2ekYhW9G_aKXSi0-mZvdlfAr_-hnVxXyarhI9C4UB1oqqQU/s1600/tl.PNG" height="361" width="640" /></a></div>
<div>
<br /></div>
<h4>
Add new challenge</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRx0sYIGjKiWYQMr6mFLdNPaBBgJIXWcHD9x-m0GKNMTNU4nRHy4t6UR_Q_MklhM1TzAvD0vr2dlO2yfM6_JT0iRcx1BH-mYjl2jxjZTWzkwWS0XIm1mja7X9uEVJAq8JjJlJ1m5FzjQq5/s1600/adn.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRx0sYIGjKiWYQMr6mFLdNPaBBgJIXWcHD9x-m0GKNMTNU4nRHy4t6UR_Q_MklhM1TzAvD0vr2dlO2yfM6_JT0iRcx1BH-mYjl2jxjZTWzkwWS0XIm1mja7X9uEVJAq8JjJlJ1m5FzjQq5/s1600/adn.PNG" height="640" width="372" /></a></div>
<h4 style="clear: both; text-align: left;">
Need marking list</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitDkLIvViqDZgJgtP0bA58nj4x5jk4-duMVT7x2tuRqhVjzhB36MC9njBPX3BNs4KsRdIw2BeVoqpoFnNUsNHzxjcYuU7tvaGO7nEuMyp1iwmUg-cxn76SB809zU7tSY9MT3aZ1Mgy4KyB/s1600/nmnm.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitDkLIvViqDZgJgtP0bA58nj4x5jk4-duMVT7x2tuRqhVjzhB36MC9njBPX3BNs4KsRdIw2BeVoqpoFnNUsNHzxjcYuU7tvaGO7nEuMyp1iwmUg-cxn76SB809zU7tSY9MT3aZ1Mgy4KyB/s1600/nmnm.PNG" height="145" width="640" /></a></div>
<div>
<br /></div>
<h4>
Mark a challenge</h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaUiRlV0P__CBTdtc2KYsfOcMWJuSV_FexkpsgfhbHJdC1OAB1L1iHycfU3eq27jlLupAyyGuYHf026RjkLPS211pNmyy9Mfh86amodVTaOeXeurKsLOpx3oJwXFJPuFFPfC_cDDXfvyFq/s1600/mkmk.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaUiRlV0P__CBTdtc2KYsfOcMWJuSV_FexkpsgfhbHJdC1OAB1L1iHycfU3eq27jlLupAyyGuYHf026RjkLPS211pNmyy9Mfh86amodVTaOeXeurKsLOpx3oJwXFJPuFFPfC_cDDXfvyFq/s1600/mkmk.PNG" height="384" width="640" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<h2>
Evaluation</h2>
<div>
10 of my housemates were invited to participate the evaluation of this project. They are all students of University of Sydney or University of Technology, Sydney. 4 of them are female.</div>
<div>
<br /></div>
<div>
After 2 weeks of evaluation, they were asked to give the degree to which they agreed with the following statements:</div>
<div>
<ol>
<li>I feel that I am involved to take part in the game.</li>
<li>I feel that the relation between my teammate and I has been improved.</li>
<li>I feel more comfortable to talk about a wide range of issues with my teammate.</li>
<li>I think mental health problems are equivalent to other health issues.</li>
<li>I think this game can help real parent and children to improve their relationships.</li>
</ol>
<div>
The summary of the collected data:</div>
</div>
<div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr>
<td rowspan="2" style="border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">No.<o:p></o:p></span></div>
</td>
<td colspan="5" style="border-left: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 343.65pt;" width="458">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">Number
of users that selected this mark<o:p></o:p></span></div>
</td>
<td rowspan="2" style="border-left: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">Average
Mark<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">1
(Disagree)<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">2<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">3<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">4<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">5<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">(Agree)<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">1<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">1<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">3<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">5<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">1<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">0<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">2.6<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">2<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">0<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">1<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">2<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">2<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">5<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">4<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">3<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">1<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">1<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">7<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">1<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">0<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">2.8<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">4<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">3<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">5<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">2<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">0<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">0<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">1.9<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">5<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">0<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.7pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">0<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">2<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">2<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">6<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; mso-border-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-top-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 68.75pt;" width="92">
<div align="center" class="MsoNormal" style="line-height: 200%; text-align: center;">
<span lang="EN-US">4.4<o:p></o:p></span></div>
</td>
</tr>
</tbody></table>
</div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-19904671727851277612014-10-26T15:59:00.002-07:002014-10-26T16:27:54.072-07:00Implementation - September<h2>
QR code scanning</h2>
<div>
Implemented a QR code scanner that runs on HTML5 browser. It applies a javascript QR code scanning library: <a href="https://github.com/LazarSoft/jsqrcode" target="_blank">jsqrcode</a>. It has been tested that the scanner can run on Desktop Chrome, Android Chrome, Android UC Browser.</div>
<div>
<br /></div>
<div>
The scanner is using a WebRTC API: getUserMedia(<a href="http://caniuse.com/#search=getusermedia">http://caniuse.com/#search=getusermedia</a>) to access the camera. If the browser can support this API, the scanner can get a video stream and get QR code from this stream. The user doesn't need to tap any button to take pictures. However a large part of the browsers can not support WebRTC. If the user is using a browser that cannot support WebRTC, the front-end will use an <input type="file"> tag to get a image and parse the QR code in it. In such case, the user need to tap a button to take photos and submit it to the system.</div>
<div>
<br /></div>
<h4>
Using WebRTC.getUserMedia()</h4>
<div>
The API is in javascript. A javascript programme can call this method to get access to user's webcam and / or microphone. Some browsers can not support this API, and calling this API will return undefined. Different browsers have different forms of the API name: mozGetUserMedia, webkitGetUserMedia, etc.</div>
<div>
<br /></div>
<div>
Calling this API will require a parameter about the requesting permission: video, or audio, or both. If calling this API is successed, a video stream captured by the webcam / microphone will be got.</div>
<div>
<br /></div>
<h4>
Using jsqrcode</h4>
<div>
<a href="https://github.com/LazarSoft/jsqrcode" target="_blank">Jsqrcode</a> is a porting of ZXing.</div>
<div>
<br /></div>
<div>
The decoding is based on <canvas>. So if canvas is not supported, the library can not work. In the project, if a user is using a browser that can not support canvas, the scanner will show a page to suggest the users some modern HTML5 browsers.</div>
<div>
<br /></div>
<div>
The library will decode the canvas named "qr-canvas" when qrcode.decode is called.The result will be returned by a callback function.</div>
<div>
<br /></div>
<h4>
Screenshots</h4>
<div>
Desktop:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-T_BDi6yFTTI08RkUVRcJvgyXpBwrAuvR9Nsus5TOfrEwEUrHV2_uBCy5rVr5eTK8v__q6-90QizFLX1xMWIXmv6TDEhZZBspiWMxtOapN6_YXxMm3frOsNdmGhb4orpDxPuJO5B2hi7S/s1600/s_d.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-T_BDi6yFTTI08RkUVRcJvgyXpBwrAuvR9Nsus5TOfrEwEUrHV2_uBCy5rVr5eTK8v__q6-90QizFLX1xMWIXmv6TDEhZZBspiWMxtOapN6_YXxMm3frOsNdmGhb4orpDxPuJO5B2hi7S/s1600/s_d.PNG" height="640" width="546" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Android Browser (WebRTC is not supported):</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzuj8kZJ4vxPVNZQBtQ1nwYugLXearXlfa-nU1jaLQvJbtVvfQmRtHPnrz0I7lbbLEYohu8AhfqooyUQiz3kCKiaAEcqqdmNk5PJfVgISMFdbO0aN2xL6ebBYUpKemEwZUrmHg1BfrwpEF/s1600/Screenshot_2014-10-17-22-56-50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzuj8kZJ4vxPVNZQBtQ1nwYugLXearXlfa-nU1jaLQvJbtVvfQmRtHPnrz0I7lbbLEYohu8AhfqooyUQiz3kCKiaAEcqqdmNk5PJfVgISMFdbO0aN2xL6ebBYUpKemEwZUrmHg1BfrwpEF/s1600/Screenshot_2014-10-17-22-56-50.png" height="213" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h2 style="clear: both; text-align: left;">
New questions for the game</h2>
<div>
Found some good questions on <a href="http://www.sheknows.com/parenting/">http://www.sheknows.com/parenting/</a>.</div>
<div>
These questions / challenges are all designed to be completed by a family. I think it is good for family relationships. 10 questions from this website has been added to the project.</div>
<h2 style="clear: both; text-align: left;">
<br /></h2>
<div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-64141931343021916482014-10-26T15:32:00.003-07:002014-10-26T16:27:51.091-07:00Implementation - August<h2>
Front-end Development</h2>
<div>
The Bootstrap library is applied in the front end.</div>
<div>
<br /></div>
<h4>
Sign up</h4>
<div>
Desktop:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs2v0ecrkZp3KfNEQ1PZKDayTnql_yVE0dFeUpsmYGkcrXEf7sdno0vpZOs25jS64OF271jBUA2Yo3D8rye9nkfpnZZTsmgEFfipnWevQF83x7gPCkbcWDL0_gHcw2VlUEbq8meOL50wGv/s1600/reg_d.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs2v0ecrkZp3KfNEQ1PZKDayTnql_yVE0dFeUpsmYGkcrXEf7sdno0vpZOs25jS64OF271jBUA2Yo3D8rye9nkfpnZZTsmgEFfipnWevQF83x7gPCkbcWDL0_gHcw2VlUEbq8meOL50wGv/s1600/reg_d.PNG" height="340" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div>
Android Chrome:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_faOT3puY30cLy77AIGDvEcc3oyRuKkBw8BO5aJjRE_Ao2hGb4DeBiCvYaka05gps8Te8zgLg9kQpasDZbhU5OY5qbAomPtol4gKtq-eRevbzSvvGG5O9JTOg6prhwrHD5cRfP8XVl5cD/s1600/Screenshot_2014-10-17-22-19-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_faOT3puY30cLy77AIGDvEcc3oyRuKkBw8BO5aJjRE_Ao2hGb4DeBiCvYaka05gps8Te8zgLg9kQpasDZbhU5OY5qbAomPtol4gKtq-eRevbzSvvGG5O9JTOg6prhwrHD5cRfP8XVl5cD/s1600/Screenshot_2014-10-17-22-19-21.png" height="320" width="213" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h4 style="clear: both; text-align: left;">
Sign in</h4>
<div>
Desktop:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCUsUZ-0MyJvA8Jr4E3roL40USKKulo3-HmGjZXT7uVyZjBA2zzIK37od7onKDACPwV7D_uMKgRUitw4QASSF0lsdI8MG1aERWu0oIucuOPHhGzwlRsSQ_mSF9S_o9Cl6vIjCOSuj94-s/s1600/log_d.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCUsUZ-0MyJvA8Jr4E3roL40USKKulo3-HmGjZXT7uVyZjBA2zzIK37od7onKDACPwV7D_uMKgRUitw4QASSF0lsdI8MG1aERWu0oIucuOPHhGzwlRsSQ_mSF9S_o9Cl6vIjCOSuj94-s/s1600/log_d.PNG" height="272" width="640" /></a></div>
<div>
<br /></div>
<div>
Android Chrome:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-duB-jGvHDa6DipD-Ws0FPDcvYm5cQ87lCIZzYNT3oicxg80QZ6jv1Sv_wiz0oi5v7_TQ-8Sair2w6-goKGgy7PTJUwSDblPGIPHT_uxUcAvSutx0jua8q25TSOEsbWiaMiu4HQi3NYH/s1600/Screenshot_2014-10-17-22-28-25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-duB-jGvHDa6DipD-Ws0FPDcvYm5cQ87lCIZzYNT3oicxg80QZ6jv1Sv_wiz0oi5v7_TQ-8Sair2w6-goKGgy7PTJUwSDblPGIPHT_uxUcAvSutx0jua8q25TSOEsbWiaMiu4HQi3NYH/s1600/Screenshot_2014-10-17-22-28-25.png" height="320" width="213" /></a></div>
<div>
<br /></div>
<h4>
Dashboard</h4>
<div>
Desktop:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQeULUeACivCYDnSLJ-QjH1N2LMBxUQ6RBi3NQnwOJ_-ighRM622oZbJ_fckv3FAxMsT-MeJm5ufpgN3pL5rOkNK1icuD35clBmHQ_WmqPMs0laX0Wtof4AgPQnHPTnI0MGmH9SBr98_9E/s1600/d_d.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQeULUeACivCYDnSLJ-QjH1N2LMBxUQ6RBi3NQnwOJ_-ighRM622oZbJ_fckv3FAxMsT-MeJm5ufpgN3pL5rOkNK1icuD35clBmHQ_WmqPMs0laX0Wtof4AgPQnHPTnI0MGmH9SBr98_9E/s1600/d_d.PNG" height="510" width="640" /></a></div>
<div>
<br /></div>
<div>
Android Chrome:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKgilIFx9Iw9vNtbp3fWn7NUpKMsoWxEn5L-4sSjFQ05kcI-SsLkV41OlqkJD8r3plYSpRKE79l8-H5N6faYtqUC_bwSnkNDAl6oaoWjH6HTwLTQqsAUjF5q7jftS17wwokKGPG6DfSP-w/s1600/Screenshot_2014-10-17-22-33-53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKgilIFx9Iw9vNtbp3fWn7NUpKMsoWxEn5L-4sSjFQ05kcI-SsLkV41OlqkJD8r3plYSpRKE79l8-H5N6faYtqUC_bwSnkNDAl6oaoWjH6HTwLTQqsAUjF5q7jftS17wwokKGPG6DfSP-w/s1600/Screenshot_2014-10-17-22-33-53.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdrtce06ldeb7q8IczUbW1-s4KnwwZoCLjVJwQ-QRPb46PolMh_O8tYlijLhB6yyeIPpj3Ys6sWs3-l-SNbz9Gf1_sNphMmt7BgWfITsddeVBrBK0H4DJsXcGHr8l_0XmtAuwwat8BFVV/s1600/Screenshot_2014-10-17-22-34-12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdrtce06ldeb7q8IczUbW1-s4KnwwZoCLjVJwQ-QRPb46PolMh_O8tYlijLhB6yyeIPpj3Ys6sWs3-l-SNbz9Gf1_sNphMmt7BgWfITsddeVBrBK0H4DJsXcGHr8l_0XmtAuwwat8BFVV/s1600/Screenshot_2014-10-17-22-34-12.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZPe0bTtOpjZQxqePW351wBQwiV83Y1zT3eKUgr7OE3DgWDHUy_Us75_lz7TY8VUtHRaunJOuMI8Yn9KHT97XCyr6xqhBOpTrGNm5lJh-gKJlkuk3Kst5uthO2swIvN34uR62oVLOul3c/s1600/Screenshot_2014-10-17-22-34-30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZPe0bTtOpjZQxqePW351wBQwiV83Y1zT3eKUgr7OE3DgWDHUy_Us75_lz7TY8VUtHRaunJOuMI8Yn9KHT97XCyr6xqhBOpTrGNm5lJh-gKJlkuk3Kst5uthO2swIvN34uR62oVLOul3c/s1600/Screenshot_2014-10-17-22-34-30.png" /></a></div>
<div>
<br /></div>
<h4>
Create a team</h4>
<div>
Desktop:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoeUltrCZY4Kw9SxgbxQMiuAItSpQQdAr4Eu6ViCUfCekMr_PzoMfJ-AmH7NpNsDQD4DoFghrIEfhe6RGkvGXJdPlY18tpdz-Mu9eqcBNAu1iMKh-Htk-fjD-fgSv6DIVepZ5a4mPeFq7e/s1600/t_d.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoeUltrCZY4Kw9SxgbxQMiuAItSpQQdAr4Eu6ViCUfCekMr_PzoMfJ-AmH7NpNsDQD4DoFghrIEfhe6RGkvGXJdPlY18tpdz-Mu9eqcBNAu1iMKh-Htk-fjD-fgSv6DIVepZ5a4mPeFq7e/s1600/t_d.PNG" height="252" width="640" /></a></div>
<div>
<br /></div>
<div>
Android Chrome:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibjY-S6kslBqX_aJtxT3VH0lxR_ZJnuKYqIn-4yIgPUR6UprFOXiab_LRXojyojTNZvdMMl-Z1V1eaBDjSw9rLSN-c-fGd4jmtNLQcu6qbdxVuhbzT7fB7h2-ShS0ogV5gj7aEQLpz2Y2A/s1600/Screenshot_2014-10-17-22-42-47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibjY-S6kslBqX_aJtxT3VH0lxR_ZJnuKYqIn-4yIgPUR6UprFOXiab_LRXojyojTNZvdMMl-Z1V1eaBDjSw9rLSN-c-fGd4jmtNLQcu6qbdxVuhbzT7fB7h2-ShS0ogV5gj7aEQLpz2Y2A/s1600/Screenshot_2014-10-17-22-42-47.png" height="320" width="213" /></a></div>
<div>
<br /></div>
<h2>
Bug fixes</h2>
<div>
The system was using different table columns to store question information. There was a bug that when the admin created a new question, sometimes the stored question types and some data fields were wrong. Transferring a database question object to a question object in back-end code is hard wordy. </div>
<div>
<br /></div>
<div>
Now the system is using json to store different question classes. It is easier to transfer objects using json. And the extensibility is also improved. Any new question object can be transferred to json string and stored as a string in Parse data. Adding new question types doesn't require modification to current code.</div>
<div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-31501075306525701292014-10-26T15:15:00.000-07:002014-10-26T16:27:47.639-07:00Implementation - June<h2>
Meeting with Dorian</h2>
<div>
Met with Dorian 05/06/2014, and talked about the front-end design of the game.</div>
<div>
<br /></div>
<h3>
Information and suggestions got from Dorian</h3>
<div>
<ol>
<li>Where to start?<br />Start from applying Bootstrap library in front-end.<br />Bootstrap can help to do responsive design. <br />Basic beautification can also be done by Bootstrap.</li>
<li>What if there are not enough elements in a page, and the page seems very simple and full of blanks?</li>
<ol>
<li>A simple design is a good design.</li>
<li>As for the blanks, make the elements bigger.</li>
</ol>
</ol>
</div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-40641104798619536662014-10-26T15:05:00.001-07:002014-10-26T16:27:41.139-07:00Implementation - May<h2>
Different question types</h2>
<div>
Now 3 different question types are supported for admin to create.</div>
<div>
<br /></div>
<h4>
Multi choice</h4>
<div>
Same to the previous question type.</div>
<h4>
Filling in blank</h4>
<div>
The user need to fill in the blank to answer the question.</div>
<h4>
Uploading a file</h4>
<div>
Upload a file to Parse by the javascript API of Parse.</div>
<div>
<br /></div>
<h3>
How to upload a file to Parse hosting</h3>
<div>
Parse hosting is using a modified version of Express.js framework. Some of the functionalities are disabled, e.g. file uploading in a form.</div>
<div>
<br /></div>
<div>
For the normal Express.js, an <input type="file"> will put the file into req.body. But as Parsed modified the Express.js framework, the file is not uploaded to req.body, and the developer can not access the file from Express.</div>
<div>
<br /></div>
<div>
Parse javascript API is the only solution.</div>
<h4>
How to use Parse javascript API</h4>
<div>
Follow the guide at <a href="https://parse.com/docs/js_guide">https://parse.com/docs/js_guide</a>.</div>
<div>
For uploading a file:</div>
<div>
<ol>
<li>call Parse.initialize("APP_ID", "Javascript key");</li>
<li>create a file object, and pass into the file object got from input tag<br />var parseFile = new Parse.File(file[0].name, file[0]);</li>
<li>call save()<br />parseFile.save().then(...)</li>
<li>when save() succeeds, reference the file object from to another object<br />var fileInstance = new Parse.Object("AppFiles");<br />fileInstance.set("file", parseFile);</li>
<li>submit the form when fileInstance is saved to cloud</li>
</ol>
<div>
A file object doesn't have an objectID. So linking with another object is the only way of reuse the file object.</div>
<div>
When the server get the object linked with the file object:\</div>
</div>
<div>
<ol>
<li>Fetch the object</li>
<li>Fetch the file object reference by it</li>
<li>get the file url by<br />file.url()</li>
</ol>
</div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-60299596959759124522014-05-20T06:48:00.000-07:002014-05-20T06:48:38.164-07:00Implementation in Parse - April<h2>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Already Implemented</span></h2>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">The following functionality has already been implemented before April:</span></div>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">Web Hosting</span></h4>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Login</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Register</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Answer Questions</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Simple badges</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">View basic personal and team information</span></li>
</ol>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">Android</span></h4>
</div>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Login</span></li>
</ol>
<h2>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;">Newly Implemented</span></h2>
</div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">The following functionality has been implemented in April:</span></div>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">Web Hosting</span></h4>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Create new teams<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlp67WXhw1QEN2CHuXIQG4nfRyOBedYNYgzj12Ez4dAyMpLCXigy-ptXVB9Gq23kky-4aNA39kgaoHixtBUni6mHSbILBI8NJ-Vs10arb97El3so3Vxj5ml7RWnf6YtjkzL7JF5tHIyTbH/s1600/cut.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlp67WXhw1QEN2CHuXIQG4nfRyOBedYNYgzj12Ez4dAyMpLCXigy-ptXVB9Gq23kky-4aNA39kgaoHixtBUni6mHSbILBI8NJ-Vs10arb97El3so3Vxj5ml7RWnf6YtjkzL7JF5tHIyTbH/s1600/cut.png" /></a></div>
</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Admin login<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvgBr_yTfAOgMmqD6t7bnl1scZiLqD9bCpEGlG4T73Ptmd-dCMb2i_KB7fDbc9RpeBHLo-atZo12pwxYmMN-FYb_mqCvYiaWW4ViHbz9nM5cKC8rlgZTZkN3t8JTddWGaBZcnWJt9-VVpG/s1600/admin-login.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvgBr_yTfAOgMmqD6t7bnl1scZiLqD9bCpEGlG4T73Ptmd-dCMb2i_KB7fDbc9RpeBHLo-atZo12pwxYmMN-FYb_mqCvYiaWW4ViHbz9nM5cKC8rlgZTZkN3t8JTddWGaBZcnWJt9-VVpG/s1600/admin-login.png" /></a></div>
</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Admin dashboard<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig_zrSFUz8BOjCyWI7MKuBg4AZUN8JuKMnDNixuUemcVnV7_BK4NUPlfgPD0Kq_vrtq3iQXvVtBhpfwBmKVYgSvppOaWRnkPC1oxEyTOiC_CXznEmsim4ZSG-vlatHFV9YsoSJdJp1oQG_/s1600/admin-dash.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig_zrSFUz8BOjCyWI7MKuBg4AZUN8JuKMnDNixuUemcVnV7_BK4NUPlfgPD0Kq_vrtq3iQXvVtBhpfwBmKVYgSvppOaWRnkPC1oxEyTOiC_CXznEmsim4ZSG-vlatHFV9YsoSJdJp1oQG_/s1600/admin-dash.png" /></a></div>
</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Admin view list of</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">users<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikxmCyC0fi5-DhzNVcWGpjccKlHDVOLrzPDAHspGNPxAZTHMlDoxlsvMjETxGEF-v6C4IC8EWMEOTcYzDCGQWQSqgVHo0lUXHdvYiafTUDeAeeaahHzPgUbN3HsdqThdbc-iFfZxSdQ9nQ/s1600/userlist.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikxmCyC0fi5-DhzNVcWGpjccKlHDVOLrzPDAHspGNPxAZTHMlDoxlsvMjETxGEF-v6C4IC8EWMEOTcYzDCGQWQSqgVHo0lUXHdvYiafTUDeAeeaahHzPgUbN3HsdqThdbc-iFfZxSdQ9nQ/s1600/userlist.png" /></a></div>
</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">teams
<br /><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT42OaO5omu-h7BX9rI0BLzKUeKLEXwvgyhS0DwcfmTOjRuwbFdxVey9zyap4mTtlkFl5O9x94onGIwTPavFAsZ_Q7HPmBZZ0pJ-QgV-mWlQBnObuREnWCxOvnWP6QnaafjXHcuHR6A1Aw/s1600/teamlist.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT42OaO5omu-h7BX9rI0BLzKUeKLEXwvgyhS0DwcfmTOjRuwbFdxVey9zyap4mTtlkFl5O9x94onGIwTPavFAsZ_Q7HPmBZZ0pJ-QgV-mWlQBnObuREnWCxOvnWP6QnaafjXHcuHR6A1Aw/s1600/teamlist.png" /></a></div>
<br />
</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Admin view the information of</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">a user<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUM_x6-svZ5yiQY9Zs7DxgVEYpf9Z456YNcIt59DFG5E2_HP04AmIDsB3JFQsfbVOdpNo55xlxJ80eotVZCKX_K0ryaj94X0QFLZKKLqI1bpYY5mKQLYSHvq8Y3Ldq9NGGL3jEZUJNYViW/s1600/viewteam.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUM_x6-svZ5yiQY9Zs7DxgVEYpf9Z456YNcIt59DFG5E2_HP04AmIDsB3JFQsfbVOdpNo55xlxJ80eotVZCKX_K0ryaj94X0QFLZKKLqI1bpYY5mKQLYSHvq8Y3Ldq9NGGL3jEZUJNYViW/s1600/viewteam.png" height="143" width="400" /></a></div>
</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">a team<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjT4bNxQOLuPyETcvYITPx1ncIvjG4eLK0drHcbf7lB8VxlWBB8trz2fAqqBQbRo9m-35X1pfLSg-NpNS-Z4v5NWIiXngay1cPNscaIJycIFyZX6VmHMu9DflBQIQzqJuWczm6usVG7Mfh/s1600/viewuser.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjT4bNxQOLuPyETcvYITPx1ncIvjG4eLK0drHcbf7lB8VxlWBB8trz2fAqqBQbRo9m-35X1pfLSg-NpNS-Z4v5NWIiXngay1cPNscaIJycIFyZX6VmHMu9DflBQIQzqJuWczm6usVG7Mfh/s1600/viewuser.png" height="145" width="400" /></a></div>
</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Admin create questions<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2mcdNxjBUD47Lust2Bsg2kus7pjZI9cv2bDM2OIz3IE3hEft7kiVDgDebUbBO6VWqxa1Ito_-dvZGC-x72PxtYKHLdq_AVNA8qto3eBckX_UCnCRaikt-olomFc6rTme4L9OT7w3m1qm/s1600/q.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2mcdNxjBUD47Lust2Bsg2kus7pjZI9cv2bDM2OIz3IE3hEft7kiVDgDebUbBO6VWqxa1Ito_-dvZGC-x72PxtYKHLdq_AVNA8qto3eBckX_UCnCRaikt-olomFc6rTme4L9OT7w3m1qm/s1600/q.png" /></a></div>
</span></li>
</ol>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">Android</span></h4>
</div>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">View basic personal and team information</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Answer questions</span></li>
</ol>
</div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-21616718655127378932014-05-20T06:47:00.000-07:002014-05-20T06:47:07.662-07:00Implementation in Parse: Connect to Parse in Android<br />
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Get the App ID and client key in the app's setting --> application key page</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Download the Parse SDK for Android<br /><a href="https://www.parse.com/downloads/android/Parse-Starter-Project/latest">https://www.parse.com/downloads/android/Parse-Starter-Project/latest</a><br />and add it to the Android project</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">In the project code (init part), use the App ID and client key to init the Parse SDK</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Call Parse SDK to manipulate the cloud data</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">ParseObject</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">getString</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">getBoolean</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">...</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">put("FIELD_NAME", value)</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">saveInBackground</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">ParseQuery<ParseObject></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">whereEqualTo("FIELD_NAME", value)</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">findInBackground(new FindCallback<ParseObject>(){...})</span></li>
</ol>
</ol>
</ol>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-86237891769044121772014-05-20T06:45:00.000-07:002014-05-20T06:45:05.002-07:00Implementation in Parse - Creating a new Parse project<br />
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Create a new app in Parse dashboard</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Set its domain name in app setting</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Check out the cloud files</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">install the client if it has not been installed yet<br />for Mac/Linux:<br />curl -s https://www.parse.com/downloads/cloud_code/installer.sh | sudo /bin/bash</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">check out the files<br />parse new FolderName<br />Enter email and password, and choose the target project</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Add node.js - express code<br />parse generate express</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Add any initial code and/or files</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Upload<br />parse deploy</span></li>
</ol>
<div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyntdOH9aZJ3sbyjyPjfrOdtc_KjRBM2H8Wyziq4evCAsCddHGqMHsAsXJz_KEyRlkG8EuJTMJpH3FqP_V_M55QHKsjwXHkKezcNdkwntrMd-mwe7_7Z8cgaIy_mWPrUox7HMDWmv3Mj94/s1600/abc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyntdOH9aZJ3sbyjyPjfrOdtc_KjRBM2H8Wyziq4evCAsCddHGqMHsAsXJz_KEyRlkG8EuJTMJpH3FqP_V_M55QHKsjwXHkKezcNdkwntrMd-mwe7_7Z8cgaIy_mWPrUox7HMDWmv3Mj94/s1600/abc.png" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;">Now the project can be changed locally and uploaded by the same command.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Project URL: <a href="http://familyconnect.parseapp.com/">http://familyconnect.parseapp.com/</a></span></div>
<div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-53801014519119277382014-05-20T06:44:00.000-07:002014-05-20T06:44:01.116-07:00About Implementation and Hosting<span style="font-family: Arial, Helvetica, sans-serif;">The project is preferred to be implemented in Java-Spring. And as AWS EC2 provides a 1-year free trial, the project can be hosted in AWS.</span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">But I have not learnt Spring before, and I will have a unit about Spring (ELEC5619: Object Oriented Application Frameworks) in the next semester. So I will start changing the implementation method to Spring next semester.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">In this semester, I will implement the project in node.js - express and host it in Parse. I choose Parse because I am familiar with it, and Parse provides an easy way to cooperate between mobile and web platforms. It supports only node.js - express hosting. As a cloud service provider, Parse sets some limitation on the hosted node.js code (e.g. on file operations, Regex, resources). It is better not to host the final code in Parse.</span></div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-35571720741746523932014-05-20T06:42:00.000-07:002014-05-20T06:42:17.514-07:00Mock Up - 1<span style="font-family: Arial, Helvetica, sans-serif;">The following 2 images are the 1st version mock up.</span><br />
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></h4>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">Mock up for webpages</span></h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikjcb7iNirCxb_6RMBTc8jAzRcryEvKifenLUJuyVfX6uWbZwjEoSIOXVpqbhSdU4fLweDI9P3PifAz8mE9QF_7_ob5d52oOeahAMDrzFyWB7CB85EelGt1SUnVoZ2zcDgmiGIPxeRDhKe/s1600/Mockup+-+Webpage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikjcb7iNirCxb_6RMBTc8jAzRcryEvKifenLUJuyVfX6uWbZwjEoSIOXVpqbhSdU4fLweDI9P3PifAz8mE9QF_7_ob5d52oOeahAMDrzFyWB7CB85EelGt1SUnVoZ2zcDgmiGIPxeRDhKe/s1600/Mockup+-+Webpage.png" height="640" width="470" /></span></a></div>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></h4>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></h4>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">Mock up for Android</span></h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8OOfRcd2q1jyG0y0CSWT0Cbh3B3gMiO-yrgnmw97jqe_F7pUjY-TW54KCgq_aCXfR5kEvhAAOLN7rbacCpaZh_wIHTnbH3Wdd8HEc9eo1EnPq47HvSkwl2jGiIy0DQBPk3kpx551N_j7p/s1600/Mockup+-+Android.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8OOfRcd2q1jyG0y0CSWT0Cbh3B3gMiO-yrgnmw97jqe_F7pUjY-TW54KCgq_aCXfR5kEvhAAOLN7rbacCpaZh_wIHTnbH3Wdd8HEc9eo1EnPq47HvSkwl2jGiIy0DQBPk3kpx551N_j7p/s1600/Mockup+-+Android.png" height="640" width="470" /></span></a></div>
<div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-28178837837635751652014-03-23T04:52:00.000-07:002014-03-23T04:55:55.795-07:00Literature Review - 1<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">About Stigma in Mental Health</span></h3>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">Literature by Helen Christensen</span></h4>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://usyd.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwVZ09DsIwDIUjdhYkmLlApcSpk3iuqDhAL-DY8diJ-6sJYqCX-J709H6ce0YTmr2qSJfj0AW_ArJxSWZemM829h_N15u7tP3utvW1Le_pdwYwCQyrysjAqCTxTKaApWZQqiGOBbMZVFQNaidto9w4tewtBkZWxIYo4eGuPDLj--fbLdMDHUYq5A" target="_blank">Stigma about depression and its impact on help-seeking intentions</a><br /><b>Conclusion</b>: Stigma exists prevalently; from both oneself and others, also caused by expectation of negative response (from doctors/psychologists). Young people are more unwilling to seek for help when meeting mental-health problems.<br /><b>Note</b>: Data and analysis is provided, but no practical solutions are presented.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.biomedcentral.com/1471-244X/6/21" target="_blank">Stigma in response to mental disorders: a comparison of Australia and Japan</a><br /><b>Conclusion</b>: Stigma exists in both countries; stigma is more serious in Japan.<br /><b>Notes</b>: </span><span style="font-family: Arial, Helvetica, sans-serif;">Possible solutions:</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Reduce social conformity and individualism.</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="font-family: Arial, Helvetica, sans-serif;">(impossible for a game)</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Improve service delivery system, so that people with mental problems can contact with the society more frequently.</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="font-family: Arial, Helvetica, sans-serif;">(impossible for a game)</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Provide education about public mental health (stigma reduction programs included).</span><br style="font-family: Arial, Helvetica, sans-serif;" /><b style="font-family: Arial, Helvetica, sans-serif;">For the game:</b><span style="font-family: Arial, Helvetica, sans-serif;"> provide such kind of education and stigma reduction programs in the gameplay, e.g. embedded in the game stories, a mission on this topic, etc.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Conduct public awareness programs to show the real rate of stigma in the community.</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="font-family: Arial, Helvetica, sans-serif;">(impossible for a game)</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"> Increase people's willingness to talk with a person with mental disorder</span><br style="font-family: Arial, Helvetica, sans-serif;" /><b style="font-family: Arial, Helvetica, sans-serif;">For the game:</b><span style="font-family: Arial, Helvetica, sans-serif;"> provide education to increase people's willingness. It is possible to integrate this education with the stories/mission in 3.</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.biomedcentral.com/1471-2458/9/61/" target="_blank">Exploring the nature of stigmatising beliefs about depression and help-seeking: Implications for reducing stigma</a><br /><span style="font-family: Arial, Helvetica, sans-serif;"><b>Conclusion</b>: Points in reducing stigma (of depression):<br />target attributions of blame; decrease depressed people's avoidance; make people feel that depression is a "health condition" rather than "mental illness"; increase help-sources' response.<br /><b>Notes</b>: </span>Possible solutions (for stigma around depression):</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Provide education about the raise of depression<br /><b>For the game:</b> Introduce some mental problems and their causes and solutions. But it may make the game boring.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Reduce the concerns about others' negative attitude<br />(impossible for a game)</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Reduce psychology professionals negative responses towards people with mental problems<br />(impossible for a game)</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Change the general public attitude towards people with mental problems<br />(impossible for a game)</span></li>
</ol>
<li><a href="http://www.tandfonline.com/doi/abs/10.1080/16506070500303456#.Uy65oPmSxvU" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif;">Effects of a Cognitive-Behavioural Internet Program on Depression, Vulnerability to Depression and Stigma in </span><span style="font-family: Arial, Helvetica, sans-serif;">Adolescent Males: A School-Based Controlled Trial</span></a><br /><span style="font-family: Arial, Helvetica, sans-serif;"><b>Conclusion</b>: <span style="font-family: Arial, Helvetica, sans-serif;">Internet cognitive behaviour therapy programs like MoodGYM can decrease the risk of depression.</span><br /><b>Notes</b>:<br />Possible solutions:</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">The programs should be attractive to the users (adolescent males) and should not be too difficult.<br /><b>For the game:</b> If mental education stories or missions are applied in the game, they should be easy and interesting</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">The program materials should be in a format that are not difficult to the users.<br /><b>For the game:</b> Similar to the above one.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Pay attention to the short lasting effect.<br /><b>For the game:</b> Do the education repeatedly in different stories and missions. May make the game boring.</span></li>
</ol>
</ol>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
</div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">About Counselling Psychology</span></h3>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://books.google.com.au/books?id=1W39clw58S4C&printsec=frontcover&dq=Handbook+of+Counselling+Psychology&hl=en&sa=X&ei=RccuU6XrF4TkkQXo_4CwCw&ved=0CDkQ6AEwAA#v=onepage&q&f=false" target="_blank">Handbook of Counselling Psychology</a><br />(695 pages)<br />The book talks about the development of counselling psychology and many aspects and issues about counselling psychology.</span></li>
</ol>
</div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-40171465354607550972014-03-23T04:50:00.001-07:002014-03-23T04:52:47.786-07:00Gantt Chart<span style="font-family: Arial, Helvetica, sans-serif;">The project file is hosted in Google Drive (<i>Gantter</i> is needed to view the project).</span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Link:<a href="https://drive.google.com/file/d/0B7VQnpN8MOL4aE5XRWE3ck9qRjQ/edit?usp=sharing"> https://drive.google.com/file/d/0B7VQnpN8MOL4aE5XRWE3ck9qRjQ/edit?usp=sharing</a></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Gantt chart in png:</span><br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjc3Xb0fKaTA6TC8GZ-ESWfKjOzlCxK60EqOMwrPJc_lGOT9Ne1WIY30smZ7dS6GZ7heix6pG2xdkj7Ar8xFwQ9f9BSpV_IwFfuDTfCW-9WIWEzRUeb0ZPGu3YHBlr3TyR5WkIt7L0jlx/s1600/Thesis.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjc3Xb0fKaTA6TC8GZ-ESWfKjOzlCxK60EqOMwrPJc_lGOT9Ne1WIY30smZ7dS6GZ7heix6pG2xdkj7Ar8xFwQ9f9BSpV_IwFfuDTfCW-9WIWEzRUeb0ZPGu3YHBlr3TyR5WkIt7L0jlx/s1600/Thesis.png" height="31" width="400" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-48309237645498032412014-03-09T04:48:00.001-07:002014-03-11T04:02:27.149-07:00Draft Proposal<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Title:</span></h3>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Web game for well-being</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Proposer:</span></h3>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Xiaodong Sun</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Supervisor:</span></h3>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">A/PROF Rafael Calvo</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Background</span></h3>
<div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">The effect of electronic games on teenagers has long been contentious. Research shows that playing games cooperatively can improve the relationship between players. And cooperative gameplay in family can also help to build stronger family relationships, thus improving family members' mental health and providing better support when mental issues arise. Currently the development of pervasive computing and wireless network boosts not only business, but also electronic entertainment. A web game on multiple platforms can help family members play games together without the impeding of time or space.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">The project's purpose is to develop a web game which can help users to build stronger family relationships, so that the users have better opportunities of getting and providing mental support to their families.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;">
</span></div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Problem Statement</span></h3>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">A lot of issues need to be solved before the success of this web game</span><span style="font-family: Arial, Helvetica, sans-serif;">.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">Game Design</span></h4>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">How to involve both the children and parents?<br />Cooperative gameplay is the core activity in this game. Therefore the game shall be designed that it can only be finished under the cooperation of both the children and the parents. The game shall be interesting for the children so that they are willing to participate in the cooperation with their parents. It will be better (but not necessary) if the game is also interesting for the parents.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">How to encourage children's discussion of sensitive issues with their parents?<br />The project aims to encourage the children to seek for help from their parents when encountering sensitive issues. Cole and Griffiths found that online game players are more willing to discuss sensitive issues with their play mates (than real life friend) because the anonymity and the similar age range, which neither exists in child-parent relationships. Without a good solution to this problem, even if the game improves the child-parent relationships, it may not improve the mental well-being of children.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">How to reduce the stigma surrounding mental health issues?<br />The game is also designed to make players feel that mental health issues are as equivalent to any other health issues, so that the players will be confident to seek help when encountering mental problems.</span></li>
</ol>
<span style="font-family: Arial, Helvetica, sans-serif;">A deep literature review in psychology and game design fields is needed to find solutions to the above problems.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<h4>
<span style="font-family: Arial, Helvetica, sans-serif;">Game Development</span></h4>
</div>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Applying the Spring framework.<br />Spring framework is expected to be applied in this project. This framework is complicated and totally new to me. This issue can be addressed by learning of the framework before the development phase.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Server interface design<br />The server shall provide interfaces which are called by both a responsive web app/ website and a mobile app. It is complicated and requires consideration of protocol, data transfer and security.</span></li>
</ol>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
</div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Methodologies</span></h3>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">The qualitative research methodology will be applied in this project due to the limitation of time and resource for an MPE project. The design and development will be based on past research and deduction of current theories. The product of the project will be tested by special selected users. User's views will be collected by 1:1 interviews, and several deep questions will be asked to get more valuable feedback.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Schedule</span></h3>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Background research and requirement analysis</b><br /><i>Jan 3rd ~ Mar 27th (Topic Proposal due)</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Background related literature review<br /><i>Jan 3rd ~ Jan 6th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Requirement analysis<br /><i>Jan 6th ~ Mar 7th</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">mock up</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">simple prototype</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">meeting with UI designer and psychology expert</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Scope negotiation and feature selection<br /><i>Mar 7th ~ Mar 14th (Topic Registration due)</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Formal requirement document and project plan<br /><i>Mar 14th ~ Mar 21st</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Literature review (psychology and game design)<br /><i>Mar 7th ~ Mar 27th</i></span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Design</b><br /><i>Mar 31st ~ Apr 25th</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">System structure</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Back end</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Detailed software structure design</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Data model</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Front end?</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Development iteration plan</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Learn Spring</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Development</b><br /><i>Apr 28th ~ Jul 20th, except the exam weeks; 1 week per iteration</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Development</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Progress report<br /><i>May 19th ~ Jun 5th (Progress Report due)</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">draft<br /><i>May 19th ~ May 29th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">final<br /><i>May 30th ~ Jun 5th</i></span></li>
</ol>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Test and draft thesis</b><br /><i>Jul 21st ~ Oct 10th (Draft Thesis may due on Oct 24th)</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Alpha test<br /><i>Jul 21st ~ Jul 27th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Inner beta test<br /><i>Jul 28th ~ Aug 8th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">release and field test<br /><i>Aug 11th </i><i>~ Oct 10th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">draft thesis and wait for test result<br /><i>Aug 11th ~ Oct 10th</i></span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Data analysis</b><br /><i>Oct 11th ~ Oct 17th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Final thesis</b><br /><i>Oct 17th ~ Nov 6th (Final Thesis may due on Nov 7th)</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Presentation</b><br /><i>Nov 7th ~ Nov 13th (Presentation may be on Nov 14th)</i></span></li>
</ol>
</div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-65321477309924020722014-02-22T19:01:00.000-08:002014-02-22T19:01:33.056-08:00Questions for UI Designer and Psychology Expert<span style="font-family: Arial, Helvetica, sans-serif;">The following questions are prepared for the meeting with our UI Designer on 24/02/2014. These questions are mainly based on my questions about the project background.</span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Game Design</span></h3>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Have designed?</span></div>
<div>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Yes: description</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">No: how to design</span></li>
</ul>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Important features of the game</b></span></div>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">How to involve both the children and the parents?</span></li>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">interest the children to play games with parents (not friends)</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">in prototype</span></li>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">team: a child with a parent</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">team mark, group mark</span></li>
</ul>
</ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">How to support/encourage children's discussion of sensitive issues (with parents)?</span></li>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">literature</span></li>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">SAFE</span></li>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">online game friends</span></li>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">anonymous</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">age range</span></li>
</ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">family - how to make children feel safe?</span></li>
</ul>
</ul>
</ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Key points in the designer's point of view</span></li>
</ol>
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Meet the victory conditions</b></span></div>
</div>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">How to reduce stigma surrounding mental health issues?<br />“If anxiety was really getting in my way, I would see my doctor to find out what I could do about it.”</span></li>
</ol>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
</div>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">UI Design</span></h3>
<div>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Confirm the same understanding of the game design</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Design for mobile? web page? other devices?</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Basic draft and mock up</span></li>
</ol>
</div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-91555801843938859342014-02-22T15:55:00.000-08:002014-02-22T18:48:01.734-08:00Draft Project Plan - 1<span style="font-family: Arial, Helvetica, sans-serif;">The following outline is a draft plan for the project. After detailed discussion with my supervisor, the final one will be made before 27/03/2014 (Topic proposal due date).</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Background research and requirement analysis</b><br /><i>Jan 3rd ~ Mar 27th (Topic Proposal due)</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Background related literature review<br /><i>Jan 3rd ~ Jan 6th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Requirement analysis<br /><i>Jan 6th ~ Mar 7th</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">mock up</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">simple prototype</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">meeting with UI designer and psychology expert</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Scope negotiation and feature selection<br /><i>Mar 7th ~ Mar 14th (Topic Registration due)</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Formal requirement document and project plan<br /><i>Mar 14th ~ Mar 21st</i></span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Design</b><br /><i>Mar 31st ~ Apr 25th</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">System structure</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Back end</span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Detailed software structure design</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Data model</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Front end?</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Development iteration plan</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Learn Spring</span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Development</b><br /><i>Apr 28th ~ Jul 20th, except the exam weeks; 1 week per iteration</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Development</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Progress report<br /><i>May 19th ~ Jun 5th (Progress Report due)</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">draft<br /><i>May 19th ~ May 29th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">final<br /><i>May 30th ~ Jun 5th</i></span></li>
</ol>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Test and draft thesis</b><br /><i>Jul 21st ~ Oct 10th (Draft Thesis may due on Oct 24th)</i></span></li>
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Alpha test<br /><i>Jul 21st ~ Jul 27th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Inner beta test<br /><i>Jul 28th ~ Aug 8th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">release and field test<br /><i>Aug 11th </i><i>~ Oct 10th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">draft thesis and wait for test result<br /><i>Aug 11th ~ Oct 10th</i></span></li>
</ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Data analysis</b><br /><i>Oct 11th ~ Oct 17th</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Final thesis</b><br /><i>Oct 17th ~ Nov 6th (Final Thesis may due on Nov 7th)</i></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><b>Presentation</b><br /><i>Nov 7th ~ Nov 13th (Presentation may be on Nov 14th)</i></span></li>
</ol>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-53795488792435418642014-02-09T03:55:00.000-08:002014-02-09T03:57:47.310-08:00System Analysis - 1<span style="font-family: Arial, Helvetica, sans-serif;">This system is based on the meeting with Rafa, and it is only for the prototype.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<h2>
<span style="font-family: Arial, Helvetica, sans-serif;">System Structure</span></h2>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqyEXlWiOJceRDkw30xNxAHAY8BgpP8KPk43dPBaZ-cnbglYBECb7kYC4GkethOpg0OY4Q-z5KrqBQ9eBVmeOkhbxSMoU3knC3C8u_eaak5Q-2SPUWMvAYC01hY6ZwJDf8vx9o5d8lHaNV/s1600/Thesis-pro-structure-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqyEXlWiOJceRDkw30xNxAHAY8BgpP8KPk43dPBaZ-cnbglYBECb7kYC4GkethOpg0OY4Q-z5KrqBQ9eBVmeOkhbxSMoU3knC3C8u_eaak5Q-2SPUWMvAYC01hY6ZwJDf8vx9o5d8lHaNV/s1600/Thesis-pro-structure-1.png" height="221" width="400" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Class Diagram</span></h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgYoKrAx8Ajo0oqGVJT9LPMh61-OJpJ5S9vMmKnIclHiI93lvE8acF3C26hNR2HUHeD-Pnitc41DtfH1DzClVaC1YEwMkYX7TlChqdCKIHQGEaWctAUw1wDwNUYxKMnJTPhceFDA5vlTh/s1600/Class+Diagram.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzgYoKrAx8Ajo0oqGVJT9LPMh61-OJpJ5S9vMmKnIclHiI93lvE8acF3C26hNR2HUHeD-Pnitc41DtfH1DzClVaC1YEwMkYX7TlChqdCKIHQGEaWctAUw1wDwNUYxKMnJTPhceFDA5vlTh/s1600/Class+Diagram.png" height="255" width="400" /></a></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-12901805512847237102014-02-09T03:34:00.002-08:002014-02-09T03:34:44.304-08:00Background Analysis - 1<span style="font-family: Arial, Helvetica, sans-serif;">This is a very first and basic analysis of the project background, based on the project extract which Rafa sent me. I think more project information and deeper analyses are needed to get a better understanding of the project, and make reasonable plans for both the project and the final thesis.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Project extract from Rafa:</span><br />
<blockquote class="tr_bq">
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-size: x-large;"><b><span style="color: black; font-family: Trebuchet MS; font-size: small;"><span style="background-color: transparent; font-size: 21px; font-weight: normal;">Background and project rationale:</span></span></b></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-family: Arial; font-size: xx-small;"><span style="font-size: 13px;"><b>Stronger family relationships are predictive of better mental health, and better support when problems arise</b></span></span><span style="font-family: Arial; font-size: xx-small;"><span style="background-color: yellow; font-size: 13px;"><b>[ref] </b></span></span><span style="font-family: Arial; font-size: xx-small;"><span style="font-size: 13px;"><b> All families would benefit from new opportunities to connect that work within the realities of modern life. Cooperative gameplay provides opportunities for bonding and strengthening relationships in an accessible and adaptable way. </b></span></span><span style="font-family: Arial; font-size: xx-small;"><span style="font-size: 13px;">More specifically, a meaningful relationship with fathers, or other Significant Male Adults (SMA), are important to adolescent development, while meaningful relationships with offspring are important to fathers. there are many reasons why parents and adolescents may not get opportunities to connect and open up to each other - especially about emotional or sensitive issues. Gameplay via pervasive digital devices has the power to provide opportunities by circumventing obstacles like time, place, or the intimidating nature of direct discussion. Moreover, play is fun practice and players can practice responding to difficult situations in the safe context of a game.</span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-family: Arial; font-size: xx-small;"><span style="font-size: 13px;"><b>A reluctance to communicate about emotional experience is common among males, and therefore between fathers/SMAs and their children and this reluctance is an obstacle to either group seeking help when they need it </b></span></span><span style="font-family: Arial; font-size: xx-small;"><span style="background-color: yellow; font-size: 13px;"><b>[ref]</b></span></span><span style="font-family: Arial; font-size: xx-small;"><span style="font-size: 13px;"><b>. Opening new lines of communication is one way to tackle this problem, and this is possible through cooperative gameplay and the opportunities for safe and playful sharing and negotiation it provides. </b></span></span><span style="font-family: Arial; font-size: xx-small;"><span style="font-size: 13px;">A game can tackle the problem intrinsically (see research below) as well as through the careful employment of content and theme. The gaming environment can also build soco-emotional skills through simulation, modelling and the provision of educational content. Moreover, a game environment can incorporate themes and messages aimed at eroding the stigmas blocking males from seeking help.</span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-size: large;"><b><span style="color: black; font-family: Trebuchet MS; font-size: x-small;"><span style="background-color: transparent; font-size: 17px;">The unique affordances of games for connectedness and wellbeing</span></span></b></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-family: Arial; font-size: xx-small;"><span style="font-size: 13px;">According to </span></span><span style="color: black; font-family: Arial; font-size: xx-small;"><span style="font-size: 13px;">Brand’s (2013) </span></span><span style="font-family: Arial; font-size: xx-small;"><span style="font-size: 13px;">research 96% of 11 to 15 year olds and 85% of 16 to 24 year olds play videogames. Additionally, Australians in their 40s and 50s make up the largest group of new adult gamers with 62% of those aged 36 to 50 (and 39% of over 50) now playing. There is a very clear opportunity to capitalise on young people's passion for videogame play and to build on the growing interest in videogames among older Australians. But it’s not just that games are particularly accessible or popular, it is also that they hold unique potential for promoting wellbeing.</span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-size: large;"><b><span style="color: black; font-family: Trebuchet MS; font-size: x-small;"><span style="background-color: transparent; font-size: 17px;">How games can promote psychological wellbeing</span></span></b></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="color: black; font-family: Arial; font-size: x-small;"><span style="background-color: transparent; font-size: 15px;">Contrary to many popular conceptions, much of the recent research shows a variety of positive impacts of videogame play on both psychological and social wellbeing (see Johnson, Jones, Scholes and Carras, 2013) for a review). Psychological wellbeing can be considered to relate to mood, emotions, thoughts and cognitions, while social wellbeing relates to a person’s ability to make and maintain healthy interactions, relationships and connections with others (Durkin and Barber, 2002; Russoniello et al., 2009).</span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="color: black; font-family: Arial; font-size: x-small;"><span style="background-color: transparent; font-size: 15px;">Przybylski and colleagues (2009) have established, based on self-determination theory, that videogames offer players satisfaction of their need for feelings of competence, autonomy and relatedness. Our own research has confirmed this with an Australian sample (Johnson & Gardner, 2010). Moreover, satisfaction of these needs while playing videogames leads to long lasting improvements in positive affect/mood, post-play energy, life-satisfaction and self-realisation (Przybylski et al., 2009). In a randomised controlled trial with a clinically depressed sample, the positive influences of videogames on mood have been shown to include reduction in tension, anger, depression and fatigue and increase in vigour (Russoniello et al., 2009).</span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="color: black; font-family: Arial; font-size: x-small;"><span style="background-color: transparent; font-size: 15px;">Among school aged boys research is coalescing to show a range of psychological benefits of moderate play. The evidence suggests that those who play showed better outcomes than those who never played on positive school engagement, mental health and self concept. More research is still needed, particularly in the area of games designed specifically to support mental health and wellbeing.</span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-size: large;"><b><span style="color: black; font-family: Trebuchet MS; font-size: x-small;"><span style="background-color: transparent; font-size: 17px;">How games can promote social wellbeing</span></span></b></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="color: black; font-family: Arial; font-size: x-small;"><span style="background-color: transparent; font-size: 15px;">As Granic and colleagues (2013) note, perhaps the biggest change in videogame characteristics over time is the degree to which they encourage social interaction with modern games being pervasively social. Yee (2006) collected data from 30,000 players of massively multi-player online role-playing games and found that some of the strongest motivations for play were related to social wellbeing, specifically: socialising (chatting with and helping others), the desire to form meaningful relationships with others, and deriving satisfaction from teamwork. Durkin and Barber (2002) found that a high proportion of time spent playing was with friends and family. Moreover, they found evidence that videogame play was positively associated with family closeness and social involvement.</span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="color: black; font-family: Arial; font-size: x-small;"><span style="background-color: transparent; font-size: 15px;">Additionally, it seems clear that the social connections made during videogame play carry over into real life. Yee (2006) found that players described their online friendships as comparable to their real life friendships and that play was used to form and extend real life relationships.</span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-size: large;"><b><span style="color: black; font-family: Trebuchet MS; font-size: x-small;"><span style="background-color: transparent; font-size: 17px;">How games support the discussion of sensitive issues</span></span></b></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="color: black; font-family: Arial; font-size: x-small;"><span style="font-size: 15px;">Cole and Griffiths</span></span><span style="font-family: Arial; font-size: x-small;"><span style="font-size: 15px;"> found that 40% of participants reported that they would discuss sensitive issues with their online gaming friends that they would not necessarily discuss with their real life friends. There is a clear opportunity to help young men and boys build and maintain their relationship with their parents through cooperative, collaborative and creative play afforded through a digital game experience.</span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-size: large;"><b><span style="color: black; font-family: Trebuchet MS; font-size: x-small;"><span style="background-color: transparent; font-size: 17px;">Game design can inform other areas in human-computer interaction</span></span></b></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="color: black; font-family: Arial; font-size: x-small;"><span style="background-color: transparent; font-size: 15px;">What we learn while designing mobile games that promote mental health can be incorporated into other Positive Computing applications (Calvo & Peters, to appear) such as social networks and collaboration software.</span></span><span style="color: black; font-family: Arial; font-size: x-small;"><span style="background-color: transparent; font-size: 15px;"></span></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-size: x-large;"><b><span style="color: black; font-family: Trebuchet MS; font-size: small;"><span style="background-color: transparent; font-size: 21px; font-weight: normal;">Impact</span></span></b></span></div>
<div style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 10pt;">
<span style="font-family: Arial; font-size: x-small;"><span style="font-size: 15px;">The project will impact the mental health of boys and men in the following ways:</span></span></div>
<ul style="background-color: white; color: #282828; font-family: 'Segoe UI WPC', 'Segoe UI', Tahoma, 'Microsoft Sans Serif', Verdana, sans-serif; font-size: 15px; margin-bottom: 0px; margin-top: 0px;">
<li><span style="color: black; font-family: Arial; font-size: x-small;"><span style="font-size: 15px;"><div style="margin-bottom: 0px; margin-top: 10pt;">
<span style="color: #222222;"><b>Stronger relationships and increased connectedness </b></span><span style="color: #222222;">between adolescents and fathers/SMAs.</span><span style="color: #222222;"><br /></span><span style="color: #222222;"><i>Victory condition: </i></span><span style="color: #222222;">That players report the experience made them feel closer to their teammate and/or that they know more about each other. eg. “I learned a lot about my dad.”</span></div>
</span></span></li>
<li><span style="color: black; font-family: Arial; font-size: x-small;"><span style="font-size: 15px;"><div style="margin-bottom: 0px; margin-top: 10pt;">
<span style="color: #222222;"><b>Increased socio-emotional skills </b></span><span style="color: #222222;">derived from novel father-son interactions, structured cooperative play experiences and the negotiation and diverse forms of communication practice that come with these.</span><span style="color: #222222;"><br /></span><span style="color: #222222;"><i>Victory condition: </i></span><span style="color: #222222;">That players report feeling more comfortable talking about a wider range of issues. </span><span style="color: #222222;"><br />eg. “I feel like I can talk to my son about sensitive issues more easily now”</span></div>
</span></span></li>
<li><span style="color: black; font-family: Arial; font-size: x-small;"><span style="font-size: 15px;"><div style="margin-bottom: 0px; margin-top: 10pt;">
<span style="color: #222222;"><b>Reduced stigma surrounding mental health issues</b></span><span style="color: #222222;"> and around help-seeking achieved through exposure to related scenarios, educational information embedded in gameplay, and simulated experience responding to these issues. </span><span style="color: #222222;"><br /></span><span style="color: #222222;"><i>Victory condition: </i></span><span style="color: #222222;">That players describe mental health issues as equivalent to any other health issue. That they demonstrate knowledge of prevention strategies and confidence to seek help. </span><span style="color: #222222;"><br />eg. “If anxiety was really getting in my way, I would see my doctor to find out what I could do about it.”</span></div>
</span></span></li>
<li><span style="font-family: Arial; font-size: x-small;"><span style="font-size: 15px;"><div style="margin-bottom: 0px; margin-top: 10pt;">
<b>Contribution to research and practice in games for social impact. </b> While the project is designed to have an immediate impact on those who participate, it will also contribute new knowledge for future work in the use of mobile games as a platform for health promotion and social impact. Lessons learned will be disseminated via research and trade publications.</div>
</span></span></li>
</ul>
</blockquote>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></h3>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></h3>
<h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></h3>
<h2>
<span style="font-family: Arial, Helvetica, sans-serif;">Problems</span></h2>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;">Moreover, they found evidence that videogame play was positively associated with family closeness and social involvement.</span></blockquote>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">family closeness → How to make it?</span></li>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Not so doomed: computer game play and positive adolescent development, Kevin Durkin, Bonnie Barber</span></li>
</ul>
<blockquote class="tr_bq">
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">adolescents in naturalistic environments reported higher arousal and more positive subjective states during computer game play, especially when the activity was undertaken in the company of friends or parents.</span></li>
</ul>
</blockquote>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">how? → induce parents to play this game with adolescents</span></li>
</ul>
</ul>
<blockquote class="tr_bq">
<span style="font-family: Arial, Helvetica, sans-serif;">Cole and Griffiths found that 40% of participants reported that they would discuss sensitive issues with their online gaming friends that they would not necessarily discuss with their real life friends.</span></blockquote>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">also works for families? if not, how to make it work for families?</span></li>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Social Interactions in Massively Multiplayer Online Role-Playing Gamers, HELENA COLE, and MARK D. GRIFFITHS</span></li>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">an outlet to safely discuss serious matters</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">One of the advantages of online friendships is anonymity</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">while online, some people self-disclose or act out more frequently or intensely than they would in person</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">age range of players</span></li>
</ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">families → no anonymity → how to make it work for families?</span></li>
</ul>
</ul>
<blockquote class="tr_bq">
<span style="background-color: white; color: #222222; font-family: Arial; font-size: 15px;"><i>Victory condition: </i></span><span style="background-color: white; color: #222222; font-family: Arial; font-size: 15px;">That players report feeling more comfortable talking about a wider range of issues. </span><span style="background-color: white; color: #222222; font-family: Arial; font-size: 15px;">eg. “I feel like I can talk to my son about sensitive issues more easily now”</span></blockquote>
<div>
<br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">How to make it? </span></li>
</ul>
<blockquote class="tr_bq">
<span style="background-color: white; color: #222222; font-family: Arial; font-size: 15px;"><i>Victory condition: </i></span><span style="background-color: white; color: #222222; font-family: Arial; font-size: 15px;">That players describe mental health issues as equivalent to any other health issue. That they demonstrate knowledge of prevention strategies and confidence to seek help. </span><span style="background-color: white; color: #222222; font-family: Arial; font-size: 15px;"><br /></span><span style="background-color: white; color: #222222; font-family: Arial; font-size: 15px;">eg. “If anxiety was really getting in my way, I would see my doctor to find out what I could do about it.”</span></blockquote>
<div>
<br />
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">How to make it?</span> </li>
</ul>
<br />
<br />
<br />
<br />
</div>
</div>
Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0tag:blogger.com,1999:blog-1513579428115661215.post-5592583614946173412014-02-09T02:58:00.002-08:002014-02-09T02:58:40.707-08:00Getting Started<span style="font-family: Arial, Helvetica, sans-serif;">This blog is for my thesis project in the unit of ELEC5222/3 Dissertation A/B, which will start soon in the final year of my MPE (Software) study</span><span style="font-family: Arial, Helvetica, sans-serif;">. I will post my ideas, designs, problems and progresses of the project in this blog.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">The project's purpose is to help users build stronger family relationships by playing games, so that the users have better opportunities of getting/giving mental support from/to their family. This project will require skills of Android programming, web programming, etc. Psychological k</span><span style="font-family: Arial, Helvetica, sans-serif;">nowledge</span><span style="font-family: Arial, Helvetica, sans-serif;"> would also be helpful, especially when working on the thesis.</span>Anonymoushttp://www.blogger.com/profile/02239192781546946944noreply@blogger.com0