Baderman Island Web 2.0 Enhancement
Learning Team A
WEB/431
November 26, 2012
Mario Martinez, Jr.

Baderman Island Web 2.0 Enhancement
The purpose of this paper is to provide a detailed implementation plan for the addition of Web 2.0 functionality to Baderman’s existing website. The discussions in the paper will cover are the implementation plan objectives and justification for the changes, a high-level diagram or flowchart that illustrates the information, processes, and interfaces associated with developing the Web 2.0 enhancement, the information flows, the system design including information on how the code will be used, a description of the project logic, description of interfaces to external websites, and screen mock-ups for the Web 2.0 enhanced Baderman’s website.
Implementation Plan Objectives and Justification for Changes Learning Team A will assist the marketing department of Baderman Island Resort in the addition of Web 2.0 functionality to the existing website to help introduce Baderman Island Resort to a younger internet savvy generation of guests. This Web 2.0 addition functionality would include features such as interface to social networking sites, RSS feeds, mobile access, and Flickr. It is our opinion that the site would benefit from the addition of videos. The team is also able to give suggestions on how to upgrade the resort’s current version of Microsoft Word. (Huddleston, 2008) Companies should always update their Microsoft Word so they can take advantage of all the newest features and options available including security, the most important for companies. It is strongly suggested that an upgrade for Baderman’s Microsoft Word to the Microsoft Office 2010 version. The 2010 version of Microsoft word will bring benefits such as improved picture and media editing features, easy to use tools, easier analyzing and managing data, being able to edit your file simultaneously with people in different locations, instant broadcast of live presentations and more. (Microsoft Office, 2010)
Learning Team A believes that the marketing department at Baderman Island Resorts has made the right choice by deciding to upgrade to having Web 2.0 functionality on their website. With so many businesses going on the web, it is almost mandatory to stay at least with other competition if not ahead. Because the resort consists of 3 hotels, a convention center, 4 restaurants, 2 gift shops, a pro shop, and a spa the choice to integrate Web 2.0 functionality with the workflows of their employees and create a networked company will link the company to their customers will be the key to a more successful website. (Huddleston, 2008) The team has devised an implementation plan to integrate the new Web 2.0 enhancement to the Baderman Island Resort website. An interface to social networking sites will be utilized, which can be accomplished through del.icio.us links. A free account will be created for Baderman Resort and a download for an extension, which will add the del.icio.us buttons to the Baderman’s browser toolbar. The company can then bookmark any sites and add tags to the bookmarks for easy navigation. (Huddleston, 2008) The next step in the implementation plan is for the team to develop xml documents, their schemas, extensible stylesheet language transformation (XSLT’s) to transform the XML to XHTML, and Cascading Style Sheets (CSS) to integrate Web 2.0 functionality to the Baderman’s XHTML written web site. A Really Simple Syndicate (RSS) feed will be implemented into the XML documents in order to define the XML document by using a standardized schema. It can then be published as a web feed that visitors to Baderman can subscribe to. Once visitors subscribe they can publish blog entries, audio, and video to name a few The RSS syntax that will be used is RSS 2 syntax. (Huddleston, 2008) Mobile access features will also be added to Baderman’s site using Cascading Style Sheets (CSS) to prepare the site for mobile devices. It is also suggested that Baderman’s visitors and employees be able to share their photos on Flickr, an online environment that is owned by yahoo and allows users to share not only pictures but automatic RSS feed and other web applications (Huddleston, 2008). A user account for Baderman will be created on the Flickr website and receive the code for the badge needed to embed into the XML document being used to upgrade the website. (Huddleston, 2008) The final suggestion Learning Team A would like to make for the Baderman website is to have a Google map embedded on the site to make it easier for potential and current visitor to find their way to and around the island. With Google AJAX implemented, the map users can scroll around and zoom in and out of the location map with ease. This will be accomplished by signing Baderman up for a Google maps API key. Once the key is generated the code that is displayed will be copied and pasted onto the visitors’ center page of the site. (Huddleston, 2008)
Flowchart

Information Flows With the new Microsoft office 2010 Baderman Island Resort Company can communicate all the information they need with vendors and other staff. The included upgraded version of Microsoft word contains many new features to help the company communicate with others via the web. The company can easily upgrade at the Microsoft Web site. The information needed to incorporate the interface to social networking sites will flow from creating an account for Baderman at the del.icio.us website when the extension is downloaded adding the del.icio.us and tabs button to the Visitors Center page of the site. (Huddleston, 2008)
System Design Since the Baderman Island Resort website is originally written in XHTML the team will use XSLT to transform any XML that will be incorporated in the implementation of Web 2.0 functionality. Because the enhancements are mostly signing up for things like Flickr and del.icio.us links and then copying the code generated into the Baderman website XHTML, the system design will be quite simple. The RSS feed will be written in XML with a schema and an XSLT to transform the XML to XHTML. (Huddleston, 2008) The code that is generated after creating an account, following directions and receiving a badge for the addition of Flickr to the Baderman’s website is already written in XHTML and will be easily implemented into the site’s guest blog page. As with the addition of Flickr to the site, adding del.icio.us link will require an account for Baderman Resort to be created, following directions to create the buttons needed, and adding the sites URL into the value of the href attribute in the XHTML code. (Huddleson, 2008) In order to embed Google maps onto the Baderman website’s island maps and virtual tour pages, the team will sign Baderman Resort up at the Google maps website to receive an API Key. The code that is generated from acquiring the key is in XHTML and will be copied and pasted into the XHTML on each page where the map is to be displayed to allow for easy navigation. The maps on the Island maps page and the Virtual tour page of the site will show the entire Island and provide visitors with an idea of the layout of the entire Island. (Huddleston, 2008)

Process Logic
Extensible Markup Language (XML)
XML can express, or model, many types of data structures, including structures similar to relational data, hierarchical data and loosely structured data. It is recommended using XML as a support for the databases on the Baderman’s website to track website visitors, reservation, hotel promotions. The logic behind this markup language is substantial in the success of this implementation. XML is described as a set of rules that define how sequences of characters are to be used so the an XML processor can process an XML document without throwing errors and that also define the physical structure, expressed as entities. XML documents have a logical structure that is expressed by the nesting of elements and the presence of attributes on selected elements. The highly flexible document structure means that the programmer can model many types of data, resulting for modeling both highly flexible structured data that can be stored in a relational database.
New types of data storage must be easy to create and maintain. XML plays a part in a process of making data easier to structure and describe. Data structures that can be easily modified or adapted, together with processors that access data contained in those structures, make it easier to create, maintain, and modify data storage when using binary files alone (Wiki, n.d). XML provides a cleaner, more consistent framework for expressing structured data. Part of this improvement relies on simple element type names, and it can be created for each element in a XML document. There are advantages in using XML such as, high level of accuracy and efficiency for the transmission of data, and distribution will eliminate the overhead associated with using relational database. In addition, there is no loss of data between different operating system platforms. XML can be used on a variety of systems, laptops, PDAs and is compatible with a large number of networks.
XML Schema Definition (XSD) XSD will run the validation of Baderman’s XML documents. All XML documents that are developed with the XSD will follow the same basic framework that helps developers’ support and mange XML documents. The XSD help validate data before it is published on the web. The XML schema will define the data of certain elements, and even constrain it to within specific lengths or values, which helps maintain the accuracy of data. One big advantages of using schemas is that it helps make sure that everyone on the project agrees as to how an XML document should be laid out. In addition, by using schemas we will enable validation in XML parser which makes it easier to tell when a piece of code fails because it has given some bad XML.
Cascading Style Sheets (CSS) It is Baderman’s business objective that the website is accessible though all hardware devices, it could be a laptop, cell phones, PDAs, iPhone, or Blackberry, as long as it has access to internet, it should be able to browser Baderman’s website. With this in mind we recommend the use of Cascading Style Sheet (CSS). Instead embedding style with the web content, we use separate CSS document to indicate how the webpage will be rendered. This will give us the flexibility to build different style sheet for different mediums, for example; one each for PC, mobile devices and print friendly each. According to EzineArticles.com (2011), with CSS, web designing can be established by creating attractive pages with much flair. CSS Web Design provides websites for businesses and organizations who want to use the internet to expand and develop their business. Choosing CSS as a sytlesheet for Baderman’s websites has many advantages.CSS diminish the overall amount of code in a web page and vastly reduces the file size. With CSS, we can separate Baderman’s Web contents from its style; it will give us greater control of the webpages. With the use of CSS we can also hide content from certain browsers in certain situations, and multiple style definitions will cascade into one. This has advantage of presenting the website to old browsers as well. According to EzineArticles.com (2011), CSS also offer much more flexibility in terms of the presentation effects it provides; such as margin, color, border, background and much more. CSS develop strategies for maximizing forward and backwards browser compatibility. There are a variety of exposure of web design and testing tools that can aid in the creation of attractive, standards-abiding documents.
Extensible Stylesheet Language Transformation (XSLT)
We chose Extensible Stylesheet Language Transformations (XSLT) as the language to separate Baderman’s web contents layer from the presentation layer. The big advantages of using XLST and XHTML with Web 2.0 is that we can automate the generation of content by replacing the static file with a script to support other file formats. For example, if the page has generated report from a DB query. The user can generate an XML format report using a basic web service, and then the client code could present that result as an HTML table, a CSV file, or another XML format such as OpenDoc or the Microsoft Office 2010 format. The main advantage is the separation between content and presentation. With XSLT, we can have an XML with the raw contents of the page, and one or more XSLT files specifying the presentation (which can have different designs, or even be targeted to different media). The user can modify them freely. XSLT lets Baderman take full advantage of the XML format, for any form of XML. These days they are quite numerous and very popular: RSS, XHTML, Doc Book, TEI, XSL-FO, X Forms, RELAXI NG, XML Schema, SVG, SMIL, RDF, OWL, and many more. Plus, we can define Baderman’s own XML document type. XSLT can take any XML document, and translate it to HTML, another form of XML, or some other plain text document type like PDF. Because it can both take in and output data in XML format, XSLT lends itself very well for a trick called "pipelining" that is where Baderman website do a series of transformations, one after another. The output of one stage becomes the input of the next stage. It is a very powerful technique for decomposition of a large, complex solution - into modular, reusable components. XSLT can easily sort, filter, reorder/reorganize, and tweak data in XML format. XSLT 2.0 makes it easy to group data as well. For example, if Baderman have a lot of records in random order that give sales per salesmen, per city, per region - XSLT 2.0 can sort them all, grouped in nested hierarchies by: region, then city, and last the sales total for each salesman in city. XSLT is a pretty simple programming language. Unlike most popular programming languages, it directly supports XML. It has support for XPath expressions built right into it. XSLT can operate directly on dynamically generated XML data. The XSLT is an event-driven language which means that it runs very fast and it scales nicely for big files. XSLT is well supported by both web/application servers and web browsers.
Interface to External The website will interact with external websites using file FTP adapter enables you to exchange data with the Integration Server or the PCK by means of a file interface or an FTP server. The file contents can be sent to the Integration Server unaltered. If the data contains Comma Separated Values (CSV), then it can first be converted into a simple XML message. This XML message is then forwarded to the Integration Server. Conversely, file content coming from the Integration Server or the PCK can be put unaltered into a file or converted from XML into CSV format. Text files that are to be processed by the Integration Server or the PCK must be based on the UTF-8 code page. The file/FTP adapter can use every code page that is installed in the Java runtime environment for conversion purposes. The customer will be able to interact with the website also. The website will have a nice detail navigation bar with colorful header that customers will be able to use and not get confused. It will also have a tool bar to be able to print and share information with friends.
Web 2.0 Baderman Island Website The team will begin the implementation by integrating an interface to social networking sites through del.icio.us links. Del.icio.us is a social networking site that allows websites to post bookmarks to popular social networking sites such as Facebook, MySpace, and twitter. The process will begin by visiting the del.icio.us web site and follow the instructions to create an account for Baderman’s Web site and add the del.icio.us and tag buttons to the visitors’ center page. Once the buttons are added, the social networking sites that Baderman’s wants to add will be bookmarked on the site. This is accomplished by copying the RSS address to the value of the href attribute in the XHTML code. (Huddleston, 2008)

Screen Mock-ups

Conclusion

Baderman Island Resort’s business objective is to increase market share by attracting potential new generation of customers who are internet-savvy. The aim is to introduce Web 2.0 functionalities such as interface to social networking sites, incorporation of videos, multimedia, wikis, blogs, and mobile access to their website. To accommodate Baderman’s business objective, and to provide required Web 2.0 functionality we propose the use of XML, XSD, XSLT, CSS, and HTML as web development tool. We also propose the use of third party API for social networking like Facebook, Twitter, and Blogs.
References
EzineArticles.com. (2011). Advantages of using CSS in web design. Retrieved November 15, 2012, from EzineArticles.com: http://ezinearticles.com/?Advantages-of-Using-CSS-in-Web-Design&id=1433066
Huddleston, R. (2008). XML: Your visual blueprint ™ for building expert websites with XML, CSS, XHTML, and XSLT. Hoboken: Wiley Publishing, Inc.
Hunter, D. (2007). Beginning XML 4th Edition. Indianapolis: Wiley Publishing, Inc.
Microsoft. (2010). Word 2010 Features and Benefits. Retrieved November 16, 2012, from Microsoft Office 2010: http://office.microsoft.com/en-us/word/word-2010-features-and-benefits-HA101810003.aspx
Wikipedia. (n.d). Web 2.0. Retrieved November 10, 2012, from Wikipedia.com: http://en.wikipedia.org/wiki/Web_2.0
-----------------------
Web 2.0

Blog section

Face Book

Twitter

Tour Video

Video sharing

Google Maps

Videos

Customers comments Baderman Resorts

Home

News

Travel

Search

Blog