View source for Designing Solutions Through Programming block 1 Lesson Notes - September 11 2017

 __NOTOC__ 
<table cellspacing="10" style="width:100%;">
<tr>

<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:lightyellow; align:right;vertical-align:top;" colspan="2">

==[[File:target.png]] Our Big Idea ==
<br />
<h3>The function of every web application system is to accept data, process data and output information. Effective design of interdependent components results in useful function.</h3>
<br />
</td>

</tr>
<tr>


<td style="width:50%; margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#E6F9E6; align:right;vertical-align:top;">

==[[File:class_plan.png]] What are we going to learn today?==

Hello Class! 

By the end of class you will be able to say: 
== Review == 

* I can describe the difference between a local host and a remote host
* I can demonstrate how to connect to the school server in Frankfurt, Germany ([https://youtu.be/N8RbbJqYIaY click here if you get confused])
* I can demonstrate how use the command line terms to navigate to my web directory
* I can demonstrate output text in PHP
* I can demonstrate declare variables in PHP

== New Learning == 

* I can define an html form ([https://www.formstack.com/templates Please click here for some examples])
* I can describe the process of submitting a form ([https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data#Where_does_the_data_go click here, please])
* I can diagram a form ([https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Your_first_HTML_form#Designing_your_form click here, please])

* I can create a form. Please [https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Your_first_HTML_form follow all the steps on this page there is a ton of typing!].




</td>

<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#E6F9E6; align:right;vertical-align:top;">

==[[file:homework.png]] What is our homework? ==

* Find one web application (a web based application which '''accepts input''', '''processes that input''', and then '''outputs some information''' or data) and be prepared to share it with the class. 
</td>
</tr>
<tr>

<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:lightyellow; align:right;vertical-align:top;" colspan="2">

==[[File:target.png]] How am I being assessed today? ==

I will assess you formatively today, and make a professional judgement to what extent you understand our learning material. I will use observation, your written work, answers to questions, and contribution to class discussions as data to make my decisions. I normally record my observations in a "evidence of learning" spreadsheet, which I will happily share with you privately if you so wish. I usually need a day or two notice. 

You will also assess yourself using the same formative rubric I use. Our object here is to answer the question "to what extent do you understand this material". 
</td>

</tr>
<tr>

<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#FFF5FF; align:right;vertical-align:top;" colspan="2">

== [[Image:computer1.png]] As a computer scientist, you have: ==

* Confidence in dealing with complexity
* Persistence in working with difficult problems
* Tolerance for ambiguity
* The ability to deal with open-ended problems
* The ability to communicate and work with others to achieve a common goal or solution

</td>
</tr>
<tr>
<td style="margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:lightgray; align:right;vertical-align:top;" colspan="2">

== [[Image:credit.png]] Credits ==
* Icons used with tremendous gratitude by [http://www.freepik.com/ Freepik] from [http://www.flaticon.com/ flaticon]
</td>
</tr>
</table>
[[Category:2017-2018 Class Notes]]
[[Category:2017-2018 School Year]]