Task 9

The similarities and differences between Google Docs and Office Live Workspace


Today, Microsoft announced that the Office Live Workspace beta is publicly available for everyone to access. The site, a free web-based extension of Microsoft Office, lets you access your documents online and share your work with others. Some say that the service’s launch is a direct response to Google’s entry into the web office space with their Google Docs online service. If that’s so, then the question now is: did Microsoft just trump Google Docs? Or does Google Docs still rule online office suites?

Office Live Workspace: The Basics

Before we review the features in detail, let’s look at an overview of what Office Live Workspace offers.

After signing up for Office Live and signing into the service (and no, you don’t have to have an MSN email address to do so), you are presented with the “Documents” area where you can upload and view files and share them with others.

However, the defining feature is of this service are the “workspaces.” The “My Workspaces” section is to the left of the main window. You can create a new workspace by clicking on the plus button next to “New Workspace.”

You can start with a blank workspace or choose one of the workspace templates provided. These templates include things like “Class Workspace,” “Event Workspace,” “Household Workspace,” “Job Search Workspace,” and more. Loading one of these templates populates the Workspace with some sample documents. For example, the “Job Search Workspace” comes pre-loaded with documents like a resume, a cover letter, an interview schedule, interview preparation notes, etc.

Files can’t be edited from within workspace, but clicking on “edit” will open them up in Microsoft Office (of course). Individual documents or entire workspaces can be shared with others. Using the provided Office plug-in allows for one-click access from the desktop software to the workspace.

The workspace doesn’t offer offline collaboration – instead documents are “checked out” and “checked in,” but the service does integrate with SharedView for real-time screen sharing.

Feature-by-Feature Comparison

Both Google Docs and Office Live Workspace are free services, but each has its own unique set of features.

Storage Space

Microsoft Office Live Workspace is limited to 500 MB of space, which equates to about 1000 Microsoft Office documents.

I found it hard to pin down Google Docs storage space. Going into the basic information section of docs.google.com, I found two sentences stating: “Each user has a combined limit of 5000 documents and presentations and 5000 images,” and “Each user has a limit of 1000 spreadsheets.” However, an actual quota in MB was not specified.

File Types

Google Docs is limited to the types of files their service allows you to edit online: HTML, .txt, .doc .rtf, .odt, .xls, .csv, .ods, .tsv, .tsb, .ppt, and .pps.

Office Live Workspace allows you to upload all kinds of files, not only Office document file types. So, in addition, you can upload .PDFs, pictures, or seemingly any kind of file except those on the blocked list, which are blocked to protect users as they are file types Windows sees as executable files.

File Sizes

Google Docs allows for documents of 500 K each, plus up to 2 MB per embedded image. Presentations can be 10 MB in size. Spreadsheets can be 10,000 rows, or up to 256 columns, or up to 100,000 cells, or up to 40 sheets – whichever limit is reached first. Each spreadsheet can have up to 20,000 cells with formulas.

Regardless of the file type, Office Live Workspace allows for individual files as large as 25 MB.

Sharing

Google Docs allows for sharing of a file or files by checking the checkbox next to them and clicking “share” from the menu. Those you are sharing with can be invited as “Collaborators” or “Viewers.” You can add a short note along with the invitation. Documents and presentations can be shared with 200 combined viewers, but spreadsheets have no limit.

Similarly, Office Live Workspace allows you to share documents or workspaces with others and mark them as “editors” or “viewers”. You can add a note along with the message. You can also check a box to allow “everyone to view this without signing in,” and/or a box to “send me a copy of the sharing invitation.” Below, a read-only preview of the file is displayed. Files or workspaces can be shared with up to 100 people.

Both offer address book integration for finding recipients’ email addresses.

Collaboration

In Google Docs, collaborators have the ability to work on files together, in-real time. Ten people may edit and/or view a document or presentation at any given time. Fifty people can edit a spreadsheet at the same time.

Although Office Live Workspace allows for collaboration, it’s not real-time, online collaboration. Instead, if one user is editing a file, another will be informed the file is “checked out.” When they finish editing and save their changes the document is checked back in for other users to access.

Versioning

Both Google Docs and Office Live Workspace keep track of older versions of a file. You can use the web interface of either to roll back to a previous copy.

Batch Uploads

Google Docs allows you to browse for a file on your computer and upload it to the service, one-by-one. Documents and presentations can be emailed in, but not spreadsheets. In January, Google released a Document List Uploader tool that provides drag-and-drop uploads to the service. Third party tools like DocSyncer can automatically upload your documents from your PC to Google Docs.

Office Live Workspace also allows for Batch Upload, but if you’re not using IE, you won’t see the option. IE users can click on “Add Document” and they will be presented with the option to upload a single document or multiple documents.

Integration

Google Docs is the whole offering – there is no offline software to use, but if you needed to edit files with offline software, like Microsoft Office or Open Office, because you hit a wall with Google Docs’ current abilities, you could do so by downloading the file to your PC.

However, since Office Live Workspace is the web-enabled aspect of Microsoft Office software, integration is key. From within the workspace, you can click “edit” to open the file with the Microsoft Office program. The service also offers an add-in that works with Office XP, 2003, or 2007. The add-in allows you to open and save documents to and from the workspace via the software’s File Menu (XP, 2003) or Office menu (2007).

Direct URLs

Both Google Docs and Office Live Workspace offer direct links to allow you to bookmark your workspace or a workspace item (Microsoft) or a file (Google Docs) via a unique URL you can save or share with others.

Folders

Google Docs allows for folders and sub-folders to store your files.

Essentially, Office Live Workspace offers folders, too, if you consider that each “workspace” is basically a folder containing files you want to group together. You can name these anything you want, but sub-folders within them are not supported.

Saving/Exporting

Google Docs allows you to save files to your computer by saving them into (depending on their original format) a Microsoft Office, Open Office, HTML, txt, or even PDF format. You choose the format you want from the menu.

Office Live Workspace of course assumes you want to save the file in Microsoft Office format or whatever other format the file is already in (ex. PDF).

Mobile Access

Google Docs are available from any mobile device, but editing is not available.

Office Live Workspace doesn’t provide mobile access, unless you’re a member of the Live@edu program. The Live@edu program offers students and alumni 5 GB email inboxes, 5 GB of password-protected online storage space, shared calendars, blogging tools, and access to these services on a mobile phone, all at no cost to the schools or students.

Other Features

Google Docs

  • You can create a form in a Google Docs spreadsheet and send it out to anyone with an email address. They can respond directly from the email message or from an automatically generated web page and their responses are automatically added to your spreadsheet.

Office Live Workspace

  • Office Live Workspace offers some nice features, such as the ability to comment on files stored on the service.
  • Also, an “Activities” feature keeps track of workplace activities with the new activity panel and can send you notifications when changes are made in the workspace.
  • Integration with SharedView beta allows Office Live Workspace users to share screens with each other in real-time.

Conclusion

Although it’s very close when it comes to basic features of the two services, each stands out in its own way. Google Docs, although limited in its capabilities, offers real-time collaboration. Office Live Workspace, on the other hand, may not have the collaboration features of Google Docs, but the workspaces feature is unique. Plus, you have the capabilities of full-featured Office software available.

Blog Task 8

AJAX means ‘Asynchronous Javascript and XML

fig1

Figure 1: The traditional model for web applications (left) compared to the Ajax model (right).

This approach makes a lot of technical sense, but it doesn’t make for a great user experience. While the server is doing its thing, what’s the user doing? That’s right, waiting. And at every step in a task, the user waits some more.

fig2

Every user action that normally would generate an HTTP request takes the form of a JavaScript call to the Ajax engine instead. Any response to a user action that doesn’t require a trip back to the server — such as simple data validation, editing data in memory, and even some navigation — the engine handles on its own. If the engine needs something from the server in order to respond — if it’s submitting data for processing, loading additional interface code, or retrieving new data — the engine makes those requests asynchronously, usually using XML, without stalling a user’s interaction with the application.

XmlHttpRequest

XmlHttpRequest is a [soon-to-become standard] JavaScript object which is used to communicate with web servers asynchronously.  Using the standard request/response paradigm, one can implement a functionality such as WebMark’s search-as-you-type.  Note that use of the XmlHttpRequest is central to the AJAX paradigm.  AJAX was defined by the Adaptive Path company.

IE 6.0 caches responses to XmlHttpRequests; there may be a way to set headers and such so that IE 6.0 won’t do this, but for now, I just append random crap to the querystring in order to fool IE into grabbing a fresh version for every request.  Note IE also has issues with caching images.

XmlHttpRequest works in IE 6.0+, Firefox 1.0+, and the latest version of Opera.  Beyond this, I am unsure; I would like to know what exactly the browser requirements are.  Because some browsers do not support XmlHttpRequest, consider using IFrames.  Here’s an excellent introduction to iframe elements.  You may be interested to know that IE7 now supports a native XmlHttpRequest object.

There is generic code in the [nicely commented] xmlhttprequest.js file and code specific to this example on this page (view the source).  The only other code you need is a few lines of ASP.NET code.

private void Page_Load(object sender, System.EventArgs e)

{

if (Request[“foo”] != null)

{

Response.Write(Request[“foo”].ToUpper());

Response.End();

}

else if (Request[“gettime”] != null)

{

Response.Write(DateTime.Now.ToUniversalTime().ToString());

Response.End();

}

}

And in PHP:

if (isset($_GET[‘foo’]))

{

echo strtoupper($_GET[‘foo’]); die();

}

else if (isset($_GET[‘gettime’]))

{

echo date(‘r’);

die();

}

TASK 7

FileDropper.com – simple online storage.

FileDropper.com, a simple solution for offsite backup and archiving.

FileDropper.com site

FileDropper.com site

While there is quite a few sites that offer online storage (some of them even for free), none come close to giving out the amount of FREE space that FileDropper.com does: 100GB. Yes, you read it correctly one hundred gigabytes of free online storage.

The first question I got after telling a few people about this was: does it integrate with the OS like DropBox?
Unfortunately, the answer is: No, it doesn’t (at least yet). Not sure if they are working on something, but it would be nice to have at least FTP access (hint hint FileDropper).

So, how does it work? As simple as it gets.

1. Get an account
2. Click the UPLOAD button
3. Watch your file fly off to cyber-land.

The only limitation is the file being uploaded must be smaller than 5GB, which is very generous.

That’s how simple it is.

Since that seems to be the only way to upload files to the site, and the process is done manually, it seems that the best use for FileDropper is archiving and offsite backup (done manually).

Personally, I just zipped the contents of my Documents folder into a few large files and uploaded them to FileDropper.com.

Here’s a screenshot of a file being uploaded: (click on thumbnail for a full view)

File upload progress

File upload progress

When it’s done, FileDropper gives you two links to the file:

Link to uploaded file

Link to uploaded file

After you’ve uploaded some files you can take a look at a section called: My Files

My Files section

My Files section

Privacy settings

Privacy settings

Here you can set some privacy:
– make the files private or public
– set a password

Task 6

Blogging Task 6

blog


DOM

Blogging Task 5
Document Object Model (DOM).

example of DOM tree

This model is now compatible with most web browsers. It provides a standard set of objects that can be used in web programming, making it easier to access and change web documents. The Document Object Model looks at documents as a tree. Each of the elements within the document is regarded as a branch on a tree, and these elements can be accessed and modified through the DOM. Also, it is platform and language independent.

1. Without modifying what was programmed earlier, new commands can be typed out to make the desired modification to the web page.


The difference between keydown and keypress

2.There is a difference between a “character” and a “key”. A “key” is a physical button on the computer’s keyboard while a “character” is a symbol typed by pressing a button. In theory, the keydown and keyup events represent keys being pressed or released, while the keypress event represents a character being typed. The implementation of the theory is not same in all browsers

EVENT Bubbling

3. Events which are designated as bubbling will initially proceed with the same event flow as non-bubbling events. The event is dispatched to its target EventTarget and any event listeners found there are triggered. Bubbling events will then trigger any additional event listeners found by following the EventTarget’s parent chain upward, checking for any event listeners registered on each successive EventTarget. This upward propagation will continue up to and including the Document. EventListeners registered as capturers will not be triggered during this phase. The chain of EventTargets from the event target to the top of the tree is determined before the initial dispatch of the event. If modifications occur to the tree during event processing, event flow will proceed based on the initial state of the tree.

Any event handler may choose to prevent further event propagation by calling the stopPropagation method of the Event interface. If any EventListener calls this method, all additional EventListeners on the current EventTarget will be triggered but bubbling will cease at that level. Only one call to stopPropagation is required to prevent further bubbling.

Canceling of the event

4.Some events are specified as cancelable. For these events, the DOM implementation generally has a default action associated with the event. An example of this is a hyperlink in a web browser. When the user clicks on the hyperlink the default action is generally to active that hyperlink. Before processing these events, the implementation must check for event listeners registered to receive the event and dispatch the event to those listeners. These listeners then have the option of canceling the implementation’s default action or allowing the default action to proceed. In the case of the hyperlink in the browser, canceling the action would have the result of not activating the hyperlink.

Cancelation is accomplished by calling the Event’s preventDefault method. If one or more EventListeners call preventDefault during any phase of event flow the default action will be canceled.

Different implementations will specify their own default actions, if any, associated with each event. The DOM does not attempt to specify these actions.

XHTML

Blogging

Task 4

XHTML

  • XHTML tags are all lowercase.
  • XHTML is a stricter, tidier version of HTML.
  • Pages written in XHTML work well in most browsers.
  • All tags, including empty elements, must be closed.
  • XHTML is the reformulation of HTML 4.0 as an application of XML.
  • The elements (tags) and attributes are almost identical to HTML.

Example

<!DOCTYPE html PUBLIC
	"-//W3C//DTD XHTML 1.0 Transitional//EN"
	"DTD/xhtml1-transitional.dtd"	>
<html	xmlns	= "http://www.w3.org/1999/xhtml">
<head>
	<title>Quick Example</title>
</head>
<body>
<h1>	Quick Example
</h1>
<a	href	= "http://validator.w3.org/check/referer">
<img	src	= "http://validator.w3.org/images/vxhtml10"
	height	= "31"
	width	= "88"
	border	= "0"
	hspace	= "16"
	align	= "left"
	alt	= "Valid XHTML 1.0!"
	/></a>
<p>	Note that the layout (with tabs and alignment) is
	purely for readability - XHTML doesn't require it.
</p>
</body>
</html>

BLOGGING TASK 3

CSS or Cascading Style Sheets is a popular stylesheet language that is used to define the presentation of mark-up languages. It is a handy tool to style the web pages written in HTML and XHTML. With CSS, you can have better control over the look and feel your web pages. This is because CSS lets you control various web page elements like fonts, text, color, backgrounds, margins and layout.

Potential benefits of CSS

Improving Website Design
Building websites has never been easier with so many readymade web templates available on the internet for free. However, one problem with template solutions is they are plain and common. Because templates are not exclusive, they can be bought and used by many people. CSS allows you to modify pre-built templates so that they look like customized versions and stand apart from the others. You can apply your choice of colors and styles and get close to having a customized website.

Cutting Investments
Website maintenance is a tough job. You can hire web designers to build websites for your and work on CSS. But then, the job doesn’t end there. As long the website continues to exist, it would need to be maintained. This would again need the services of the website designer. CSS allows you to modify the website contents and carry out any update process without any problems. By knowing how to work with CSS, you will be able to fix small changes by yourself. This can save you lots of money and cut your investments pertaining to the website significantly.

Making Money
CSS is an indispensable tool at hands of web designers. CSS offers a plethora of styling options that can be employed to alter the look and feel of a website. By having sound knowledge of CSS, website designers can gain expertise in their field of work and make money with their designs.

Quicker Redesigns
Website redesigning is a popular trend. Be it to keep pace with the evolving times or changing the website to match the corporate identity, website redesigning is a very necessary concept. However, traditional websites that were built without CSS are difficult to redesign. This is because stringent HTML codes are not very easy to change. On the other hand, website built with CSS can be redesigned very quickly and with minimal effort. It is very easy to change elements like colors and backgrounds. In no time you can completely revamp the look and feel of the website.

The best example of website redesign can be seen in the festive seasons and special occasions, when websites put special versions of their site and tweak their design to match the flavor of the season. All it takes is to spend a couple of hours creating and alternate style sheet for the occasion.

Creating Diverse Websites
CSS allows you to create websites that contain completely different looking web pages without the need to extensive coding procedures. A popular trend nowadays is to design different sections of a website in different colors in order to categorize the various parts. CSS lets you do this very efficiently. You can change the CSS for each section using page IDs while maintaining the same HTML structure throughout.

CSS options
Background
Font
Border
Outline
Margin
Padding
List
Table

Styles

Cascading style sheets enhance the accessibility of web documents to significant proportions of the population. To preserve their accessibility requirements users can specify that their own styles take precedence over author-defined styles. This is symptomatic of the way in which web documents will be accessed in the future. Web authors who use presentational markup will find it increasingly difficult to specify presentational requirements that will suit all devices that might access a web document. Rather than designing web documents so that they render best in a particular browser, the future will be best served by producing valid and accessible web documents in conjunction with cascading style sheets.

In Firefox, it requires installing the free add-on called Stylish.

Stylish lets you customise the look of a website using your own styles.

Stylish is much more powerful, and can do a lot more that just this little change: I could change fonts, background colors, sizes, headings, font colors … to whatever suits my preferences.

Stylish works best when used in conjunction with the free Web Developer toolbar add-on for Firefox. With this toolbar enabled, I was able to turn on the feature called “View Style Information” under the CSS button — that way, I simply clicked on a post, and it highlighted the relevant css code properties (class name and values) — so I could easily override the value with a simple user style in Stylish.

TASK 2

XHTML TAG 1.0

Purpose

  • Document developers and user agent designers are constantly discovering new ways to express their ideas through new markup. In XML, it is relatively easy to introduce new elements or additional element attributes. The XHTML family is designed to accommodate these extensions through XHTML modules and techniques for developing new XHTML-conforming modules (described in the XHTML Modularization specification). These modules will permit the combination of existing and new feature sets when developing content and when designing new user agents.
  • Alternate ways of accessing the Internet are constantly being introduced. The XHTML family is designed with general user agent interoperability in mind. Through a new user agent and document profiling mechanism, servers, proxies, and user agents will be able to perform best effort content transformation. Ultimately, it will be possible to develop XHTML-conforming content that is usable by any XHTML-conforming user agent.

2. Definitions

Method

The “method” attribute define how form’s data is sent to the processing agent. There are two possible values for this attribute (case-insensitive):

  • get: The form’s data is added to the URI defined in the action attribute (e.g., handler.php?pname=jhon&plastname=malcovich).
  • post: The form’s data is added to the body of the form.

Action (uri)

Designates the location of the file that will handle the form’s inputs. Forms are usually handled by server side scripts.

<form action=”handler.php”>

Enctype (content-type)

Specifies the content-type of the submitted data, when the value of the “method” attribute is “post”. For example, the value “multipart/form-data” should be used when uploading files through a form. Default value is “application/x-www-form-urlencoded”.

The root element of the document must contain an xmlns declaration for the XHTML namespace [XMLNS]. The namespace for XHTML is defined to be http://www.w3.org/1999/xhtml. An example root element might look like:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


Programs

Sajit Sudakaran


.

My Knowledge about Programming

JAVA C++
VISUAL BASIC SQL

My knowledge about web writing is absolutely null

Workshop1 Assignment

Hello world!

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!