#COIT20268 Assignment Help
Explore tagged Tumblr posts
Visit Tumblr Blog
Explore Tumblr blogs with no restrictions, modern design and the best experience.
Last Seen Tumblr Blogs
Fun Fact
70% of Tumblr users say the Dashboard is their favorite place to spend time online.
Text
assignment help australia
Buy assignment Sydney,Buy assignment Australia,online assignment help,my assignment help australia,assignment help australia,online assignment writer in sydney,assignment help sydney,java assignment help australia,python assignment help,java assignment help,hp assignment help,c/c++ assignment help,android assignment help,
database assignment help,Programming assignment help,web design assignment help,joomla assignment help,Wordpress assignment help,accounting assignment help,business accounting assignment help,management assignment help,marketing assignment help,human resources assignment help,law assignment help,online assignment help sydney,java coursework help,COIT20247 Data Modeling,COIT20247 Designing and Implementing,COIT20262 Advanced Network Security,COIT20250 E-Portfolio - Assignment 1,COIT20261-Network Routing and Switching,COIT20263 Information Security Management,COIT20263 Information Security Management,COIT20268 Assignment Help,COIT20246 ICT Services Management
#my assignment help australia#COIT20246 ICT Services Management#COIT20268 Assignment Help#COIT20263 Information Security Management#COIT20261-Network Routing and Switching#COIT20250 E-Portfolio - Assignment 1#COIT20262 Advanced Network Security#COIT20247 Designing and Implementing#COIT20247 Data Modeling#java coursework help#online assignment help sydney#law assignment help#human resources assignment help#Finance assignment help#marketing assignment help#business accounting assignment help#accounting assignment help#Wordpress assignment help#joomla assignment help#web design assignment help#Programming assignment help#database assignment help#android assignment help#c/c++ assignment help#assignment help#java assignment help#python assignment help#java assignment help australia#assignment help sydney#online assignment writer in sydney
1 note
·
View note
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Text
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Text
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes
Photo
New Post has been published on https://punjabassignmenthelp.com/coit20268-assignment2-responsive-web-design/
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN
COIT20268 | ASSIGNMENT2 RESPONSIVE WEB DESIGN | RESPONSIVE WEB DESIGN
COMPUTER ASSIGNMENT HELP
What You Need to D
The Individual Case Project specified in Portfolio 2 is a continuation from Portfolio 1.
At the end of each week, you will complete a different section of the given project as specified in the above section. Each of the weekly Individual Case Project will contribute progressively toward the completion of the given website project. Each Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 2). Portfolio 2 should be submitted along with Practical Assessment 2.
Weekly Individual Case Project Marks
Portfolio 2.1 (Chapter 7)
Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should
adopt a flexible design. Using the skills you learned in this chapter, build and 1.5 submit page layouts for the different levels of information your site will
contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock- up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical Assessment 2
Portfolio 2.2 (Chapter 8
Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will us
in the project. These include banner, navigation, section, or identifying 1.5 graphics. Add these graphics to the test pages of your site. Test the images i
multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you can enhance the legibility of the content. Can color help communicate the structure of your information
Determine the color choices for your web site. Pick the colors for text, table
backgrounds, and page backgrounds. Establish graphics standards for your web site, including but not limited to the following:
Decide whether you will use a standard amount of white space around each graphic.
Determine exactly which img attributes should be included in all tags
Formulate a standard for all alt and title attributes.
Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
Determine colors of links and visited links
Write a short standards document that can be provided to anyone who contributes to the site.
Portfolio 2.3 (Chapter 9)
Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start
coding. Save the various navigation bars as separate HTML5 files for later 1.5 inclusion in your web pages. Plan the types of navigation graphics you wan
to create. Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics
Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical Assessment 2.
Portfolio 2.4 (Chapter 10) Examine the content of BUSINESS_HOURS.TXT provided in the 1.5 PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.
Portfolio 2.5(Chapter 11) Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields: 1.5 • Name • Age • Gender • Country of Origin • Personal Interest • Comments Portfolio 2.6 (Chapter 12) Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. 1.5 Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied these assumptions. Portfolio 2 Summary Consolidate and combine all your previous efforts from Portfolio 2.1 to 2.6 into a DOC or DOCX report. Present this as a formal report to the client that contracted you for this project. For the purpose of this project you are assumed to be a professional. As such, you should attempt at your best to reflect this quality in the preparation of the report. 1.0 All sketches, diagrams and figures should be embedded as part of the report. Do not submit external files. For webpage renderings of HTML5 or CSS3, please include screen captures of example of your web pages. Do not submit HTML5 or CSS3 script files in your Portfolio. The format of your report should be as follows: A4 size paper, 2.5cm 6
margins on all sides, single-sided, Time Romans or New Time Romans font, 12pt font size, DOC or DOCX format.
Submit this report as DOC or DOCX into your course website Moodle online submission portal
Ttal Marks: 10
What to Submit
Submit one DOC or DOCX file to your Moodle course site online submission portal for this course.
Please name this file as PORTFOLIO_2.DOC or PORTFOLIO_2.DOCX.
Assessment details for: Practical Assessment 2 (30 marks)
What You Need to Do
To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer and mobile device. Design your website to be rendered by a web browser to fit a desktop computer display between 1024×768 to 1280×1024 pixels. The website should also adapt responsively to mobile devices. The breakpoint between the display sizes for desktop computer and mobile device should be approximately 500×720 pixels. The mobile device should also adapt responsively when it is rotated to a landscape orientation.
The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. Responsiveness of each of the webpages will be tested using Google Chrome’s developers device simulator. The breakpoint for the simulated mobile device will be set to approximately 500×720 pixels.
The complete stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 2.
Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform for desktop computers. As for mobile devices, please use a generic device with a display of approximately 500×720 pixels to be tested using Google Chrome’s developers device simulator.
Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools.
Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.htmldirectly from within a web browser. No web server is required for Practical Assessment 1 and 2
What to Submit
Submit one ZIP file folder to your Moodle course site online submission portal for this course.
Please name this ZIP folder as PRACASSN_2.ZIP. This ZIP folder should contain the following:
All necessary files, images, scripts, coding and resources should reside in a single main folder. It is up to you to organise the files and sub-folders within the main folder. Ensure that all your scripts and coding is stand-alone and portable. That is, your marker or instructor should be able to run your scripts from the type of browser you have specified by clicking on the main.html or index.html startup file. The web browser you specified should render your markup and scripts without problems.
Assessment Criteria
The following criteria will be used to assess your assignment:
Criteria Marks • Overall functionality. Web pages function as intended. 5 • Website demonstrates all aspects of a responsive web implementation. 10 • The completed website sufficiently demonstrates the main features of 5 the initial design and its intended purpose. • Quality of HTML5 and CSS3 coding techniques. Demonstrates proficiency 5 in HTML5 and CSS3. • Website and associated webpage design corresponds closely to the work reported in Portfolio 2. Conversely, the details presented in Portfolio 2 3 should be supportive of the prototype implementation as demonstrated in Practical Assessment 2. • Inline comments, filename convention and overall file and folder 2 structure. Total marks: 30 9
Marker’s Guideline
To obtain 76-100% of the marks allocated for a specific section of the assessment, the student’s work is expected to demonstrate a very high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 51-75% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a high level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 26-50% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a sound level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
To obtain 1-25% of the marks allocated for a specific section of the assessment, the student’s work typically demonstrate a limited level of knowledge and understanding of concepts, facts and procedures, and application of knowledge within the scope of the course.
0 marks will be allocated for a specific section of the assessment, where an erroneous or no attempt has been made by the student.
Punjab Assignment Help
Buy Online Assignment Help services for COMPUTER ASSIGNMENT with Punjab Assignment Help at [email protected]
0 notes