CCL Website Implementation Web Development Assignment
Programingassignmentshelp4u@gmail.com
Introduction This CCL Website Implementation Assignment is to get a detail understanding on website design. I am assuming that during working on this assignment will help me to get details on SDLC also as implementation of website will go through the complete SDLC process also which is required in order to get an interactive website implementation. The case study is to design and implement an e-commerce website which will require the understanding of e-commerce business. Also before implementation of website, we will require an evaluation of competitors website also, which will help me to get understanding of currently running e-commerce website and their functions.
Background As part of website design assignment, we have to create a website for CCL Computers Limited which is a complete IT Provisioning Company based in London. Website will be designed in the same manner it is asked in assignment. CCL Computers is a vibrant SME specializing in bespoke website design for other SMEs and corporate businesses. CCL Computers Limited was founded in 2004 and have an excellent reputation for designing state of the art websites for their clients. CCL Computers Ltd focuses mainly on designing quality, eye-catching, optimised, state-of-theart websites for their clients. They promise that they will NEVER be beaten on price by any competitor within 50 miles radius. CCL Computers Limited also specialize in:
PCs & Laptops Sales and Repairs Hardware Sales and Repairs Networking General IT Support Software Sales (specializing in Office 365) Cloud Storage Virtualization IT Security Microsoft Certification Adobe Certification
Website design for the above given case study will be carried out in same manner as it is defined in SDLC i.e. it will follow all the steps defined in System Development Life Cycle.
Analyse Design Development Testing Implementation Maintenance
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Analysis phase will cover the understanding of requirement from CCL computers limited i.e. this phase will cover initial requirement gathering and feasibility study. Design phase will cover the study of user requirement, existing system evaluation (if any) and logical system design. Development phase will cover the detailed system specification and coding to implement the user requirement. Testing phase will cover the testing of newly developed system, identification of bugs (if any). Implementation phase will cover the deployment of newly developed system in production and go live. Maintenance phase will cover the future enhancements and regular maintenance activities to keep the website up and running so that it is accessible to user. LO1.1: Web Design Concepts In order to make an interactive website, the developer shall be familiar with the web design concepts which shall be used during design and development of interactive website. 10 web design concepts that one should follow are as given below: 
Proximity: Proximity refers to the distance between elements on a web page and how these elements are related to each other. These elements can be anything i.e. text, graphics, headings, navigation etc.
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Know the type of website: There are different types of websites which needs to be created based on user requirement, mainly it is categorised in three caategories: o Static website: Easisest to create, contains only text and images. Ideal for small sized business, small organizations etc. o Dynamic website: Dynamic websites uses advance programming to achieve this. This kind of websites provides different functionalities like user registration, feedback, payment collection, online shopping etc. Examples of dynamic websites are Facebook, Twitter, Amazon, Ebay etc. o Flash website: Flash websites are not easy to develop, it requires not only the knowledge of HTML, CSS but also requires knowledge of Animation, Action scripts etc. In general, flash websites are created for online games, images processing application etc. Use of Flash, makes websites more interactive, eye catching, attractive and engaging. Collecting Information: This is one of the important phase for development of any system or website as this will involve the process of collecting information from customer for the work which needs to be done. This process will include collecting the information about nature of business, purpose of having a website, number of pages needs to be created in website, contents which needs to be placed on website etc. Analyse the competitor: Getting information of direct competition will form the approach which one need to take into consideration in order to gain a better market presence. Competitor analysis explores the digital strategies of the competition. This process will involve looking at their social media presence, website features, digital marketing and scope of service. Site Goals: Correct goal identification for having a website is very important in-order to have a good, interactive and informative website. Website which are desgined by having a clear vision in place, will have more visitors, increased subscribers, increased user interaction, increased traffic on website resulting more revenue for the organization or a better brand recongnition. Contents of website: Contents of website is the most important aspect in success/failure of a website. To support appropriate display of contents, one should have the right combination of text, images and technology. A good website shall not only be working as per design but it should attract the users also. Good Navigation: Good navigation is one of the basic principle of website design. It should always be clear to the visitors that how soon they can get the required information and from where? In case user does not feel that information is easily accessible on the website, it will lead to user dissatisfaction and subscriber may go for another option available in market i.e. navigation shall be designed in such manner that user should not feel “lost”. Web is a powerful tool because it provides interaction with end users. Good web site design should take full advantage of such capabilities available in web, such as easy access to the information, products or services provided, and making the whole experience satisfying. Consistency: Consistent look and feel across all the pages of website provide a clean look and gives website a professional look and feel. To maintain the consistency, one should use CSS and templates so that re-work can be avoided. Cross browser comatibility: A good website shall be accessible from all the popular web browsers available such as IE, google Chrome, firefox, Safari, Opera etc. Design of website shall be done in such manner that there will be no change in look and feel of website when accessed from different browsers. Accessible Links: It gives a bad impression to user when he/she sees the “Page can not be displayed” error on website while they are looking for an information. Also display of internal links and external links on website shall be distinguished so that user can easily identify that this is internal link and this is for external link which will be redirected to some other website/link.
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
LO2: Design of Interactive website 2.1: Interactive website of CCL Computers
Requirement Gathering In this phase we will identify the business requirement of CCL Computers Limited where they need to create an interactive website so that they can grow their business and penetrate more users with the help of web. Below is the list of services offered by CCL Computers private limited such as:
Website designing PCs & Laptops Sales and Repairs Hardware Sales and Repairs Networking General IT Support Software Sales (specializing in Office 365) Cloud Storage Virtualization IT Security Microsoft Certification Adobe Certification
Hierarchical view of CCL Computers website While designing a website, it is important to draw a layout for organization of information on website along with placing of menu bars and different pages under different sections. This process helps a lot during implementation phase of website as we are having a pretty clear picture on how the contents will be organized. A flow chart or hierarchical model will help developers to organize the contents in such manner so that it can be easily accessible to end users and he will not “lost” in the website. Below is the hierarchical model for CCL computers private limited website which depicts the path of different navigation menus which will be followed by user in order to get the required information.
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Hierarchical Model of CCL Computers
Home page contains the text and images (mentioned in assignment to implement) Video page under Portfolio contains the video as it is asked to implement in assignment Services page contains the external link for non-familimar terms like Virtualization, Cloud computing etc. Contact info page is designed to capture customer queries/feedback. This page is also having the contact information as well.
Get Web Programming Assignment Help
2.2 Evaluate other website As per the assignment criteria, we have evaluated the www.ebuyer.com as this is the competitor website for CCL computers private limited. This exercise helped me a lot to understand the website design of competitor, way of content organization etc. During this phase, I have identified and tried to uncover more and more features which I can use during website design of CCL Computers private limited and avoid errors if any. I have decided to evaluate the website on the basis of below criteria as it was mentioned in assignment section:
Layout of website Contents of website Efficiency
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net

User satisfaction
eBuyer website is very well designed with all the relevant contents organized in effective and professional manner. Fonts and graphics used on website are good and relevant with the purpose of website. eBuyer website is easy to use and categorised the services offered in different departments e.g. Computing and System Development Assignment, Storage, Components etc which are further categorized in more details like Computing section having details separately on Laptops, Desktops, Smartphones, Printing etc. Apart from the above said, main page is having details on deals offered by ebuyer, order tracking mechanism, contact information and a link to separate business site for the business partners. They have listed their complete processes related to order placing, order tracking, and return policy etc on home page itself. User can easily find the information he/she is looking on ebuyer.com. Below figure is of eBuyer.com which displays the different categories listed on this website and helped me a lot to understand how it works and what all categories are listed on this website.
ebuyer.com One of the best thing of the ebuyer.com website is that this website is getting updated frequently with all the relevant information and it is also available on website when it was last updated. Apart
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
from this, this website is having complete contact details available there along with an option to send feedback and contact with managing director of company also. Also they have categorized the contact details also in two sections: one for regular customer and one for business customers. Customer can reach to them in any of the method available like contacting on the numbers provided, sending an email or by post also. LO3 CCL website implementation 3.1 Implementation of website
To design and develop a website, one should have to use the available tools to reduce development time and efforts. These web development tools are knowns as “web authoring tools”. Commonly used web authoring tools are Adobe dreamweaver, Google sites, Frontpage and many more free/paid tools available. To implement CCL website, I have used Adobe Dreamweaver as it is one of commonly used tool and provides a lot of features to reduce the development time and effort. This tool provides the “What You See Is What You Get” i.e. “WYSIWYG” feature. It allows users to work in different modes like design, code, split etc. In design mode, user can design website and HTML code for that is getting generated in background. In code mode, user has to write the code in order to generate website pages. Split mode is one of the best feature, as it provides the functionality to view the design while writing code or view the generated code while designing website. This tool provide some of the commonly used features also like syntax highlighting, code completion, code collapsing, real-time syntax checking etc. These features helps a lot me to save my development efforts. This tools also supports the implementation of CSS and Javascript in website pages. I have used CSS to maintain styling across complete website and use of the CSS helped me to save from re-writing of same code. I have used JavaScript to put client side validation on customer feedback form where user input is required. To prevent garbage input, I used validation on user input with the help of JavaScript which enabled to receive only authenticated data from the client to the server. Menu bars I have used to provide navigation on website. I have designed menu bar in same manner as it is depicted in Hierarchical Model created above. I have created one form to capture user input/feedback with proper input validation.
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Home Page
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
About Us
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Services
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
IT Solutions
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Case Study
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Portfolio
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Video
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Contact Info Price Comparison with competitors Below are the list of products offered by CCL and other competitors along with the prices. Product Name
CCL Price
eBuyer Price
HP 250 G1 laptop
£ 281.21
£ 289.98
Acer Aspire V5-123 Laptop
£ 245.24
£ 249.00
Asus X52CL laptop
£ 401.87
£ 399.99
£ 130.98
£ 147.50
Netgear Prosafe 16-Port Gigabit Smart Switch
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
4. Support and Maintenance In context of website, “support and maintenance” means any activity, communication, and interaction between the organization for which site was developed and the organization which is responsible for maintaining the same. “Support” includes phone calls, email communications, research, and any efforts to meet ongoing needs of the organization. General scope of support and maintenance services will include below activities:
Website updation New features and functionality addition Required software update Site speed Backup of site Restoration of site
During the maintenance activities window of website, such as uploading of new pages, adding new functionalities, software upgrade etc. site will remain un-accessible for all the users. Either such activities shall be carried during off-peak hours or if an emergency maintenance is required, in that case a proper message shall be displayed to all the user with information of maintenance window. Support can be categorised further in two categories. General support: “General support” covers the fixing of web-based application problems, issues, “bugs,” or any other disruption in service to public and/or authenticated users. E.g. broken links, image distortions, display issues, content format issues, or browser compatibility issues. General support covers add, remove, and modify content on website, including adding/replacing images, copy, files, or links, modifying navigational patterns, CSS, or URLs etc. Product Support: “Product Support” refers to the policies and processes for the products being offered by CCL computers. This include post sales support, order processing support etc. This kind of support may vary from organization to organization because these are organization specific processes on how they provide Product Support. Paid v/s Free Web Hosting: There are different types of web hosting available in market i.e. free and paid hosting. Below is the comparison for both the methods: Free Web Hosting
Paid Web Hosting
Suitable for Small hobby and personal sites
Suitable for business/bigger websites
Less secure
More Secure
Less performance
Enhanced performance
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Less number of users supported
More number of users supported
Supported low-traffic
Supported more traffic
To upload new pages/modified pages on the web-server, one should use the software available such as FTP lite, FileZila which allows transfer of data from local machine to remote server in secured manner. Use of web server: For website testing, I have hosted the developed website on my local webserver. I have used apache webserver to test this website. There are many web site hosting companies available which allows hosting of websites on Apache web server as Apache web server is one of the commonly used web server. Also Read: Computing and System Development Assignment
Metrics increment There are tools available for analysing the site traffic which can be used to increase the metrics for a website. Below are the five main factors which shall be considered to increase the metrics like more users on website: 1. 2. 3. 4. 5. 6.
Good content to attract more users Setting up social media pages for organization Updated contents More backlinks to increase website traffic Get linked with other websites Advertise the presence
Conclusion Working on this assignment helped to me to get knowledge on various web technologies along with system development life cycle also. It gave me an opportunity to learn the details on how a website works and how these are getting implemented. It helped me to understand how a website can be designed and implemented and what content one should choose in order to implement a website. This study will surely help me a lot to grow in the area of web development. Appendices/References
Niederst, Jennifer. Web Design in a Nutshell. O’Reilly, 2001 Slocombe, Mike. “How to Plan a Great Web Site.” Internet Magazine August 2001: 86-88. Web Style Guide: Basic Design Principles for Creating Web Sites (Patrick J Lynch/Sarah Horton, January 15, 2009 | ISBN-10: 0300137370 | ISBN-13: 978-0300137378 | Edition: 3rd) Basic Web Concepts [Online]. [Accessed on 20 June 2014]. Available on world wide web: <http://www.how-to-build-websites.com/basic-concepts/part1.php>
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net
Concept and Inspiration: Design Theory for Web Designers [Online]. [Accessed on 21 June 2014]. Available on world wide web: <http://webdesign.tutsplus.com/articles/concept-and-inspirationdesign-theory-for-web-designers–webdesign-2025> Web Basic Concepts[Online]. [Accessed on 20 June 2014]. Available on world wide web: <http://www.tutorialspoint.com/web_developers_guide/web_basic_concepts.htm>
Programming Assignments Help is the best assignment help provider in the United Kingdom. Our online assignment writing help UK is especially dedicated for the students studying in all UK colleges and universities. Submit assignment to get the best quality assignment help.
www.programmingassignmenthelp.com
help@programmingassignmenthelp.net