跳至主要內容

Assignment 05-Seasonal To-Do List

AI悦创原创2023年3月19日1v1java 1v1纽约大学一对一NYU 1v1web 一对一数据结构一对一留学生辅导留学生作业辅导1v1java 1v1纽约大学一对一NYU 1v1web 一对一留学生辅导留学生作业辅导大约 9 分钟...约 2705 字

For this assignment you will be creating an online system that lets users keep track of seasonal activities. Here is a video example of how the this program should work. Note that you may redesign your system to use your own content, colors and layout, but the overall logic should be the same.

对于这个作业,你将创建一个在线系统,让用户跟踪季节活动。这里有一个视频例子,说明这个程序应该如何工作。请注意,您可以重新设计系统以使用自己的内容、颜色和布局,但总体逻辑应该是相同的。

Phase 1

第一阶段

Code written in-class

For full credit for phase 1 you should ensure that your program should do the following. Note that you can download all of the graphics used in this project here.

对于阶段1的全部学分,您应该确保您的程序应该做到以下几点。请注意,您可以在这里下载这个项目中使用的所有图形。assignment05_images.zip

Phase 2

Select one of the following three features to add to your program. You can complete 2 or 3 features for some extra credit. None of these features are represented in the video above and you are free to decide how to best design these items.

Thoroughly test your work and make sure that it meets the requirements set forth above. When you are finished with both Phase 1 and Phase 2, post your project to the i6 server and link it from your main menu page. We should be able to visit your 'webdev' folder and click on the link associated with this macro assignment to visit your project. Also create a ZIP archive of your work and submit it to Brightspace under the 'Assignment 05' category.

Grading Rubric (25 points)

CriteriaPoints
Layout (mainly completed in class): * Some kind of header to introduce your page * A "corkboard" background image that spans the entire page. * A drop-down menu that will allow the user to "filter" by season. * An "add" button that appears at the bottom right side of the page. This image should have a hover state that causes it to grow/shrink if the user hovers/leaves the element. * A container that will contain all of the activities that have been added to the log. * A panel that appears when you click the 'add' button. * A panel that appears when you click on a previously added item.2
New Item Logic (apperance & data validation) * Clicking the "add" button should cause the "Add New Item" panel to appear. * If the user clicks the "Cancel" button this panel should disappear. * If the user clicks the "Save" button the program should detect if the user has filled out the required form fields (title, category and description) - if any are missing an error message should appear.2
New Item Logic (successful adding of new items) * If the user clicks the "Save" button and all fields have been filled out the following should occur: * A new item should be created. You will have to design the HTML for these items dynamically using createElement * Items should visually display the title of the newly created item, but not the description. * Items should be colored based on their season (hint: create a class for each season) * Items should also contain a small "delete" button at the top right side of the item (initially hidden).2
New item Logic (reset the new item panel) * Once the item has been created the "Add New Item" panel should disappear. * Note that if the attempts to add another item the "Add New Item" panel should be cleared (i.e. the previously inputted data should be removed and the panel should present a blank form for the user to fill out). Also note that if the user clicks the "cancel" button any data that they entered should also be cleared2
Item Interactivity * When the user hovers over an item the "delete" button should appear - when they hover out of the item the button should disappear.2
Item Interactivity * When the user clicks anywhere on an item (other than the "delete" button) the "info" panel should appear. This panel should contain the following information: * The title of the item * The season of the item * The description of the item * The time the item was created * The time the item was last accessed (which should be the very moment the user clicked on the item)3
The "info" panel should contain a "close" button to close the panel and return the user to the main view of the board. If the user clicks on the "delete" button associated with an item the item should delete itself and be removed from the board.2
Item Filtering * When the user changes the drop down menu the board should react by only showing items associated with that season. * The filter should also contain a "show all" entry that will show all items regardless of their season. * If the user chooses to add a new item while the filter has been set you should revert the filter back to "show all"4
One of the following three items need to be completed for full credit: * Completed items * Edit items * Reorder items6
"Extra Credit: Two or three of the following three items were completed in addition to one required feature: * Completed items * Edit items * Reorder items"2

欢迎关注我公众号:AI悦创,有更多更好玩的等你发现!

公众号:AI悦创【二维码】

AI悦创·编程一对一

AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh

C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh

方法一:QQ

方法二:微信:Jiabcdefh

你认为这篇文章怎么样?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
评论
  • 按正序
  • 按倒序
  • 按热度
通知
关于编程私教&加密文章