The Website of the Caf Cuisine: Goals and Objectives - Assignment Example

?Table of Contents Introduction 2 Analysis 2 Specification Building 4 Design 4 Content Writing 9 Coding 11 Testing 11 Conclusion 12 Introduction In order to develop a system, it is required to utilize one of the processes of the System Development Life Cycle (SDLC). Like traditional software development processes, a web project can also be divided into several phases and steps. It is pertinent to mention here that we have employed web development processes having diverse phases include: analysis, specification building, iteratively design and development, content writing, coding, testing and deployment along with promotion (Alexander, n.d). Moreover, we have developed a Blog on the same lines with the website. The report presents the development process of the Cafe Cuisine website, accompanying Blog, the models employed for designing the website and the business strategy utilized for the website. Analysis In the analysis phase of the website development process, we have analyzed the requirements of the website and differentiate these requirements into the functional and non-functional requirements. We analyzed on how the website would help to achieve the organizational objectives by assessing already developed food / restaurant websites. One of the important items is to identify the targeted audiences of the website along with the development of the web contents. Moreover, in the analysis phase of the web development process, we have analysed the software development tools required to develop the website. After thorough assessment the following non-functional requirements of the website have been identified which we have accommodated in the developed website (Vandeuren, 2012): The food website should be conformed the guidelines provided by the World Wide Web (W3) Consortium. The website should be developed and comply with the Hypertext Mark-up Language (HTML) version 5.0 Compatibility of the website must be ensured with all the major web browsers include: Firefox, Google Chrome, Netscape, Internet Explorer, and Opera. The web pages of the restaurant website can be viewed fully at 125 % zooming in all the major web browsers. The web pages of the restaurant website should be displayed properly on a computer having resolution set to 640 x 480 pixels. It is required that the restaurant website should be developed incorporating appropriate search engine optimization (SEO). From the typical non-functional requirements, we have concentrated on the security, regularity, data integrity, maintainability, availability, reliability, manageability, and the performance for the restaurant website. One of the critical non-functional requirements of the website is usability, the customers / users should be able to use the website with ease. Moreover, it is required that the dashboard design of the proposed website should be simple, easy to use and understand. The targeted audience of the website are the people used to have restaurant’s food regularly or frequently. The age of these people lies between 16 - 45 years. The audience can be professional as well as a novice web user who understands email and how to use a web browser. Moreover, the targeted audience is the people who can access the internet every day and any time. There are several tools and website development languages which are required for the development of a prototype (website). These include but are not limited to the XML, HTML, XHTML, Dreamweaver, JavaScript, CSS and Flash. In order to develop the food website, we have used Hypertext Mark up Language (HTML) version 5, Adobe Dreamweaver, JavaScript and Cascading Style Sheet (CSS). The Adobe Dreamweaver has been used to develop the user interface of the website and industry standard for designing the website. It also provides ‘What You See is What You Get’ (WYSIWYG) interface which is easy to use. Moreover, developing and editing the HTML5 as well as the cascading style sheet (CSS) is much easier by using Adobe Dreamweaver. We have used the JavaScript to validate the inputs provided by the users of the website (Calhoun, 2003). Specification Building In the Specification Building phase of the web development life cycle, the gathered and analyzed requirements need to be documented in an appropriate manner. In this phase, we have finalized the requirements, decided the website development tools requirement and the targeted audience of the restaurant website. Moreover, we have specified all the finalized items in this document during the Specification Building phase of the website development process. Furthermore, in this phase of the project, we have selected e-business strategy of business to consumer from many business models including the business to business, consumer to consumer, and government to consumers. It is pertinent to mention here that after the passage of time, we will increase our electronic food business to other food businesses for making it business to business. Design After specification building including schedule and human resources estimated to complete the website, we looked forward to design the website. During the design phase, initially we developed a Wireframe diagram on the website in which we have identified the location of the web page’s header, slogan of the restaurant, menus of the website, web contents and copyright information. The following diagram shows the Wireframe of the restaurant’s website (Johnston, 2013). After developing the Wireframe of the website, we continued to designing the website and identified the website’s header image along with the restaurant’s slogan term. Moreover, we identified the menus on the website and the copyright terms as shown in the following snapshot. Furthermore, in this phase of the process, we have also finalized all the images, the font style, colour and size, the background images and colours (Weiche, 2011). Once we have done with the initial design of the website, we start developing a prototype. Prototyping is one of the techniques used to communicate and finalize the requirements of the users / customers. In this technique a working but virtual model of the software application / user interface design of the website has been developed to take input, comments and consensus (approval) of the user / customer. In order to develop the web interface design of the website, as decided and specified we have used the HTML5, Cascading Style Sheets and JavaScript. The following screenshots show the diverse tags of the HTML5, coding of the CSS and JavaScript (w3schools, n.d). The following snapshot shows a piece of code for CSS. The following snapshot shows the JavaScript code of the website for validating the user’s input. The finalized web interface design of the website is shown in the following snapshot. It is worthwhile to highlight that the web page content of the website has not been finalized or developed yet. However, we have finalized the rest of the web interface design items in the design phase of the web development life cycle. The following snapshot shows the finalized header image along with the menu and page design of the website. Content Writing In the content writing phase of the web development process, we have developed the contents of the website. It is worthwhile to state that we have decided to develop total seven (7) web pages for the restaurant’s website. These web pages include: the home page, appetizer web page, main courses page, drinks, deals, order and order confirmation page. The home page contains information / contents regarding the range of food offered by the Cafe Cuisine restaurant. We have written the contents for the appetizer food available at the Cafe Cuisine. Similarly, the main courses and drinks web pages contain the food and drink information (variety and prices) respectively. The order web page is different from all the other web pages of the website, as it contains a form to get the information of the customer / user. There are several text fields contained by the form include: the name of the customer, the phone, email address and order of the customer. Once the customer fills and submits the form, the representative of the Cafe Cuisine will contact the customer to get the detailed information / order. It is significant to mention here that while content development of the website, we have kept in mind the rules and guidelines provided in the Data Protection Act 1998 and Computer Misuse Act 1990. It is required that the information of the customer should be secured from the unauthorized access, therefore, the data regulations are significant to imply while development of the website. Ethically and legally, it is an obligation we should take certain information security measures to avoid the offences mentioned in the Computer Misuse Act 1990, moreover, it is required to have license for using the personal information of an individual (customer of Cafe Cuisine) for the specific and specified purpose. If by any means in any case we failed to implement the rules of the regulations, our license would be cancelled and we can be fined as well (DaemonChild, 2011). Coding In our case, the coding phase is very simple because we are developing a static website using HTML, JavaScript and CSS. The coding phase is very important when developing a dynamic website by utilizing web development languages like PHP, ASP.Net, JavaScript, etc. Testing Several aspects of the final website have been tested to ensure its accurate working and finding out the potential bugs in the website. Some of the aspects are given below (Software Testing Help, 2007): The functionality of the website has been tested that comprises of the web links checking (internal and external links), broken links, orphan pages, validation of the HTML / CSS and cookie testing. The usability of the website has been tested that encompasses the ease of use, navigation of the website, logical representation of the contents, and appropriate site map / help. We have tested the compatibility of the website with diverse browsers and ensured that the website is working properly in all major web browsers. The performance of the website should be tested including the web load and stress testing to check how many users can able to hit the website at a time. Moreover, the reliability of the website should be tested to ensure that the website is working properly on different internet connections. It is pertinent to test the security of the website that comprises of testing the session, string testing and direct URL of the internal pages without providing username and password. Conclusion We have accomplished various activities in the diverse phases of the web development life cycle in order to successfully complete the website of the Cafe Cuisine. These activities range from the analyzing and planning of the website till its deployment. We have analyzed currently available food Blogs and developed a website accompanying Blog. The Blog has been developed in the Blog service Blogger provided by the Google. We believe that the website fulfils all the requirements of the Cafe Cuisine for accomplishing their goals and objectives. Reference List Alexander, B., n.d. Website Development Process – The Lifecycle Steps. [Online] Available at [Accessed 6 May 2013] Calhoun, B., D., 2003. Best Practices: Designing and Developing Web-Based Trainings with Macromedia Flash, Dreamweaver and ColdFusion. [online] Available at [Accessed 7 May 2013] DaemonChild., 2011. Computer Misuse Act / Data Protection Act. [online] Available at: [Accessed 9 May 2013] Johnston, P., 2013. How to ensure your B2B website is “fit for function”. [online] Available at: [Accessed 7 May 2013] Software Testing Help., 2007. Web Testing: Complete Guide on Testing Web Applications. [online] Available at: [Accessed 10 May 2013] Vandeuren, Y., 2012. Non-Functional Requirements for a Website. [Online] Available at: [Accessed 6 May 2013] Weiche, A., 2011. Web Design Wireframes Plan Your Success. [online] Available at: [Accessed 8 May 2013] W3schools, 2013. Learn to Create Websites. [online] Available at: [Accessed 8 May 2013] Read More