### First Steps: Welcome to PS70! There are quite a few onboarding steps, but you have some time to complete them. Get a head start if you can, though! - <b>Training:</b> For lab access, please complete the <b>Machine Shop and Makerspace Safety-Soldering Required</b> course from the Harvard Training Portal. After that, we'll schedule formal RED trainings in the Lyman machine shop over the first couple weeks of the semester. Once you've completed RED training, the final step is to carefully read and sign the <a href='https://forms.gle/7cZ9xrpz3t5d2YtR7'>Science Center Fabrication Lab Community Contract</a>. Once you've done so, we will activate your card for 24/7 swipe access to the shop (room 102/103). We'll conduct machine-specific trainings in the shop later in the semester. - <b>Software:</b> (this seems like a lot, but it's just about everything you'll need for the semester) - Please download and install a text editor if you don't have one already (e.g., <a href ="https://www.sublimetext.com/">Sublime Text</a>). - Everyone will also need a <a href ="http://github.com">GitHub account</a>. You'll also need to download the <a href ="https://desktop.github.com/">GitHub Desktop</a> application, open it, and link it to your account. - You'll need to install the <a href='https://www.arduino.cc/en/Main/Software'>Arduino IDE</a>. - Finally, you'll need a 3D modelling program. We'll default to <a href='https://www.autodesk.com/products/fusion-360/students-teachers-educators'>Fusion 360 </a> for workshops and tutorials, but you're more than welcome to use other software if you're already accustomed to it. <!-- - <b>Scheduling:</b> We will hold two lab sections for the class, both of which will meet on Fridays. The first will be 1-4pm, and the second will be 4-7pm. Everyone is expected to commit to one of the two sections, and be present for the entire session each week. If you have a hard scheduling constraint, please let us know and we'll try to work something out. --> ### Tuesday: 3:00: Welcome: <a href='../../lab/website/why.html' target="_self">Why learn digital fabrication? </a><br> 3:15: Introductions, Course Overview, <a href='../about.html'>Syllabus</a> <br> 4:00: <a href='../../lab/website/github.html' target="_self">GitHub, GH Pages</a> <br> ### Thursday: 3:00: <a href='../about.html'>Syllabus</a> <br> 3:30: Lab tour <br> 3:45: Final project discussion <br> ### Labs: <p> Workshop on GitHub, GH Pages, HTML and CSS. Discuss final project ideas. </p> ### Readings: <p> Read about <a href='../../lab/website/github.html' target="_self">GitHub & GH Pages</a>, <a href='../../lab/website/htmlcss.html' target="_self">HTML & CSS</a>, <a href='../../lab/website/markdown.html' target="_self">Markdown & Strapdown</a>, <a href='../../lab/website/staticsites.html' target="_self">Static Site Generators</a> (if you're already comfortable with command line), <a href='../../lab/website/video.html' target="_self">Images & Video in HTML</a>, <a href='../../lab/website/codetags.html' target="_self">Code Tags</a>. <br> <!-- Read Chapters 1-3 of <a href='http://mars1980.github.io/resources/making_things_move.pdf' >Making Things Move</a>. --> </p> ### Assignment: <p> Create a website and make a page with a proposal for a possible final project. Download and install the software listed above. </p> <p> You will use this website to document your work for the rest of the semester. You are welcome to use any tools you'd like to accomplish this, but if you don't have any previous web development experience, you may want to stick with a template. If you're new to writing HTML, you may find it helpful to start with an online HTML converter. You're encouraged to use the HTML and CSS techniques we covered in class to cutomize your site -- even better if you research new techniques and make your own unique website design. You can also continue to update your website styling/layout for the rest of the semester. The goal for this week is to make the site functional, i.e., that you're able to use it to host your assignments in a way that others are able to find them. </p> <p> Your website should include: <ul> <li> An index.html page that contains links to each assignment page </li> <li> An "About" page, including a short paragraph about yourself </li> <li> Some customization using HTML and CSS </li> <li> A final project proposal </li> </ul> </p> <p> Feel free to discuss final project ideas with the teaching staff and with each other. The projects we showed at the beginning of class might give you an idea of the range of possibilities. It's okay to propose something ambitious; the teaching staff will work with you to scale your idea to a tractable amount of work for the course. Take a look through all of the topics we'll cover. Final projects should integrate most of the skills covered over the semester, including at a minimum: <ul> <li> 3D design and fabrication (either mold/cast, 3D print, lasercut, etc.)</li> <li> Electronics (input and output)</li> <li> Microcontroller programming</li> </ul> </p> <p> You can choose to put your final project ideas in your "week 1" page, or you can make a separate page for "final project ideas". It's fine to present just one idea, or a few (up to three ideas) if you're undecided. Feel free to include sketches, reference images, or links to precedent projects -- whatever helps to explain your idea. </p> ### Resources: <p> <a href='./PS70.zip' download> Template Website</a> <br> <a href='https://www.w3schools.com/html/default.asp' >W3 Schools - HTML</a> <br> <a href='https://www.w3schools.com/css/default.asp' >W3 Schools - CSS</a> <br> <a href='https://www.w3schools.com/bootstrap/default.asp' >W3 Schools - Bootstrap</a> <br> <a href='https://stackoverflow.com/questions/tagged/html'>Stack Overflow</a> <br> </p>