Zlx05 Hnd In Computing: Website Assessment Answer

rver, then the name servers come into the big picture. These servers do not hold any information regarding the site but knows where the site can be found. The name servers read the domain names to lead the search to Top-Level domain name servers. These Top-Level domain name servers provides the right information regarding the concern (Wander, Boelmann and Weis 2017). Now the DNS servers identify the DNS records among various records such as IP address and many more. Finally, the DNS retrieves the records and show the intended outcome to the user.

Types of Domain Names: There are total seven domain names in existence at present. These are Top Level Domains, country code Top Level Domains, generic Top Level Domain, internationalised country code top-level domains, Second level, Third level and sub domain.

Web Server: Website are basically two types such as transaction processing system and development site. The most popular web development site is WordPress and most popular transaction processing system is Amazon.com. Another popular website types are content delivery such as Google, intranet and extranet. Now, the web server can be referred to as the computer which contains all the files of a website along definition of with needed connection for running the website in a browser. The webserver provides both the server side and client side scripting languages (Ramirez et al. 2016). There are two types of operating system that runs all the webservers in the world. Based on the operating system, the websites are hosted. The Microsoft Based OS hists ASP.NET website and Linux OS hosts PHP websites. The hardware are hard disks, a system with higher volatile memory or RAM and faster processors. The server computers has both SSD and normal HDD. The most popular software used in the server are antivirus, email software, spam remover and additional utility software of customer choice.

Web Technologies and Frameworks: The web technologies are considered as the multimedia packages and markup languages that helps computer to communicate. From the browser to the internet protocol, everything is under web technology. The browser is the technology that request information to the internet and shows the website to the user. HTML and CSS is the markup for the website. Every website is built using HTML and CSS. HTML is the structure of the website and CSS stylize the structure to make it look presentable (Alawar, and Naser 2017). The web development frameworks are also a part of web technology. Frameworks provide different approaches for developing a website. Each framework has its own features and use cases. Next is the programming language. This web technology is used for making the website dynamic. JavaScript is a programming language used in controlling the frontend of the website. However, with the use of Node.js, the JavaScript is also used as server side language. Other programming languages like Go, Python, PHP, C# are used in server side scripting. HTTP, HTTPS, DDP, REST are the protocols of web technology (Ganaie and Ahmed 2019). REST is an API which allows the web technology to remotely host a database. Data formats such as Json, XML and CSV are also web technologies which helps in making the website dynamic and powerful.

Impact of Search Engine on Website Performance: First and foremost impact of search engine on website performance is loading speed. The website must be loaded within 3 seconds as per the statistics of search engine. The mobile friendliness is essential for a website to rank good in search engines. The people tend to open websites more on their mobile phones rather than desktop sites. Website speed also depend on the hosting service (Pan 2015). If the website is hosted in the same country where more audience is accessing the website then speed will be more. The website speed also depend on which server is used for hosting the website. The dedicated cloud hosting are faster and secure than shared hosting services.

Tools for Enhancing Site’s Index Value and Rank: There are various tools for improving the index and rank of a website in search engines. The most popular one is Google PageSpeed Insights. The Google PageSpeed Insights gives suggestion to improve the website performance (Hang 2019). As Google is the major search engine in the world, Google PageSpeed Insights is one of the best to rely on. This tool is capable of checking the speed of the website in both desktop and mobile environment. The developer can easily identify the issues regarding the slowness of the website. The updated mobile ranking factors are integrated nicely in the Google PageSpeed Insights. This makes the tool extremely relevant.

Website Technology, Tools and Software Categorization:

Capabilities of Front-End Technology: The front end technology is consisted of various things like markups such as HTML, CSS, programming language like JavaScript, JavaScript based frameworks like Angular, React, Vue and many more. Front end technology is used for representing the website into the client browser. XML is also a part of front end technology. XMLO stands for Extensible Markup Language. Ajax which is also part of front end technology is combination of Asynchronous Java and XML (Ganaie and Ahmed 2019). All these front end technologies are capable of powering the interface of the website. Any change in the interface of the website is controlled and maintained through these technologies. Taken as an example, if the user clicks on a link and a pop up model opens. This is done through front end technologies. JavaScript frameworks are capable of communicating with the back-end technology to load data dynamically (Pustisek and Kos 2018). Single Page Websites or SPAs are also mainly powered by these technologies. Angular, React and Vue are three most popular JavaScript frameworks. These frameworks can be used for creating simple and low powered website that can talk to database like Firebase. Therefore, the front end technologies, now a days, are not limited to controlling interface but also capable of handling cloud databases. Angular, React and Vue has states that control a particular section or state of the system. Over the years of successful integration of JavaScript frameworks, the statement has also become a hot topic.

The frontend of the website is related to the presentation layer. The user interface of the web application generally refers to the presentation layer. The presentation layer are constructed of HTML, CSS and JavaScript (Reychav, Warkentin and Ndicu 2016). The backend does not have much effect on the presentation layer. However, various decisions on which element to show or hide can be dependent on backend. The HTML, CSS and JavaScript can also be used in the form of frontend frameworks.

Capabilities of Back-End Technologies: The backend technology is for powering the dynamic nature of the website. Any website that works with data are using backend technology. There are a lot of backend technologies available at present. Currently the most popular backend technology is PHP. PHP is powering 73 percent of the website world-wide. It is because all of the CMS websites like WordPress, Joomla, Wix and many more are using PHP as backend technology (Muller 2019). The backend technology handles all the server side scripting and processes. Everything that happens over the server is controlled and maintained by the backend technology. Other backend technologies are Golang, Python, Java, Ruby and many more. Backend technologies are mainly used as a framework to be used in the website server (Lee, Satyam and Fox 2018). The JavaScript based framework is Node.js, python based frameworks are Django and Flask, PHP based frameworks are Latravel, Cake PHP, Symphony and many more. All of these technologies connect to the database. All the database related processes are done using these technologies. Each backend technology has a feature called session which allow the website to track user login activities and authorization policies. For every successful login attempt, the backend creates a user session which is checked for every request that user makes. The backend also implement authentication which allows implementing basic security to the website.

The backend technology can allow the website to check what type of security checking is needed. Frameworks of backend technology are designed and developed in such manner that it implements many security features automatically. Such as, laravel provide security against cross site scripting using CSRF token while submitting a form (Bean 2015).

Relation between Frontend and Backend: The combination of backend is what makes the website exceptionally well in functionality. The front end does the work of input and output of data. These are generally collected in the way of form submission. Once these form are submitted, the JavaScript codes are used to validate the data in a simple manner. More intensive validations are done in the backend. Once the data is passed to backend side, various checks and processes are applied to the data. Such as, in case user wants to login to the site, login form is used to input username and password (Toepfl and Litvinenko 2018). Once these data are passed to backend, it checks if entered password and username combination exists in the database or not. Based on the result, the backend takes a decision whether allow the login request or show an error. In case login credential does not exists in the database, the frontend will show an error. In case username exists but password is not right, the backend can chose to output different result (). The front end can show that custom message on the user screen.

The combined operation can be seen in e-commerce sites. The database holds the data if product is on sale or backend code can take the decision based on specific data such as update date, product type, price range. If the backend makes the decision that product is on sale, the front end shows an extra element like sale logo or lesser price for that particular product. This dynamic nature can also be implementing JavaScript (Marjuni, Fanani and Nurhayati 2018). However, this would have resulted synchronization of data between computers. As JavaScript runs locally on the browser. Each time, the user will load the site, all the changes would have gone.

Impact of frontend and backend technologies on UI and UX: The UI is the graphical representation of the website. The colors, buttons, images, sliders are related to the topic of User Interface. The CSS or Cascading Style Sheet allows the developer to change the default shapes and color of an HTML element. Now a days, the CSS can be implemented using a pre-compiler called SCSS (Wang 2016). All these front end technologies are assisting the developers to implement the UI design of the website better in an efficient and effective way.

Tools and Techniques to Realize a Custom Built Website: The primary tool is a code or text editor. It is a piece of software installed in a computer device. This software is consisted of many predefined features and codes that allows easily write codes. Such as, emmet is the most popular code editing feature that is embedded into a text editor from installation. This software completes the code on behalf of the user by just reading first few lines of it. There are various special characters or set of special characters that helps writing codes efficiently. The next tool is the inbuilt developer tools in browsers like Google chrome or Firefox (Toepfl and Litvinenko 2018). This tool allows the developer to track issues and make real-time changes in the code in the browser itself. This is a very powerful tool for front end developers. The next tool is database. Each dynamic website is connected to a database. Based on the programing language chosen, the efficiency of the database vary. Such as PHP gives best performance with MySQL, ASP.NET is more suited with SQL Server, JavaServer pages are compatible with Oracle Database.

One of the most popular techniques in styling the website is applying BEM method in cascading stylesheet. The BEM allows the developer writing css code in effective way so that classes and ids can be easily tracked at the time of post modifications. In terms of building dynamic application, the MVC is the most popular software design pattern. The MVC is the short form of Model View and Controller (Leite et al. 2017). The Model is the database, View is the page that appears on browser and controller is the server. These MVC design patterns are heavily focused on another technique called object oriented approach.

Utilizing Website Technologies, Tools and Techniques:

Requirements for Development: The first requirement is the text editor in which the code can be written. The special text editors, especially developed for web development purpose are very efficient and effective. The second requirement design of the system. It is essential to understand the fundamental design needs and patterns of website. Third and final is technology. It is very important because once a single technology has been used, considering another can be very difficult and complex. The selected technology for this website are HTML5, CSS3 with no preprocessor and JavaScript ES6.

Design Document: The design document provides ample amount of hint to the developer regarding design principles and software architecture.

Purpose of the design is creating a website for both desktop and mobile platform. The website will be used for promoting and selling old and new cars to the customers directly. Each website page must have unique information and content.

This website design will be based on three main design principles and that are responsiveness, consistency and navigation. Currently the website will operate at small scale, therefore there is no need to enlarge the project complexity. The website will have same color combination, content focus and media throughout it. The navigation will be implemented in such way that user will have option of going to relevant pages whenever they want. The user will not need more than three clicks to navigate to desired page. The same color combination will be used at every page. The website must be operational in mobile devices and other small screen devices. The efficiency of the user interface must be intact in smaller screen. The mobile users must have similar quality of experience as desktop users.

The client requirements are as following.

1. A multipage website
2. Enquiry form to allow customer communicate with organization

• Listing cars for sells

1. Beautiful UI to attract more users
2. Good SEO and indexing to rank better in search engines

User requirements are as following:

1. Good interaction quality of the website
2. Easy to understand website content and functions

• A contact page to get information on how to communicate with organization

1. A separate page for purchasing cars

Critical Evaluation: The website has been created by following all the mentioned principles. There were some difficulties in making the navbar responsive due to some unknown issues. Then the HTML element of navbar was changed to fix the issue. Dark color theme has been used in the website. The text and background colors have enough contrast that user can identify the information properly.

Test Plan:

Interface Analysis: The user interface of the website is very good. All the sections are distinguishable from other sections. The text and background colors are contrasting. Each text can be read easily. The UI of the website is also very good for mobile devices. Conventional actions has been implemented into the system. The menu bar and other important sections are designed using conventional approaches. Each section of the website follows good quality of content which can help the user interact with the website. The links to other pages are also present in the footer which increases the interaction quality.

SEO and Indexing: It helps the organization building the brand. Building the brand of the organization is a part of the SEO strategy. Optimized website is prone to attract more traffic to the website. SEO and indexing is very helpful in finding the target audience for the organization. It helps achieving the organization goals and increase the customer base of the organization.

W3C Validation: Below screenshot shows the W3C validation of index.html.

W3C validation is a great way of increasing the ranking of the website in search engines. It helps eliminate the errors that can affect the performance of the website. W3C validation also ensure to follow best practices for the website design (Garcia-Gonzalez and Labra-Gayo 2018). It affects the user experience by improving the functionality and usability of the website. It has a crucial role in making the website browser friendly.

Impact of Poorly Optimized Website Graphics: Website graphics is the key element in attracting the user to a website and increasing customer presence in the website. From the color combination to the fonts everything is a part of website graphics (Thompson et al. 2019). Poor website graphics can mislead a user and make the user confused. It can bring down the user interaction to a very bad quality.

Conclusion:

From the above study it can be concluded that developed report gives proper idea of what the organization needs and what has been developed for them. The description of the server technologies and management services has been extremely good and easily understandable. The basic elements of system server has been provided with adequate amount of information. The information on website technologies, tools and software has been provided properly. The significance of back-end and front-end has been given with proper justification. The developed website has fulfilled all the requirements of London Automobiles Limited. The home page has enough information for the users to understand purpose of the website. In the contact page both the contact details and contact form has been provided. In any case, customer needs to send a query, the enquiry form is present at the home page.

Bibliography:

Alawar, M.W. and Naser, S.S.A., 2017. CSS-Tutor: An intelligent tutoring system for CSS and HTML.

Bean, M., 2015. Laravel 5 essentials. Packt Publishing Ltd.

Ganaie, D. and Ahmed, S., 2019. Utilization of Library Website (s) in Higher Educational Institutions.

Garcia-Gonzalez, H. and Labra-Gayo, J.E., 2018. XMLSchema2ShEx: Converting XML validation to RDF validation. Semantic Web, (Preprint), pp.1-19.

Hang, L., 2019. How to enhance Search Engine Optimization in accommodation website on Google search engine.

Jiang, J., Zhang, J., Duan, H., Li, K. and Liu, W., 2018. Analysis and Measurement of Zone Dependency in the Domain Name System. In 2018 IEEE International Conference on Communications (ICC) (pp. 1-7). IEEE.

Joslyn, C., Aksoy, S., Arendt, D., Jenkins, L., Praggastis, B., Purvine, E. and Zalewski, M., 2019. High Performance Hypergraph Analytics of Domain Name System Relationships. In HICSS 2019 Symposium on Cybersecurity Big Data Analytics.

Lee, H., Satyam, K. and Fox, G., 2018. Evaluation of production serverless computing environments. In 2018 IEEE 11th International Conference on Cloud Computing (CLOUD) (pp. 442-450). IEEE.

Leite, V.M., Palma, J.G. and de Oliveira, F.H., 2017. Definition of a Computing Independent Model and Rules for Transformation Focused on the Model-View-Controller Architecture. World Academy of Science, Engineering and Technology, International Journal of Computer, Electrical, Automation, Control and Information Engineering, 11(2), pp.244-251.

Marjuni, A., Fanani, A.Z. and Nurhayati, O.D., 2018. Implementation of Text Copy Prevention on Content Management System based Website. Journal of Telecommunication, Electronic and Computer Engineering (JTEC), 10(2-4), pp.119-123.

Muller, C., 2019. Practical aspects of FaaS applications' migration (Bachelor's thesis).

Pan, B., 2015. The power of search engine ranking for tourist destinations. Tourism Management, 47, pp.79-87.

Pustisek, M. and Kos, A., 2018. Approaches to front-end iot application development for the ethereum blockchain. Procedia Computer Science, 129, pp.410-419.

Ramirez, F., Ryan, D.P., Grüning, B., Bhardwaj, V., Kilpert, F., Richter, A.S., Heyne, S., Dündar, F. and Manke, T., 2016. deepTools2: a next generation web server for deep-sequencing data analysis. Nucleic acids research, 44(W1), pp.W160-W165.

Regan, G. and Abdel-Halim, A., 2018. INTERNET OF THINGS SECURITY DOMAIN NAME SYSTEM POLICY AND ANALYTICS.

Reychav, I., Warkentin, M. and Ndicu, M., 2016. Tablet adoption with smart school website technology. Journal of Computer Information Systems, 56(4), pp.280-287.

Thompson, C., Shelton, M., Stark, E., Walker, M., Schechter, E. and Felt, A.P., 2019. The web's identity crisis: understanding the effectiveness of website identity indicators. In 28th {USENIX} Security Symposium ({USENIX} Security 19) (pp. 1715-1732).

Toepfl, F. and Litvinenko, A., 2018. Transferring control from the backend to the frontend: A comparison of the discourse architectures of comment sections on news websites across the post-Soviet world. New Media & Society, 20(8), pp.2844-2861.

Wander, M., Boelmann, C. and Weis, T., 2017. Domain Name System without Root Servers. In International Conference on Risks and Security of Internet and Systems (pp. 203-216). Springer, Cham.

Wang, L., 2016. Research on the UI and UE Design Techniques and the Status in HTML5 Website Development. In 2016 2nd International Conference on Social Science and Technology Education (ICSSTE 2016). Atlantis Press.