Evaluate and Revise | Instructor: Tonya A. Melvin-Bryant Assessment of Learner Achievement Semester Project: Students completed a website in two-parts, using the student server provided. Part 1 of the project required students to use basic HTML and CSS to build a home page, a contact page, and assignments page. The student could add up to 2 more web pages, for a maximum of 5 pages. The students would connect all prior homework and lab assignments via the assignments web page. The contact page would contain a form for which users of the site could contact the student. And finally, the home page would include text and images of personal interests for the student. Part 2 would expand the website to include JavaScript language and responsive design (for mobile devices). The students would add a holiday countdown on the home page and a GPA calculator (to any page they desire). They would also add a Google map to their contact page containing a tag for the location for which they currently live (or home town). Each of the features together, represent the collection of knowledge learned in the course. I used the following rubric to evaluate the student’s performance (total points – 100):
Semester Project Rubric
These are the basic guidelines for the student (students create homework and lab assignments to help with these requirements): Part 2 GPA Calculator: Add the GPA calculator (style it how you desire) to your home page. Contact page: add a map of your location like the one used in the Google maps tutorial. If you would like to be fancy (and possibly received bonus points), add locations where you have lived or visited. Do not forget the original requirements in the handout provided in class. Bootstrap: Use all 12 columns for your responsive design. Special Day: Add a count down box to New Year's day at the top of your home page. The box should be a bordered box with color matching your website theme. Do not forget the label "Count down to New Year's". Card page: Add a page to your site (or use your home page or a current page) that will contain cards with an image, text, and a "read more" label as shown in project 3 in chapter 8. When the page first displays, only the image and "read more" label should be shown. When you click on the "read more" label, then the text will show below the image. What should be in the cards, you may ask? Well...the image can be the classes you are taking this semester or events that you have attended or plan to attend. The text will describe the event. Remember: Your home page is the index.html at the top-level of your webserver area. All other pages will be located in reference to this page. Evaluation of methods and media The students were provided concept instructor-led instruction, instructor-led labs, and were required to use www.w3schools.com for tutorial-based learning, in addition to class meetings. The resources and media were effective, especially for the early basic concepts. The use of examples during class instruction was effective in helping students finish homework assignments. Discussion forums provided in the Moodle CMS were also used for early concepts to allow students to share thoughts and suggestions with the entire class. Evaluation of Strategies and Resources Feedback was provided immediately (for labs) or by the next class period (for homework). This helped students to progress with the concepts and their web site throughout the week. Short quizzes were also given to make sure students consistently studied to keep abreast of language while building website through the week. Students were given flexibility to include additional content to the requirements for the project. Some students struggled when the concepts became more complex and many did not include the complex content in their semester project. Revision Based on the performance of the students, the initial requirement of instructor-led labs/instruction and use of w3schools are adequate for this lesson. However, given students flexibility to include additional content on their website was not sufficient to show suitable understanding of the use of concepts to build a major website. In future iterations of this lesson, students will need more specific requirements to include concepts in their website. I believe that line instructions on content to include will be more beneficial. The idea is similar to homework and lab assignments, which showed very good student performance.