-
Assignment No. 03
Semester: Spring 2020
CS420 – Web Development for Portable DevicesTotal Marks: 20
Due Date: 27/07/2020
Lectures Covered: This assignment covers Lectures of week # 6 to 10.
Uploading instructions:
Please read the following instructions carefully before solving & submitting the assignment:
The assignment will not be accepted after due date. Zero marks will be awarded if the assignment does not open or the file is corrupt. The assignment file must be a .zip/.rar file format; Assignment will not be accepted in any other format. Zero marks will be awarded if assignment is copied (from other student or copied from handouts or internet). Zero marks will be awarded if Student ID is not mentioned in the assignment file.For any query about the assignment, contact only at [email protected]
Please do not post queries related to assignment on MDB.Rules for Marking:
It should be clear that your assignment will not get any credit if:
• The assignment is submitted after due date.
• The submitted assignment does not open, execute or file is corrupted.
• Your assignment is copied from internet, handouts or from any other student
(Strict disciplinary action will be taken in this case).Assignment
Question (20 Marks)
In the last assignment, you made some basic animations and got to know ways to get things moving. In this assignment, you will have a closer look at the motion itself and are going to add some physics to make the animations more advanced. Therefore, you are required to develop an HTML5 based webpage which draws an Animated Ball on canvas that follows mouse events. For example. moving mouse into the canvas will start the animation and exiting from canvas will stop it. Further, the click event will release the ball and lets it bounce in canvas.
Here are some screenshots of a sample page.
Fig.01 Animated Ball following Mouse
Fig.02 Animated Ball after Mouse ClickYour Task is to make such a page suitable for portable devices. You can use concepts of HTML5, CSS and JavaScript etc.
NOTE: Do not put any query on MDB about this assignment, if you have any query then email at [email protected]. Furthermore, if any student found cheating from any other student or from online forums then he/she will be awarded ZERO right away and strict disciplinary action will be taken against the student.
You will compress all necessary files. Upload the compressed file on VU-LMS on or before 27/07/2020.
-
Re: CS420 Assignment 2 Solution and Discussion
Assignment No. 02
Semester: Spring 2020
CS420 – Web Development for Portable DevicesTotal Marks: 20
Due Date: 15/06/2020
Lectures Covered: This assignment covers Lectures of week # 1 to 5.
Uploading instructions:
Please read the following instructions carefully before solving & submitting the assignment:
The assignment will not be accepted after due date. Zero marks will be awarded if the assignment does not open or the file is corrupt. The assignment file must be a .zip/.rar file format; Assignment will not be accepted in any other format. Zero marks will be awarded if assignment is copied (from other student or copied from handouts or internet). Zero marks will be awarded if Student ID is not mentioned in the assignment file.For any query about the assignment, contact only at [email protected]
Please do not post queries related to assignment on MDB.Rules for Marking:
It should be clear that your assignment will not get any credit if:
• The assignment is submitted after due date.
• The submitted assignment does not open, execute or file is corrupted.
• Your assignment is copied from internet, handouts or from any other student
(Strict disciplinary action will be taken in this case).Assignment
Question (20 Marks)
You are required to develop an HTML5 based webpage which draws an Animated Solar System (i.e. moon revolves around earth and earth revolves around the sun) on canvas.
Here is a screenshot of a sample page.
Your Task is to make such a page suitable for portable devices. You can use concepts of HTML5, CSS and JavaScript etc.NOTE: Do not put any query on MDB about this assignment, if you have any query then email at [email protected]. Furthermore, if any student found cheating from any other student or from online forums then he/she will be awarded ZERO right away and strict disciplinary action will be taken against the student.
You will compress all necessary files. Upload the compressed file on VU-LMS on or before 15/06/2020.
-
Re: CS420 Assignment 1 Solution and Discussion
Assignment No. 01
Semester: Spring 2020
Web Development for Portable Devices– CS420
Total Marks: 20Due Date: 01-06-20
Objectives:
Objective of this assignment is to assess the understanding of students about the concept of responsive web page design, building web page using fluid designs.Instructions:
You should consult the recommended books, PowerPoint slides and audio lectures to clarify your concepts. You are supposed to submit your assignment in zip format. It should be clear that your assignment will not get any credit if:
Please read the following instructions carefully before submitting assignment:
• The assignment is submitted after due date.
• The assignment is copied from Internet or from any other student.
• The submitted assignment does not open or file is corrupt.Note: No assignment will be accepted after the due date through email in any case (load shedding, server down, internet malfunctioning etc.).
It is recommended to upload solution file at least two days before its closing date.For any query about the assignment, contact at [email protected]
Question: Marks = 20
Q. Design a website for a Computer Science department of Virtual University capable of suitable view on mobile devices.You will use all the concepts which you have learned so far in your course. E.g. fixed, fluid, adaptive and responsive fluid layout, fluid design etc.
Note 1: You are required to make only the first page/Home Page and two other pages.
Note 2: You will zip your .html files along with images, JavaScript etc. And upload the zipped file on VU-LMS.
Note 3: You will not use any template etc. You will make your own website from scratch.
Deadline: Your assignment must be uploaded/submitted on or before June 01, 2020.
BEST OF LUCK -
Assignment No. 02
Semester: Fall 2019
CS420 – Web Development for Portable DevicesTotal Marks: 20
Due Date: 02 Dec 2019
Lectures Covered: This assignment covers Lectures of week # 4 to 6.
Objective:
The assignment has been designed to enhance your knowledge about how to create web pages using flex containers, flex boxes and flex box properties.Uploading instructions:
Please read the following instructions carefully before solving & submitting the assignment:
The assignment will not be accepted after due date. Zero marks will be awarded if the assignment does not open or the file is corrupt. The assignment file must be a .zip file format; Assignment will not be accepted in any other format. Zero marks will be awarded if assignment is copied (from other student or copied from handouts or internet). Zero marks will be awarded if Student ID is not mentioned in the assignment file.For any query about the assignment, contact only at [email protected]
Please do not post queries related to assignment on MDB.Rules for Marking:
It should be clear that your assignment will not get any credit if:
• The assignment is submitted after due date.
• The submitted assignment does not open, execute or file is corrupted.
• Your assignment is copied from internet, handouts or from any other student
(Strict disciplinary action will be taken in this case).Assignment
Here is an image of a sample web page. Note that given below image just for reference purpose only; you will be making your own page with any logo of your choice.
Name the given below web page as flexbox.html and you have to develop it using flex container and flex boxes showing them in a grid to control their alignment, direction, order, and size, too. Add a row of photos with numbering starting from 1 to 5:
Hint: To create a grid, use the flex-wrap property.
Your task is the make such a page suitable for Mobile devices. You will use all the concepts which you have learned so far in your solution. E.g. flex layout, flex container, flex boxes etc.
Note 1: You will zip your .html files along with images, CSS file etc. And upload the zipped file on VU-LMS.
Note 2: You will not use any template etc. You will make it at your own from scratch.Deadline: Your assignment must be uploaded/submitted on or before 2nd December 2019.
-
Assignment No. 01
Semester: Fall 2019
CS420 – Web Development for Portable DevicesTotal Marks: 20
Due Date: 14 Nov 2019
Lectures Covered: This assignment covers Lectures of week # 1 to 3.
Objective:
The assignment has been designed to enhance your knowledge about how to write HTML pages and Make HTML pages suitable for mobile screens.Uploading instructions:
Please read the following instructions carefully before solving & submitting the assignment:
The assignment will not be accepted after due date. Zero marks will be awarded if the assignment does not open or the file is corrupt. The assignment file must be a .zip file format; Assignment will not be accepted in any other format. Zero marks will be awarded if assignment is copied (from other student or copied from handouts or internet). Zero marks will be awarded if Student ID is not mentioned in the assignment file.For any query about the assignment, contact only at [email protected]
Please do not post queries related to assignment on MDB.Rules for Marking:
It should be clear that your assignment will not get any credit if:
• The assignment is submitted after due date.
• The submitted assignment does not open, execute or file is corrupted.
• Your assignment is copied from internet, handouts or from any other student
(Strict disciplinary action will be taken in this case).Assignment
You will make a website for a Restaurant capable of suitable view on mobile devices.
Here is an image of a sample page. Note that given below image just for reference purpose only; you will be making your own page. It is not required to be exactly same.Your task is the make such a page suitable for Mobile devices. You will use all the concepts which you have learned so far in your solution. E.g. fluid layout etc.
Note 1: You are required to make only the first page/Home Page and two other pages.
Note 2: You will zip your .html files along with images, JavaScript etc. And upload the zipped file on VU-LMS.
Note 3: You will not use any template etc. You will make your own website from scratch.Deadline: Your assignment must be uploaded/submitted on or before 14th November 2019.
CS420 Assignment 1 Solution and Discussion
-
Re: CS420 Assignment 1 Solution and Discussion
Assignment No. 01
Semester: Spring 2020
Web Development for Portable Devices– CS420
Total Marks: 20Due Date: 01-06-20
Objectives:
Objective of this assignment is to assess the understanding of students about the concept of responsive web page design, building web page using fluid designs.Instructions:
Please read the following instructions carefully before submitting assignment:- You should consult the recommended books, PowerPoint slides and audio lectures to clarify your concepts.
- You are supposed to submit your assignment in zip format.
- It should be clear that your assignment will not get any credit if:
• The assignment is submitted after due date.
• The assignment is copied from Internet or from any other student.
• The submitted assignment does not open or file is corrupt.
Note: No assignment will be accepted after the due date through email in any case (load shedding, server down, internet malfunctioning etc.).
It is recommended to upload solution file at least two days before its closing date.For any query about the assignment, contact at [email protected]
Question: Marks = 20
Q. Design a website for a Computer Science department of Virtual University capable of suitable view on mobile devices.You will use all the concepts which you have learned so far in your course. E.g. fixed, fluid, adaptive and responsive fluid layout, fluid design etc.
Note 1: You are required to make only the first page/Home Page and two other pages.
Note 2: You will zip your .html files along with images, JavaScript etc. And upload the zipped file on VU-LMS.
Note 3: You will not use any template etc. You will make your own website from scratch.
Deadline: Your assignment must be uploaded/submitted on or before June 01, 2020.
BEST OF LUCK