IT 270 SNHU Tech Computer Website Developer Project

User Generated

tehagfehyr1

Programming

IT 270

Southern New Hampshire University

IT

Description

Unformatted Attachment Preview

1. GENERAL PAGE TEMPLATE DESIGN In this website, I will have the navigation bar the at top of the page, with the logo at the left end of the bar while the navigation links will be aligned to the right side. Below the navigation bar will be a highlight image. On the image will be a short title and text. After the highlight image, there will be multiple sections under the one wrapper. Each of these sections will have specific content organized in columns, grid layout or as a block layout. Below the overall wrapper of the sections, we will have the footer. The footer will be divided in columns into sections. A common feature in all pages will be the position and design of both the navigation bar and the footer sections. The difference between the pages will be in the content’s section, which will vary from page to page. 2. CHOICE OF COLOR PALETTE I will use black and white colors as primary colors. For the secondary highlight color, I will use a light blue color. I have chosen to use these colors because they are simple and easy while they at the same time contrast very well. Whenever I use a black background, I will use white text and vice versa. The secondary color will be for making specific highlights for either titles, icons among other highlighted objects or aspects and also in response to events (i.e. mouse and key events) on the webpage. 3. TYPOGRAPHIC CHOICES To maintain an easy but appealing look I will use open sans bold font for the titles and open sans regular font for the paragraph text. The paragraph font size will be 12-14 pixels. The navigation links will be 14pixels. While the titles will be 16 - 24 pixels. This font definition for each text type (titles and paragraphs) will be uniform for all sections and pages. This identified font type and size will enable a clean look and feel of the website’s text with a clear distinction between the titles, navigation links and paragraphs. Proposed Site Southern New Hampshire University 19-Sep-21 2 1. Proposed Site Structural Theme For my final project, I will be using the sequenced and linear structured theme. The linear theme is simple and makes the user experience awesome when finding different items on the website. The main reason for selecting this theme is because of the simplicity of the website since it won’t contain many web pages otherwise I’d have gone for the hierarchical theme. 2. Proposed Site Structure (Real Estate Website) 3. Proposed Site Navigation Wireframe Home Page: Contains welcome messages as well as displaying properties from different categories to users. Products: This page contains properties that have been uploaded and are available for sale. Each property contains a property category, name of the property, description, and the price of the property. Services: This page will contain all the services offered by the platform in order to give a shallow overview to the users who are looking for a specific service. About: The about page will contain general information about us, who we are, and our accomplishments. Contact: The contact page will contain contact information. This will enable visitors to contact support in case they need to confirm or get clarification on different properties. 1 Laptops & Computer Accessories Website Joshua Stultz IT 270 Southern New Hampshire University 12-Sept-2021 2 Laptops & Computer Accessories Website The website for my uncle concerns the sales of laptops, computer accessories, desktops, and mobile computing devices like tablets. The shop is in town and has many branches all over our region. My uncle heard of the global market and wanted to develop a website that would help supply orders worldwide. Such an approach will require an eCommerce system that allows customers to order the products in a different geographic location without coming physically to the shop. The current business model is that of a physical store only, with a business-to-customer approach. Expansion is necessary to focus on other retailers while targeting new markets at the global level. Hence, an online website will help to increase the online presence. It will boost the brand name of the business and seek to penetrate the international market. The website to be designed should allow off-store sales through the internet. The customer can login into the system, make orders, pay for orders, and track their order delivery. Focus Being that the type of business that my uncle does is that of sales of computers and accessories. He purchased desktops, laptops, convertibles, iPad, tablets, and accessories like chargers, batteries, uninterrupted power supplies, laptop bags, hard disks, external storage devices, SSD drives, motherboards, keyboards, etc. mouse. The focus of the website is on allowing a business-to-customer connection. It will facilitate the purchase of the goods through a public webpage with a customized user profile page and access roles definitions. Purpose 3 A website should be built for the business because it will help in reaching out to new markets. Globalization is influencing businesses, and there is the need to reach out to international markets. Such approaches are facilitated by online systems and websites that connect with customers from very remote locations or distances. Marketing and sales are shifting to digital, and those companies that adapt to such changes can obtain a competitive edge. It will also help in intelligence information gathering processes. As the customers order goods automatically, the records and inventory are updated appropriately. Through such updates, there is the capacity to mine data and make meaningful inferences that can help improve the business's operations. For instance, learning about the customer purchase behavior can help recommend appropriate products that the customer can purchase (Alalwan et al., 2020). With such intelligent information, there can be changes in business activities to facilitate timely delivery, balancing of inventories with realtime demand and supply, and improve efficiency. Desired Results It is expected that the website will improve on reaching new customers and increasing product sales by 30% annually. It is also expected that the presentation layer shall include techniques of attracting the customers to visit and purchasing the products. Approaches like email messaging upon registration and discount prompts shall be included to facilitate such results. It is expected that the customer will have the efficiency of ordering the products online and getting the product delivered to them. It will help keep in touch with the customers while comprehending their wants and desires and offering customer support. The website is also expected to support the management of inventories as the products are ordered and inventory updated. 4 Target Audience The target audiences are mainly millennials or young people. They are the ones using digital devices the most. For instance, students use laptops to facilitate their learning activities. Hence, more audiences will get targeted in universities and learning institutions. Apart from that, the young are the ones involved much with recreational activities associated with computers. They use laptops and tablets to support their gaming experience. They also like specialized computers with graphics cards and high processing capacity to support huge gaming programs. The business also targets information technology companies. Such companies comprise people like developers, computer users, and other associated tech experts. They require high-capacity computers with huge processing power and storage to facilitate programming software and repositories. Thus, workstations and gaming laptops are also included in the inventory. Businesspeople and executives usually require mobile and portable devices like convertible laptops. Hence, they shall be presented with such mobile devices. In matters concerning the audience's geographical location, the website will be placed near the institution's locations. For the businesspersons and executives, there will be branches like the CBD. For the IT professionals, there will be stores near the IT areas like Silicon Valley. Apart from that, the website will take note of such. I will create categories of computers as well as the functionality of such computers or accessories. It will help the audiences to relate to their field of work or use. It is estimated that there shall be around 200 visitors per month for a start. As time passes, the number is expected to grow each year exponentially. SEO optimization may get incorporated later to increase web crawling and presence (Abdullah et al., 2021). 5 References Alalwan, A. A., Algharabat, R. S., Baabdullah, A. M., Rana, N. P., Qasem, Z., & Dwivedi, Y. K. (2020). Examining the impact of mobile interactivity on customer engagement in the context of mobile shopping. Journal of Enterprise Information Management. Abdullah, E. N., Ahmad, S., Ismail, M., & Diah, N. M. (2021, July). Evaluating E-commerce Website Content Management System in Assisting Usability Issues. In 2021 IEEE Symposium on Industrial Electronics & Applications (ISIEA) (pp. 1-6). IEEE. IT 270 Final Project Guidelines and Rubric Overview The role of a web developer has changed over the years. Today, assignment-level and junior web developer positions require the designer, at a minimum, to have experience writing in HTML and CSS. Additionally, web developers must be adept in their interactions with users, programmers, and others in order to effectively develop professional, easy-to-use websites that meet the needs of their stakeholders. In this way, today’s web developers must possess more than just the technical skills for constructing websites. The final project for this course is the creation of a website. In this project, you will utilize the skills you have developed throughout this course and apply them to the following scenario: You have been approached by your uncle, who has requested your help in developing a website for his small business. He has asked for a visually appealing website that will need to have tables, forms, as well as a variety of multimedia elements. You will create at least five pages in total, including a home page and an about page where you will explain the intent of the website, defend your aesthetic decisions, and explain your future plans for the site. The project is divided into three milestones, which will be submitted at various points throughout the course to scaffold learning and ensure quality final submissions. These milestones will be submitted in Modules Two, Three, and Five. The final product will be submitted in Module Seven. In this assignment, you will demonstrate your mastery of the following course outcomes:     Determine cohesive, high-level website designs with organized page layouts, logical navigation paths, and visually pleasing aesthetics Integrate effective, basic multimedia website elements that promote desired user experiences Apply website development languages accurately and consistently to achieve intended formatting and layouts and ensure compatibility Justify plans to website design choices and functionality based on customer or clients’ needs Specifically, the following critical elements must be addressed: Prompt I. II. Overall Design A. Is the website clean, professional, and visually appealing? Does it apply a viable color scheme? Is the designer’s information and other branding appropriately displayed on each page? B. Are the tags, formatting, and features consistent throughout the website? C. Are all of the website elements organized logically on the page for proper visual appearance? D. Is the navigation between the pages and to external sites logical? Website Elements A. Does the website include appropriate, effective tables? B. Does the website include appropriate, effective forms (at least one form with list features)? C. Does the website include appropriate, effective multimedia elements (at least one example of video and images)? III. Website Code and Compatibility A. Do the tables, forms, multimedia, and hyperlinks function and display properly? B. Is each page consistent in syntax and style (HTML and CSS) throughout? C. Does the website include an externally linked, properly formatted CSS style sheet? D. Is the website coded properly for reasonable compatibility with all major web browsers? IV. About Page For your about page, take into consideration your intended audience and who may, in the future, be visiting this page as you respond to the following: A. Documentation of the Development Process Explain to your audience the intent and purpose behind this website. What steps did you take in creating the website that ensured you met your objectives? B. Defense of the Final Product Why did you make the specific design choices that you did? For each of your website’s pages, explain your rationale for the overall design, as well as the individual components (colors, typography, etc.). Support your choices with evidence of your consideration of the end user. What did you do to make your website engaging, professional, and easy to use? C. Opportunities for Improvement and Growth Finally, explain what else you might like to do with this website in the future. What could you have done differently if you had more time or resources? What sorts of content, capabilities, pages, etc. might you want to include in future updates? Milestones Milestone One: Initial Site Planning In Module Two, you will submit a plan for the design of your site, including the identification of your purpose and intended audience. This milestone will be graded with the Milestone One Rubric. Milestone Two: Site Structure and Navigation In Module Three, you will submit a wireframe sketch showing the structure and navigation of your website. This milestone will be graded with the Milestone Two Rubric. Milestone Three: Site Aesthetics In Module Five, you will submit a description of your site’s aesthetics, including the page design template, color palette, and typography. This milestone will be graded with the Milestone Three Rubric. Final Submission: Final Website In Module Seven, you will submit your final project. It should be a complete, polished artifact containing all of the critical elements of the final product. It should reflect the incorporation of feedback gained throughout the course. This submission will be graded with the Final Project Rubric. Deliverables Milestone One Two Three Deliverable Initial Site Planning Module Due Two Grading Graded separately; Milestone One Rubric Three Graded separately; Milestone Two Rubric Site Aesthetics Five Graded separately; Milestone Three Rubric Final Website Seven Graded separately; Final Project Rubric Site Structure and Navigation Final Project Rubric Guidelines for Submission: Website must be at least 5 pages, including the home page and about page. As you finalize elements of your site, remember to include basic comments in your code that identify how your work in the milestones and instructor feedback informed key features or function choices on your site. Make sure to include your URL on a separate word document and submit with the rest of your files. Exemplary (100%) Meets “Proficient” criteria, and the overall visual aesthetic reflects insightful, creative website design Proficient (85%) Website is clean, professional, and visually appealing, including a viable color scheme and branding Overall Design: Consistency Meets “Proficient” criteria, and the tags, formatting, and features are fully cohesive throughout the website All tags, formatting, and features are appropriately consistent throughout the website Overall Design: Organization Meets “Proficient” criteria, and website element organization reflects insightful, creative website design Website elements are organized logically on each page for proper visual appearance Overall Design: Navigation Meets “Proficient” criteria, and website navigation is fully intuitive Website navigation between the pages and to external sites is logical Website Elements: Tables Meets “Proficient” criteria and demonstrates advanced skills in developing website elements Meets “Proficient” criteria and demonstrates advanced skills in developing website elements Website includes appropriate, effective tables Website includes tables, but not all are appropriate or effective Website includes appropriate, effective forms (at least one form with list features) Website includes forms, but either does not include a form with list features or not forms all are appropriate or effective Critical Elements Overall Design: Visual Appeal Website Elements: Forms Needs Improvement (55%) Website has gaps or noticeable issues with the visual aesthetics that may disrupt aspects of the user experience There are gaps or noticeable issues with the tags, formatting, and features throughout the website Website elements are not consistently and logically organized on each page, impacting the visual appearance Website navigation between pages and to external sites has gaps in the logic Not Evident (0%) Website has significant issues with the visual aesthetics that completely impede the intended user experience Value 5.94 There are significant issues in the consistency of the tags, formatting, or features that completely impede the intended user experience There are significant issues with the organization of website elements that completely impede the intended user experience There are significant issues with the website navigation between pages or to external sites that completely impede the intended user experience Website does not include tables 5.94 Website does not include forms 7.92 5.94 5.94 7.92 Website Elements: Multimedia Elements Meets “Proficient” criteria and demonstrates advanced skills in developing website elements Website includes appropriate, effective multimedia elements (at least one example of video and images) Website Code and Compatibility: Function and Display Meets “Proficient” criteria and demonstrates advanced proficiency in applying website development languages Tables, forms, multimedia, and hyperlinks function and display properly Website Code and Compatibility: Consistent Syntax and Style Website Code and Compatibility: CSS Style Sheet Meets “Proficient” criteria and demonstrates advanced proficiency in applying website development languages Meets “Proficient” criteria and demonstrates advanced proficiency in applying website development languages Meets “Proficient” criteria and demonstrates advanced proficiency in applying website development languages Meets “Proficient” criteria and demonstrates particularly sound website design decision- making Each page is consistent in syntax and style (HTML and CSS) throughout There are minor gaps in syntax and style (HTML and CSS) CSS style sheets are appropriately used three different ways (external, internal, and inline) The website is reasonably compatible with all major web browsers CSS style sheets are used, but not in three different ways, or those that are used are inappropriate The website is not reasonably compatible with one or more major web browsers Explains the intent and purpose behind the website and steps taken to ensure the objectives were met Meets “Proficient” criteria and demonstrates particularly sound website design decision- making Defends the final website by comprehensively explaining the rationale with specific evidence, screenshots, and excerpts of code with annotations Explains the intent and purpose behind the website, but explanation is cursory, or does not explain steps taken to ensure the objectives were met Defends the final website, but does not comprehensively explain the rationale with specific evidence, screenshots, or excerpts of code with annotations Website Code and Compatibility: Compatibility About Page: Documentation of the Development Process About Page: Defense of the Final Product Website includes multimedia elements, but either does not include at least one example of video and images or not all multimedia elements are appropriate or effective Not all tables, forms, multimedia, and hyperlinks function and display properly Does not include multimedia elements 7.92 There are significant issues with the function and display of tables, forms, multimedia, or hyperlinks that completely impede the intended user experience There are significant issues with the code syntax and style that completely impede the intended user experience There are significant issues with the CSS style sheets that completely impede the intended user experience There are significant issues of compatibility that completely impede the intended user experience Does not explain the intent and purpose behind the website 5.94 Does not defend the final website 7.92 5.94 5.94 5.94 7.92 About Page: Opportunities for Improvement and Growth Articulation of Response Meets “Proficient” criteria and demonstrates a sophisticated understanding of the various options within website design Submission is free of errors related to citations, grammar, spelling, syntax, and organization and is presented in a professional and easy-to read format Offers substantive options for further improving or customizing the website with specific examples Submission has no major errors related to citations, grammar, spelling, syntax, or organization Offers options for improvement, but lacks substance or specific examples Does not offer options for improvement 7.92 Submission has major errors related to citations, grammar, spelling, syntax, or organization that negatively impact readability and articulation of main ideas Submission has critical errors related to citations, grammar, spelling, syntax, or organization that prevent understanding of ideas 4.96 Total 100% The role of a web developer has changed over the years. Today, assignment-level and junior web developer positions require the designer, at a minimum, to have experience writing in HTML and CSS. Additionally, web developers must be adept in their interactions with users, programmers, and others in order to effectively develop professional, easy-to-use websites that meet the needs of their stakeholders. In this way, today’s web developers must possess more than just the technical skills for constructing websites. The final project for this course is the creation of a website. In this project, you will utilize the skills you have developed throughout this course and apply them to the following scenario: You have been approached by your uncle, who has requested your help in developing a website for his small business. He has asked for a visually appealing website that will need to have tables, forms, as well as a variety of multimedia elements. You will create at least five pages in total, including a home page and an about page where you will explain the intent of the website, defend your aesthetic decisions, and explain your future plans for the site. The project is divided into three milestones, which will be submitted at various points throughout the course to scaffold learning and ensure quality final submissions. These milestones will be submitted in Modules Two, Three, and Five. The final product will be submitted in Module Seven. In this assignment, you will demonstrate your mastery of the following course outcomes: • Determine cohesive, high-level website designs with organized page layouts, logical navigation paths, and visually pleasing aesthetics • Integrate effective, basic multimedia website elements that promote desired user experiences • Apply website development languages accurately and consistently to achieve intended formatting and layouts and ensure compatibility • Justify plans to website design choices and functionality based on customer or clients’ needs Specifically, the following critical elements must be addressed: Prompt I. Overall Design A. Is the website clean, professional, and visually appealing? Does it apply a viable color scheme? Is the designer’s information and other branding appropriately displayed on each page? B. Are the tags, formatting, and features consistent throughout the website? C. Are all of the website elements organized logically on the page for proper visual appearance? D. Is the navigation between the pages and to external sites logical? II. Website Elements A. Does the website include appropriate, effective tables? B. Does the website include appropriate, effective forms (at least one form with list features)? C. Does the website include appropriate, effective multimedia elements (at least one example of video and images)? III. Website Code and Compatibility A. Do the tables, forms, multimedia, and hyperlinks function and display properly? B. Is each page consistent in syntax and style (HTML and CSS) throughout? C. Does the website include an externally linked, properly formatted CSS style sheet? D. Is the website coded properly for reasonable compatibility with all major web browsers? IV. About Page For your about page, take into consideration your intended audience and who may, in the future, be visiting this page as you respond to the following: A. Documentation of the Development Process Explain to your audience the intent and purpose behind this website. What steps did you take in creating the website that ensured you met your objectives? B. Defense of the Final Product Why did you make the specific design choices that you did? For each of your website’s pages, explain your rationale for the overall design, as well as the individual components (colors, typography, etc.). Support your choices with evidence of your consideration of the end user. What did you do to make your website engaging, professional, and easy to use? C. Opportunities for Improvement and Growth Finally, explain what else you might like to do with this website in the future. What could you have done differently if you had more time or resources? What sorts of content, capabilities, pages, etc. might you want to include in future updates? Website admin access https://www.000webhost.com/cpanel-login joshua.stultz234@icloud.com newpass1! https://www.000webhost.com/members/website/stultzsnhu/files then click upload files for direct access to folders/subfolders. https://files.000webhost.com/
Purchase answer to see full attachment
User generated content is uploaded by users for the purposes of learning and should be used following Studypool's honor code & terms of service.

Explanation & Answer

View attached explanation an...


Anonymous
Just what I was looking for! Super helpful.

Studypool
4.7
Indeed
4.5
Sitejabber
4.4

Related Tags