<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
@font-face
{font-family:Vijaya;
panose-1:2 11 6 4 2 2 2 2 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
pre
{mso-style-priority:99;
mso-style-link:"HTML Preformatted Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
span.HTMLPreformattedChar
{mso-style-name:"HTML Preformatted Char";
mso-style-priority:99;
mso-style-link:"HTML Preformatted";
font-family:Consolas;}
p.msonormal0, li.msonormal0, div.msonormal0
{mso-style-name:msonormal;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
span.EmailStyle21
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.EmailStyle22
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.EmailStyle23
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.EmailStyle24
{mso-style-type:personal-reply;
font-family:"Calibri",sans-serif;
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:1388722947;
mso-list-type:hybrid;
mso-list-template-ids:1138929868 201916431 201916441 201916443 201916431 201916441 201916443 201916431 201916441 201916443;}
@list l0:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l1
{mso-list-id:1458528333;
mso-list-template-ids:1771598474;}
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-AU" link="#0563C1" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US">Good afternoon,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US">Optimising for mobile viewing is not easy to teach without some students having background knowledge (HTML/CSS) in previous years.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US">If you have a group with background knowledge of CSS classes and IDs, it’s not a huge step to use Bootstrap and their basic templates which then automatically works with screens of
varying sizes and widths.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US">Otherwise, you’re hard pressed to show them the box model and then getting the students to layout their elements with a display of inline-block and centred to the best of their ability.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US">Still think if you have access to Dreamweaver it’s a great application for differentiation because most students can use the tools available in the Design view to at least achieve a
pass, and the advanced students who want to know why their page isn’t working will dive into the Code view and fix it by hand.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US">Lucas<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-US"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US">From:</span></b><span lang="EN-US"> yr11it-bounces@edulists.com.au [mailto:yr11it-bounces@edulists.com.au]
<b>On Behalf Of </b>Clements, David K<br>
<b>Sent:</b> Friday, 12 May 2017 10:51 AM<br>
<b>To:</b> Year 11 Information Technology Teachers' Mailing List<br>
<b>Subject:</b> Re: [Yr11 Information Technology] U1O3 - Web Authoring SAC<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Yes, I did read that email! Friday brain appears to have kicked in early!<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal"><span style="color:#1C1C1C">Regards, <o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:13.0pt;font-family:"Vijaya",sans-serif;color:#1C1C1C"><o:p> </o:p></span></b></p>
<p class="MsoNormal"><b><span style="font-size:12.0pt;font-family:"Arial",sans-serif;color:#1F3864">David Clements<o:p></o:p></span></b></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F3864">Head of Computing & Systems
<b>|</b> Health & Physical Education Teacher<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F3864">Microsoft Innovative Educator<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F3864">Brentwood Secondary College<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F3864">65-71 Watsons Road, Glen Waverley, 3150<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F3864">03 8545 0321 (Direct)<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F3864">03 8545 0355 (Fax)<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1C1C1C"><img width="265" height="105" id="Picture_x0020_1" src="cid:image001.png@01D2CB27.0A1691A0" alt="badge"></span><span lang="EN-GB"><o:p></o:p></span></p>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US">From:</span></b><span lang="EN-US"> </span>
<a href="mailto:yr11it-bounces@edulists.com.au"><span lang="EN-US">yr11it-bounces@edulists.com.au</span></a><span lang="EN-US"> [</span><a href="mailto:yr11it-bounces@edulists.com.au"><span lang="EN-US">mailto:yr11it-bounces@edulists.com.au</span></a><span lang="EN-US">]
<b>On Behalf Of </b>Darren Scott<br>
<b>Sent:</b> Friday, 12 May 2017 10:36 AM<br>
<b>To:</b> Year 11 Information Technology Teachers' Mailing List <</span><a href="mailto:yr11it@edulists.com.au"><span lang="EN-US">yr11it@edulists.com.au</span></a><span lang="EN-US">><br>
<b>Subject:</b> Re: [Yr11 Information Technology] U1O3 - Web Authoring SAC<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Hey David, this was raised a couple of weeks ago so I<span style="font-family:"Times New Roman",serif">’</span>m just copying the relevant stuff
<span style="font-family:"Times New Roman",serif">…</span> nobody pointed out that this was wrong, so I<span style="font-family:"Times New Roman",serif">’</span>m running with it
<span style="font-family:Wingdings">J</span> .<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Study design says:<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Software tools<o:p></o:p></p>
<p class="MsoNormal">The following table indicates the software tools that students are required to both study and use in this unit.<o:p></o:p></p>
<p class="MsoNormal">Area of Study 3 Web authoring software, visualising thinking tool/s, tool for planning a project<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">The term <span style="font-family:"Times New Roman",serif">“</span>study and use<span style="font-family:"Times New Roman",serif">”</span> means you have to teach it somewhere in the course of the outcome. So, you must teach some visualising
thinking tools (I<span style="font-family:"Times New Roman",serif">’</span>ll use Inspiration for brainstorming/concept mapping), some project planning tool (I use GanttProject) and some web authoring software (I use Notepad and DreamWeaver). For the actual
SAC, the students can choose to use these tools.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">For <span style="font-family:"Times New Roman",serif">“</span>evaluate cloud computing<span style="font-family:"Times New Roman",serif">”</span>, this is the group choosing to use an online tool (such as Wix or Weebly or whatever) or not
(local site using DreamWeaver or Notepad or whatever). I<span style="font-family:"Times New Roman",serif">’</span>d expect some pros and cons and then a decision from the group (table and/or paragraph of writing).
<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Optimising for mobile viewing (user interaction) is something the team has to do in appearance and functionality of solutions
<span style="font-family:"Times New Roman",serif">–</span> again, some pros and cons and then a final decision. Make sure you teach every option, but the group chooses which option they are using for their SAC.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Darren Scott<o:p></o:p></p>
<p class="MsoNormal"><a name="_MailEndCompose"><o:p> </o:p></a></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US">From:</span></b><span lang="EN-US"> </span>
<a href="mailto:yr11it-bounces@edulists.com.au"><span lang="EN-US">yr11it-bounces@edulists.com.au</span></a><span lang="EN-US"> [</span><a href="mailto:yr11it-bounces@edulists.com.au"><span lang="EN-US">mailto:yr11it-bounces@edulists.com.au</span></a><span lang="EN-US">]
<b>On Behalf Of </b>Clements, David K<br>
<b>Sent:</b> Friday, May 12, 2017 8:39 AM<br>
<b>To:</b> </span><a href="mailto:yr11it@edulists.com.au"><span lang="EN-US">yr11it@edulists.com.au</span></a><span lang="EN-US"><br>
<b>Subject:</b> [Yr11 Information Technology] U1O3 - Web Authoring SAC<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Hi all,<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I was wondering if anyone could enlighten me about U1O3 <span style="font-family:"Times New Roman",serif">
–</span> Collaboration and Communication and its requirements with regards to mobile devices.
<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Do students have to produce a website that can be viewed:<o:p></o:p></p>
<ol style="margin-top:0cm" start="1" type="1">
<li class="MsoNormal" style="mso-list:l0 level1 lfo3">on mobile devices or <o:p></o:p></li><li class="MsoNormal" style="mso-list:l0 level1 lfo3">do they just have to be able to explain how the User interface, design principles etc differ for mobile when compared to viewing on a desktop / other device?<o:p></o:p></li></ol>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">If so, with the time constraints of teaching content and the SAC, are students able to use wix / weebly (if skill levels are not sufficient for notepad / WYSIWYG / DW). What are the restrictions?<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="color:#1C1C1C">Regards, <o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:13.0pt;font-family:"Vijaya",sans-serif;color:#1C1C1C"><o:p> </o:p></span></b></p>
<p class="MsoNormal"><b><span style="font-size:12.0pt;font-family:"Arial",sans-serif;color:#1F3864">David Clements<o:p></o:p></span></b></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F3864">Head of Computing & Systems
<b>|</b> Health & Physical Education Teacher<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F3864">Microsoft Innovative Educator<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F3864">Brentwood Secondary College<o:p></o:p></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<p class="MsoNormal"><o:p> </o:p></p>
<table class="MsoNormalTable" border="0" cellpadding="0" width="557" style="width:417.75pt">
<tbody>
<tr style="height:18.75pt">
<td width="71" valign="top" style="width:53.25pt;padding:.75pt .75pt .75pt .75pt;height:18.75pt">
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Times New Roman",serif"><img border="0" width="60" height="63" id="Picture_x0020_2" src="cid:image002.png@01D2CB27.0A1691A0" alt="cid:image002.png@01D2CB27.0A1691A0"></span><span style="font-size:12.0pt;font-family:"Times New Roman",serif"><o:p></o:p></span></p>
</td>
<td width="589" style="width:441.75pt;padding:.75pt .75pt .75pt .75pt;height:18.75pt">
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Times New Roman",serif"><br>
<br>
</span><span style="font-size:10.0pt;font-family:"Arial",sans-serif">Catholic College Bendigo</span><span style="font-size:12.0pt;font-family:"Times New Roman",serif"><o:p></o:p></span></p>
</td>
</tr>
<tr style="height:18.75pt">
<td width="660" colspan="2" valign="top" style="width:495.0pt;padding:.75pt .75pt .75pt .75pt;height:18.75pt">
<p class="MsoNormal"><strong><i><span style="font-size:12.0pt;font-family:"Arial",sans-serif;color:#1AAA42">'Living Mercy'</span></i></strong><span style="font-size:12.0pt;font-family:"Times New Roman",serif"><o:p></o:p></span></p>
</td>
</tr>
<tr style="height:18.75pt">
<td width="660" colspan="2" valign="top" style="width:495.0pt;padding:.75pt .75pt .75pt .75pt;height:18.75pt">
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Times New Roman",serif"><img border="0" width="600" height="142" id="Picture_x0020_3" src="cid:image003.jpg@01D2CB27.0A1691A0" alt="cid:image003.jpg@01D2CB27.0A1691A0"></span><span style="font-size:12.0pt;font-family:"Times New Roman",serif"><o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
</div>
<table class="MsoNormalTable" border="0" cellpadding="0">
<tbody>
<tr>
<td style="background:white;padding:.75pt .75pt .75pt .75pt">
<pre><span style="color:black">IMPORTANT - This email and any attachments may be confidential. If received in error, please contact us and delete all copies. Before opening or using attachments check them for viruses and defects. Regardless of any loss, damage or consequence, whether caused by the negligence of the sender or not, resulting directly or indirectly from the use of any attached files our liability is limited to resupplying any affected attachments. Any representations or opinions expressed are those of the individual sender, and not necessarily those of the Department of Education and Training.<o:p></o:p></span></pre>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><o:p> </o:p></p>
<table class="MsoNormalTable" border="0" cellpadding="0">
<tbody>
<tr>
<td style="background:white;padding:.75pt .75pt .75pt .75pt">
<pre><span style="color:black">IMPORTANT - This email and any attachments may be confidential. If received in error, please contact us and delete all copies. Before opening or using attachments check them for viruses and defects. Regardless of any loss, damage or consequence, whether caused by the negligence of the sender or not, resulting directly or indirectly from the use of any attached files our liability is limited to resupplying any affected attachments. Any representations or opinions expressed are those of the individual sender, and not necessarily those of the Department of Education and Training.<o:p></o:p></span></pre>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Times New Roman",serif"><o:p> </o:p></span></p>
</div>
</body>
</html>
<table><tr><td bgcolor=#ffffff><font color=#000000><pre>IMPORTANT - This email and any attachments may be confidential. If received in error, please contact us and delete all copies. Before opening or using attachments check them for viruses and defects. Regardless of any loss, damage or consequence, whether caused by the negligence of the sender or not, resulting directly or indirectly from the use of any attached files our liability is limited to resupplying any affected attachments. Any representations or opinions expressed are those of the individual sender, and not necessarily those of the Department of Education and Training.</pre></font></td></tr></table>