antigoni@UWLDisigning the social web

Presentation 1 Designing the social webThe Psychosocial and a Design Workshop

What is Facebook
n Facebook is a social networking service and Web site Launched in February 2004, operate and privately owned by Facebook, Inc.  As of July 2011, Facebook has more than 800 million active users.
n Facebook was founded by Mark Zuckerberg with his college roommates and fellow computer science students Eduardo Saverin, Dustin Moskovitz and Chris Hughes. The Web site's membership was initially limited by the founders to Harvard students, but was expanded to other colleges in the Boston area, the Ivy League, and Stanford University. It gradually added support for students at various other universities before opening to high school students, and eventually to anyone aged 13 and over. However, based on ConsumersReports.org on May 2011, there are 7.5 million children under 13 with accounts, violating the site's terms of service.  Nevertheless, Facebook's market growth started to stall in some regions, with the site losing 7 million active users in the United States and Canada in May 2011.
n There's no doubt that Facebook is a powerful social networking tool.


Facebook design
nFacebook is a social networking site that is enormously popular but it can be a frustrating user experience. The design of  Facebook leaves a lot to be desired and there are almost too many choices for things to do on Facebook. Also some of the more popular Facebook activities are trivial instead of useful.
nFacebook it is highly usable since it is very accessible. It is very easy for people to use even they are using it for the first time. Once you go online the first thing that appears is the sing up page.
nUsers must register before using the site, after which they may create a personal profile. Add other users as friends and exchange messages. Including automatic notifications when they update their profile. 


Facebook-interaction
nFacebook is more than a simple Facebook presence. Allow businesses to interact with consumers in unique and creative ways.  From games and competitions to more functional services and tools, are as diverse as the companies that make them.
nWith a Fan Pages on Facebook. This is a relatively new offering. Fan Pages are targeted more toward a specific entity rather than an individual' social networking with friends and family. Just because they are labeled Fan Pages does not necessarily mean that the entity is a celebrity, a band, etc. Fan sites can be created for anything, especially online stores.
nTwo or more people can talking to each other, or communicate among groups. You can also exchange pictures, and message.


How Facebook help
nFacebook help people to connect with friends faster, wherever they are. Give the opportunity to get to know each other.
nFacebook allows any users who declare themselves to be at least 13 years old to become registered users of the site.
nA personal profile in Facebook can only get so much attention. Make a Facebook  Fanpage allows you to expand your reach and your profile’s capabilities.
nWith a business profile, a fanpage for your company, business, service or product is the best approach on Facebook since a fanpage has significantly more options and is more flexible than a simple profile.


Facebook-usability
nFacebook allows people to interact, share photos, and find and make friends. In addition to using Facebook for social purposes, many people use it professionally for business networking.
nMore and more businesses with an online presence will link users to a Facebook page and making use of Fan Pages target their users to a Facebook entity that represents their enterprise.
nThey will also frequently use Twitter and RSS feeds.
nFacebook has become an integral part of online marketing strategies, and users are able to connect to numerous sites using their Facebook Log-In.


References
n http://facebook-designers.com/facebook-apps
n http://en.wikipedia.org/wiki/Facebook
n http://www.facebook.com/pages/Interaction/108518575838459
nhttp://www.google.co.uk/search?q=facebook+logo&hl=en&rlz=1C1CHIK_en
GBGB429CY436&nord=1&biw=1280&bih=699&site=webhp&prmd=imvns&tbm=isch&tbo=u&sourc
=univ&sa=X&ei=AYCoTqu5GMm38gPt1s2lDw&ved=0CDIQsAQ 
n http://www.cubancouncil.com/work/project/facebook-logo

Presentation 2 Designing the social web

HTML 5 and Location Aware Services

Background life of HTML5

    •“HTML5” Unless you've been living under a rock, you’ve probably at least heard of it. But

        what is HTML 5, really?

•HTML5 is a language for structuring and presenting content for the World Wide Web, a core

  technology of the Internet originally proposed by Opera Software. It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and as of October 2011 is still under development.

•HTML5 is a bit of an overloaded term at the moment, which unfortunately leads to no small amount of confusion. Wikipedia has a bit of the history of the HTML5 specification process, but while that history does tell us that there are currently two separate groups (WHATWG and W3C) working on the HTML5 specification, it doesn’t really tell us much about what HTML5 brings to the table, or its scope.

•HTML5 is also an umbrella term, indeed a buzzword, that is frequently used to encompass

  other new web technology specifications, such as CSS3, Geolocation APIs, Web SQL Database, etc.

Confused yet? Wait, it gets better!

•Given two groups working on the standard, one might rationally wonder how that all works. Well, without getting too deeply into the history, one group (the W3C) was working on a separate specification (XHTML 2.0) which was long overdue, and which folks were worried would actually break much of how the web works today, by enforcing stricter standards in terms of how markup is constructed. Another group (WHATWG), didn’t want to wait around, and started working on HTML5 (originally referred to as Web Applications 1.0) in 2004. In 2007, the W3C adopted part of the work of WHATWG as the starting point for their HTML5.

• WHATWG now refers to their specification as simply “HTML” and calls it a “Living Standard” meaning that it will be developed and updated on an ongoing basis.

•Today, most of the major web browsers are aggressively wanting to support HTML5. Even Microsoft Internet Explorer, which has the reputation of slow in adopting new standard is supporting HTML5 in its IE9. That means, HTML5 is going to be real and big.

•I believe HTML5 is will be something big (many people believe so too). It might not change the way we eat or dress, but it certainly will change the way people develop web application and designing web pages for the next 10 years.

So why should you, as a web developer, care?

•HTML 5 has some real promise for making some of your tasks easier. In particular, HTML5 adds many new syntactical features.

•These include the <video>, <audio>, <header> and <canvas> elements, as well as the integration of SVG content that replaces the uses of generic <object> tags. These features are designed to make it easy to include and handle multimedia and graphical content on the web without having to resort to proprietary plugins and APIs.

•Other new elements, such as <section>, <article>, <header> and <nav>, are designed to enrich the semantic content of documents. New attributes have been introduced for the same purpose, while some elements and attributes have been removed. Some elements, such as <a>, <cite> and <menu> have been changed, redefined or standardized. The APIs and document object model (DOM) are no longer afterthoughts, but are fundamental parts of the HTML5 specification.

•HTML5 also defines in some detail the required processing for invalid documents so that syntax errors will be treated uniformly by all conforming browsers and other user agents.

•CSS3, while not directly a part of the HTML5 specification, adds more control and improvements to rendering of page elements, allowing you to develop better looking applications with less hackery needed to make it happen.

•And related technologies, such as Geolocation APIs, provide easier access to functionality that previously required plug-ins, script hacks, or was just plain limited to native applications.

Life is easier with HTML5!

      Very often in the header of our web pages, we specify the Content Type,  Javascript and CSS file path, again HTML5 make easier the things.

•Instead of:

•<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

•In HTML5, it can be just:

•<meta charset="UTF-8">

•It used to be:

•<script type="text/javascript" src="jquery.js"></script>

•In HTML5, redundant information "type=text/javascript" is no longer necessary, practically, this

  is the only client side script alive:

•<script src="jquery.js"></script>

•Similarly, CSS receives the first class citizen treatment as javascript too. You can forget about

  "type=text/css" from now on.

•<link rel="stylesheet" href="html-my.css">

•If this is the way your <html> root looks like

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

•You can now simplify with simply as below :

•<html lang="en"">

HTML5  is where the rubber meets the road implementation.

•It’s challenging for developers because the truth is that HTML5 is not finished, a subject of no little discussion on the web.

•So what should you take from all of this? Well, for starters, this discussion really just scratches the surface, so start reading up on HTML 5 (including this interesting history).

•Use detection techniques to determine whether a given feature is supported by your user’s browser, and use polyfills as needed to supplement where features are missing.

•HTML5 is here to stay, and while it may not be completely finished, there’s value in testing the waters.

Reference 
http://en.wikipedia.org/wiki/HTML5
http://www.w3schools.com/html5/html5_reference.asp 
http://www.w3schools.com/html5/default.asp 
http://html5demos.com/
http://www.html5tutorial.info/html5-header-stuff.php

    My idea. My most interest about it and what exactly I want to

    improve.

     A healthy diet may help to prevent certain chronic (long-term) diseases such as heart disease, stroke and diabetes. It may also help to reduce your risk of developing some cancers and help you to keep a healthy weight. This WebSite explains the principles of a healthy diet. It is general advice for most people. The advice may be different for certain groups of people, including pregnant women, people with certain health problems or those with special dietary requirements. My idea will not only focus on healthy eating, but generally in the best healthy lifestyle. As a person I'm never careful of my healthy. I do not like exercise or eating well. So I decided to make a web site about healthy with the fact that this will be my start! My GreenStart! I think its will be a good idea. I'm going to call it "GreenLife"

How My idea looks