Lập trình JavaScript nâng cao - Assignment

Nội dung text: Lập trình JavaScript nâng cao - Assignment

1. 1 ASSIGNMENT Module/môn: Lập trình Javascript Số hiệu Assignment: % điểm: 60% nâng cao Người điều phối của FPT Ngày ban hành: Polytechnic: Thepv Bài Assignment này đòi hỏi sinh viên phải dùng khoảng 45h làm để hoàn thành Tương ứng với mục tiêu môn học: (A) Lập trình thành thạo với javascript phiên bản ES5 và 1 vài tính năng của phiên bản ES6 (B) Có được tư duy lập trình hướng đối tượng (C) Có được tư duy xử lý các bài toán bất đồng bộ (D) Sử dụng được kỹ thuật ajax trong javascript để gọi api Gian lận là hình thức lấy bài làm của người khác và sử dụng như là mình làm ra. Hình thức đó bao gồm những hành động như: copy thông tin trực tiếp từ trang web hay sách mà không ghi rõ nguồn tham khảo trong tài liệu; gửi bài assignment làm chung như là thành quả cá nhân; copy bài assignment của các sinh viên khác cùng khóa hay khác khóa; ăn trộm hay mua bài assignment của ai đó và gửi lên như là sản phẩm mình làm ra. Những sinh viên bị nghi ngờ gian lận sẽ bị điều tra và nếu phát hiện là có gian lận thì sẽ phải chịu các mức phạt theo quy định của Nhà trường. Mọi tài nguyên copy hay điều chế từ bất cứ nguồn nào (VD: Internet, sách) phải được đặt trong cặp dấu nháy kép và in nghiêng, với thông tin tham khảo đầy đủ về nguồn tài liệu. Bài làm của bạn sẽ được đưa vào phần mềm kiểm tra gian lận. Mọi hình thức cố tình đánh lừa hệ thống phát hiện gian lận sẽ bị coi là Vi phạm quy định trong thi cử. Quy định nộp bài Assignment: • Một bản mềm kết quả bài làm assignment của bạn phải được upload trước nửa đêm (giờ địa phương) vào ngày hạn nộp. Quá hạn nộp hệ thống sẽ khóa lại và sinh viên không còn quyền nộp bài. • Phiên bản upload lên cuối cùng sẽ được chấm điểm. Sinh viên có quyền upload đè file nhiều lần trước khi hết hạn nộp. • Tất cả những file tài liệu văn bản phải để ở dạng file gốc chứ không file dạng file được xuất ra từ định dạng khác (ví dụ pdf được xuất từ doc). LẬP TRÌNH JAVASCRIPT NÂNG CAO ASSIGNMENT
2. 2 • Đối với bài assignment này bạn cũng phải đưa các bằng chứng hay sản phẩm khác vào trong file nén dạng zip. • Kích thước file cần tuân thủ theo giới hạn trên hệ thống nộp bài (thông thường là <50M). • Hãy đảm bảo các file được upload lên không bị nhiễm virus (điều này có thể dẫn đến file bị hệ thống xóa mất) và không đặt mật khẩu mở file. Nếu vi phạm những điều này, bài coi như chưa được nộp. • Hãy chú ý xem thông báo sau khi upload để chắc chắn bài của bạn đã được nộp lên hệ thống chưa. • Bạn không phải gửi lại file đề bài của assignment (file này). Quy định đánh giá Assignment: 1. Sinh viên không có bài assignment trên hệ thống sẽ bị 0 điểm bài assignment. 2. Sau hạn nộp bài một tuần, sinh viên nộp muộn có quyền nộp đơn kiến nghị xin được chấp nhận gia hạn nộp. Hội đồng Nhà trường sẽ xét duyệt từng trường hợp. Nếu kiến nghị không được chấp nhận, bài giữ nguyên điểm 0. Nếu quá một tuần không có kiến nghị thì bài cũng sinh viên không nộp mặc nhiên nhận điểm 0. 3. Ngay cả trường hợp bài của sinh viên bị phát hiện gian lận sau khi có điểm, sinh viên sẽ không được công nhận bài đó và chịu mức kỷ luật như quy định của Nhà trường. Assignment Mục tiêu (A) Lập trình thành thạo với javascript phiên bản ES5 và 1 vài tính năng của phiên bản ES6 (B) Có được tư duy lập trình hướng đối tượng (C) Có được tư duy xử lý các bài toán bất đồng bộ (D) Sử dụng được kỹ thuật ajax trong javascript để gọi api Các công cụ cần có Visual Studio Code hoặc Sublime Text Tài nguyên Slides, Labs, Assignment Tham khảo Số trang yêu cầu LẬP TRÌNH JAVASCRIPT NÂNG CAO ASSIGNMENT
3. 3 YÊU CẦU: Xây dựng một website bán hàng cho cửa hàng Poly Shop. Mỗi sinh viên sẽ tự tạo giao diện cho cửa hàng của mình và thiết kế các resources api bằng cách sử dụng my-json-server trên máy của mình (cài đặt và sử dụng my-json-server trong tài liệu đính kèm) Sinh viên sử dụng các kiến thức đã học trong môn học để call tới api đã được tạo ra bằng my- json-server (fetch, axios, $.ajax()) để hoàn thiện bài assignment Trong resources của file db.json cần có các dữ liệu theo yêu cầu dưới đây (tên và các field - sinh viên có thể chủ động bổ sung, chỉnh sửa thêm cho phù hợp bài tập của mình): 1. categories - id - name 2. products - id - name - cate_id - price - detail - image 3. orders - id - customer_name - customer_address - customer_email - customer_phone_number - created_date - status 4. order_details - order_id - product_id - quantity - unit_price Y1. Thực hiện xây dựng các màn hình quản trị (admin) để quản lý các resources Y2. Xây dựng các trang client để hiển thị thông tin các sản phẩm cho người dùng cuối (Trang chủ, trang danh sách sản phẩm theo danh mục, tìm kiếm theo tên, ). Y3. Xây dựng trang chi tiết sản phẩm Y4. Xây dựng tính năng order - Nếu chưa tồn tại order, thì sẽ hiển thị modal yêu cầu người dùng nhập thông tin khách hàng trước, sau đó tạo ra order mới trên resource orders. Mỗi lượt sử dụng sẽ lấy records LẬP TRÌNH JAVASCRIPT NÂNG CAO ASSIGNMENT
4. 4 order với trạng thái chưa hoàn thành có id lớn nhất để bổ sung sản phẩm vào. Order sẽ đóng khi người dùng click vào nút thanh toán (chuyển trạng thái thành completed) - Có thể xem, cập nhật được số lượng các sản phẩm đang có trong order Y5. Hiển thị danh sách các order đã lưu trong resources và hiển thị doanh thu của cửa hàng Đóng gói tất cả theo định dạng MaMon_Assignment_ _ .zip (ví dụ: MaMon_Assignment_TeoNV_GD1.zip) và nộp bài lên LMS theo yêu cầu của giảng viên. LẬP TRÌNH JAVASCRIPT NÂNG CAO ASSIGNMENT
5. 5 ĐÁNH GIÁ ASSIGNMENT Điểm Assignment bao gồm điểm đánh giá sản phẩm là 10% và điểm bảo vệ Assigment 30% bao gồm điểm cho thực hành và trả lời câu hỏi của giảng viên tại buổi bảo vệ. Trước buổi bảo vệ Assignment, giảng viên chấm bài Assignment hoàn chỉnh của nhóm sinh viên trước, kết hợp với vấn đáp trong buổi bảo vệ để cho điểm từng sinh viên. THANG ĐÁNH GIÁ - Hoàn thành các yêu cầu từ Y1 đến Y5 A - Bảo vệ trả lời được các câu hỏi của giảng viên 80%‐ 100% - Hoàn thành các yêu cầu từ Y1 đến Y4 B - Bảo vệ trả lời được các câu hỏi của giảng viên 60%‐ 79% - Hoàn thành các yêu cầu từ Y1 đến Y3 C - Bảo vệ trả lời tương đối các câu hỏi của giảng viên 50%‐ 59% - Hoàn thành dưới 3 yêu cầu D - Bảo vệ không trả lời được câu hỏi của giảng viên Dưới 50% (FAIL) LẬP TRÌNH JAVASCRIPT NÂNG CAO ASSIGNMENT
6. 6 HƯỚNG DẪN DÀNH CHO GIẢNG VIÊN HƯỚNG DẪN TRIỂN KHAI Giảng viên xem và nhận xét về bài các giai đoạn 1 và 2 của SV nộp trên LMS sau đó tổng hợp lại các vấn đề sau: - Những bài làm có chất lượng tốt để khuyến khích và chia sẻ trước lớp để các SV còn lại tham khảo và học hỏi. - Những sai sót chung của sinh viên: về lựa chọn đề tài, cách tư duy, trình bày, xử lý số liệu, giải quyết vẩn đề - Những sai sót cá biệt cần lưu ý, cách khắc phục - Những sinh viên có bài kém thì GV nên đưa ra cách hỗ trợ cụ thể - Đưa ra giải pháp để giải quyết các vấn đề mà hầu hết SV gặp phải. - Đối với lỗi cá nhân trong từng bài Assignment thì Giảng viên sẽ có nhận xét riêng trong bài làm và gửi lại cho SV. - Giải đáp các thắc mắc khác của SV liên quan đến nội dung bài Assignment - Sau khi nhận xét và trao đổi xong về sản phẩm đã thực hiện, giảng viên hướng dẫn cho các em cách thức hiện sản phẩm tiếp theo, - Giải đáp khúc mắc về điểm cho sinh viên và thực hiện điều chỉnh nếu cần thiết - Gọi sinh viên vấn đáp và thực hiện điều chỉnh tăng hoặc giảm điểm đã chấm trước buổi học tùy vào mức độ trả lời vấn đáp của sinh viên. Mọi sự điều chỉnh phải được công bố ngay trước lớp và chỉ ghi điều chỉnh khi sinh viên không còn khiếu nại. HƯỚNG DẪN TRIỂN KHAI BUỔI BẢO VỆ ASSIGNMENT - Giảng viên giảng dạy và hướng dẫn Assignment trực tiếp tham gia buổi bảo vệ Assignment của sinh viên, nếu không thể tham gia, phải có giải trình gửi trưởng ban đào tạo. - Trong buổi BV, sinh viên sẽ thực hiện các chức năng trong assignment theo yêu cầu của GV. Sau đó, giảng viên xem xét và đặt ra các câu hỏi liên quan đến Assignment để sinh viên trả lời. - Căn cứ vào bài làm và phần trả lời của sinh viên để cho điểm bảo vệ Assignment. - Điểm bảo vệ được công bố luôn cho các sinh viên sau khi thuyết trình và trả lời hoặc được công bố chung cho cả lớp vào cuối buổi sau khi thống nhất giữa các giảng viên trong hội đồng bảo vệ. - Mọi thắc mắc của sinh viên được giải đáp ngay, nếu có điều chỉnh điểm cũng thực hiện trước khi kết thúc buổi bảo vệ. Sau buổi bảo vệ này sẽ không nhận bất cứ phản hồi hoặc điều chỉnh nào về điểm bảo vệ. - Tiêu chí để đánh giá phần thực hành của sinh viên: o Nội dung: đầy đủ nội dung theo yêu cầu o Thời gian: không vượt qua thời gian cho phép. o Kỹ năng trình bày: rõ ràng, dễ hiểu, mạch lạc. o Sản phẩm: đẹp, sinh động, sáng tạo. HƯỚNG DẪN DÀNH CHO SINH VIÊN - Sinh viên có trách nhiệm nộp đầy đủ và đúng thời hạn từng sản phẩm trên LMS theo đề cương đã ban hành kèm theo. - Trước khi bảo vệ assignment, Sinh viên nộp toàn bộ sản phẩm thực hiện. LẬP TRÌNH JAVASCRIPT NÂNG CAO ASSIGNMENT