Fourth assignment -- Prototype design

To avoid missing any assignment details, here is a checklist for quick reference by classmates.

• Prototype Design Assignment

  • (1) One blog post (including the assignment directory and checklist for grading points);

  • (2) One interface prototype design (provide a link within the blog post);

  • (3) One interface prototype design report PPT (classroom narrative) (upload to GitHub or CSDN, provide a link within the blog post, recommended to save as a PDF and upload);

Note: Interface prototype design content must be completed before the defense.

Deadline

• Deadline for this assignment is November 1, 2026, 23:59. Please allow time for blog review; each group should publish their blogs in advance.

I. Assignment Details

• Scoring Rules for This Assignment

  • Total Score = Presentation Score + Blog Score + Document Score

  • Presentation Score (consistent scoring rules for both sessions) = Sum of scores from other groups [e.g., Group 1 scores 80, Group 2 scores 90, so this item = 80+90] / (Total number of groups - 1) * 0.25 + Sum of TA scores / (Number of TAs) * 0.35 + Sum of teacher scores / (Number of teachers) * 0.40

Blog Content

• 1. Describe the division of labor among team members and the proportion of work done by each member; Use the following markdown contribution table:

Student ID

Work Description

Contribution

• 2.Provide a link to the interface prototype design;

Requirements:

• Clearly specify the team organization, member roles, and approximate progress schedule. Describe the specific roles of each member and the workload proportion within the entire document task.
• Strengthen team member collaboration. Describe how members collaborate.
• Checklist: Prototype Design

II. Assignment Grading Items and Rules

Total score for this assignment: 100 points

• (20') Basic Requirements [Covering Course Objective 2]

  • (5') Include a table of contents and assignment format description at the beginning of the blog. Also, publish the prototype as a web page and provide a link.

  • (5') Blog formatting using markdown.

  • (4') Analysis of key points and challenges that may arise during the assignment.

  • (6') Division of labor among team members and the proportion of work done by each member for this assignment.

• (30') Prototype Design [Covering Course Objective 3]

  • (5') The prototype model must be implemented using specialized prototype design tools such as Axure Rp, MoDao, Balsamiq Mockup, Prototype Composer, GUI Design Studio, Adobe Design Components, etc. Mention the prototype development tool used in the blog.

  • (25') Process and results of prototype design. (Prototype interface matches the requirements, provides a good user experience, is easy to operate, and has an attractive design).

• (30') Results Reporting [Covering Course Objective 5]

  • (15') Accurate text, clear style, clear design concepts, and vividly introduce your prototype;

  • (15') Describe difficulties encountered and solutions (including difficulty description (5'), solution attempts + whether solved (5'), and what was gained (5')).

• (20') Presentation Score

  • (8') [Covering Course Objective 6]

    • (8') Describe the process of completing the prototype, provide a non-posed team photo during discussions, and share the team's feelings and evaluations of teammates.

  • (4') [Covering Course Objective 6]

    • (4') Implementation status of the team plan during execution and the division of labor and workload proportion among team members.

  • (8') [Covering Course Objective 5]

    • (4') PPT presentation

    • The PPT must include an accessible link to the prototype. After the PPT presentation, each team must open the prototype link and briefly demonstrate its main features and interactive functions, including button clicks and page navigation, rather than simply displaying screenshots in the PPT.

    • (4') Report

III. Rules & Format

1. To facilitate reading and TA grading, please provide a blog table of contents at the beginning as a content index.

Include the following major headings, and similar meanings are acceptable. You can personalize your own headings:

• Project Division of Labor

• Interface Prototype Desig

     2. To help teachers or TAs from other schools understand the course situation, please add a format description at the beginning of the assignment:

Which course does this assignment belong to?

This assignment belongs to which course

Where is this assignment required

Team Name

The goal of this assignment

Other reference materials

…

    3. Submission Rules

• The blog's submission time will be based on the class assignment page; the files to be submitted will be based on the Github submission time;

• Submit before the deadline, and the score will be the actual score;

  • If the post is under review (404 error) after being published, you can submit the link to the assignment page before the deadline and wait for it to be approved.

  • Reasons such as upload failure or network issues will not be accepted for resubmission.

• Late Submission: Submitting within two days after the deadline is considered late, and the score will be the actual score * 50%; forgetting to submit the assignment and late submission will have the same penalty.

• Missing Submission: Failing to submit within two days after the deadline will be considered as a missing submission and will result in a score of 0;

• Assignment Plagiarism: When TAs find that two blog posts have text/images/code that are too similar, both blog posts will be considered as plagiarism, and the score will be -100% (note that it's a negative score!);

• Fake Submission: Even if the assignment blog is incomplete, submitting it to occupy a slot will be considered a fake submission, and the score will be 0; Note: For assignments submitted in advance, if they actively respond to TA and teacher feedback and make corresponding improvements before the deadline, these improvements will also be considered during grading. Being well-prepared in advance has its benefits~