1 / 4

Overview of How 550 Info Tech Course Relates to Other MI Courses and Project Key Steps

This lecture provides an overview of the relationship between the 550 Info Tech course and other MI courses, as well as the key steps involved in the project. It also covers the work on project and exercise revisions. The week 14 content is available on the course website.

riversj
Download Presentation

Overview of How 550 Info Tech Course Relates to Other MI Courses and Project Key Steps

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Info + Web Tech Course • Information • Technologies • Anselm Spoerri PhD (MIT) • SC&I @ Rutgers University • aspoerri@rutgers.edu • anselm.spoerri@gmail.com

  2. Lecture 14 - Overview How 550 Info Tech Course Relates to Other MI Courses Project Key Steps Work on Project and Exercise Revisions Lectures – Week 14 Contenthttp://comminfo.rutgers.edu/~aspoerri/Teaching/InfoTech/Lectures.html#week14

  3. How 550 Course Relates to Other MI Courses

  4. Project– Key Steps • Step 0 – Collect needed Ex2, Ex3, Ex4 and Ex5 files • Step 1 – Extend Bootstrap Navigation used in Ex3, Ex4, Ex5“you are here” indicator in Dropdown for secondary pages • Step 2 – Home (Jumbotron + Cards = Ex3)– Overview , Links to Themes • Step 3 – Interests - Intro (Carousel) = Ex3 – 3 Columns + LinksAdd Interests pages= Ex2 as secondary pages + Dropdown links • Step 4 – Info Tech: Intro (Alert) – How InfoTech is used + Links • Step 4a – Info Tech: Open-Source tool + Validated Form = Ex4 • Step 4b – Info Tech: Tools + Form to PHP and PHP Results = Ex5Bullet list of tools and attach anchor that links to h2 headline for tool • Step 5 – About (Tabs = Ex3)– Intro, Image Rollover, Screencast • Step 6 – CSS &Bootstrap Requirements Clean Slate CSS | Floating Images|Jumbotron | Cards | Alert | Carousel | Tabs • Step 7 – JavaScript Requirements Image Rollovers | Form Validation (checkboxes) | DOM Manipulation = Ex4

More Related