2. Agenda
Web technology
General information
History
Usage
Development trends
Modern approach
Worst practices
Best practices
The technologies
3. Web technology
The Internet is a vast and boundless media that
enables people to truly feel free. In the modern
world, this sense of freedom is so rare, that it is
considered priceless. However, in order to
achieve this freedom, countless Web Developers
had to spend their days working on their websites
so that a simple user sitting at home would be
able to visit their website
6. Web technology
General information
The internet is quite the lucrative business in
today’s world. Many companies use it as a great
medium for communication with their customers,
well actually we live in times, when if something
does not exist in the internet, it does not exist at
all.
7. Web technology
General information
That’s why every company that wants to get out
in the world needs to have a website. And that
creates a market. Specifically, for computer
engineers, that are capable of delivering such
service to their customers. In order to deliver that
service they use a technology that is the main
topic of this presentation. Namely, the WEB
technology.
8. Web technology
History
Many known scientists took part in the
experiments at CERN for extended periods of
time, after which they returned to their
laboratories around the world. These scientists
were eager to exchange data and results, but
had difficulties doing so
9. Web technology
History
Tim understood this need, and understood the
hidden potential of millions of computers
connected together through the Internet.
10. Web technology
History
Mr. Lee documented what was to become the
World Wide Web with the submission of a
proposal to his management at CERN, in the late
1989. By October of 1990, he had specified the
three fundamental technologies that remain the
foundation of today’s Web (and which you may
have seen appear on parts of your Web browser):
11. Web technology
History
HTML: HyperText Markup Language. The
publishing format for the Web, including the
ability to format documents and link to other
documents and resources.
URI: Uniform Resource Identifier. A kind of
“address” that is unique to each resource on the
Web.
HTTP: Hypertext Transfer Protocol. Allows for the
retrieval of linked resources from across the Web.
12. Web technology
History
Tim also wrote the first Web page editor/browser
(“WorldWideWeb”) and the first Web server
(“httpd“). By the end of 1990, the first Web page
was served. By 1991, people outside
of CERN joined the new Web community. Very
important to the growth of the Web, CERN
announced in April 1993 that the World Wide
Web technology would be available for anyone
to use on a royalty-free basis.
14. Web technology
History
So as far as Web technologies we can distinguish
the following milestones:
Web 1.0 – static websites with only “Read only”
information
Web 2.0 – focuses on collaboration with people
and exchange of information
Web 3.0 – focuses on user tracking and adjusting
the web to personal needs of each user
Web 4.0 – a rumored next generation Web
technology that will be “intelligent”
16. Web technology
Usage
The Internet is not only about funny movies with
cats, but also about sharing your knowledge,
advancing your company or yourself in the world.
There are many specific services that the Internet
offers today, many of which any user can take
part in. In this chapter they will be listed out with a
short description.
17. Web technology
Usage
We selected a few web services offered by the
Internet:
Web blog
Wiki
Tagging and social media
Multimedia sharing
18. Web technology
Usage – Web Blog
The term web-log, or blog, was invented by Jorn
Barger in 1997 and refers to a simple webpage
consisting of brief paragraphs of opinion,
information, personal diary entries, or links, called
posts, arranged chronologically with the most
recent first, in the style of an online journal. Most
blogs also allow visitors to add a comment below
a blog entry.
20. Web technology
Usage – Wiki
Wiki is a webpage or set of webpages that can
be easily edited by anyone who is allowed
access Wikipedia’s popular success has meant
that the concept of the wiki, as a collaborative
tool that facilitates the production of a group
work, is widely understood.
22. Web technology
Usage – Tagging and social media
Tagging and social bookmarking A tag is a
keyword that is added to a digital object (e.g. a
website, picture or video clip) to describe it, but
not as part of a formal classification system. One
of the first large-scale applications of tagging was
seen with the introduction of Joshua Schacter’s
del.icio.us website, which launched the ‘social
bookmarking’ phenomenon.
24. Web technology
Usage – Multimedia sharing
One of the biggest growth areas has been
amongst services that facilitate the storage and
sharing of multimedia content. Well known
examples include YouTube (video) Flickr
(photographs) and Odeo (podcasts). These
popular services take the idea of the ‘writeable’
Web and enable it on a massive scale. Literally
millions of people now participate in the sharing
and exchange of these forms of media by
producing their own podcasts, videos and
photos.
26. Web technology
Development trends
Web design trends come and go every year, and
it’s important for designers and business owners to
keep up with them in order to stay up-to-date
and avoid having an outdated website.
27. Web technology
Modern approach
Although minor trends pop up all the time, we’ll
only talk about major trends in this presentation:
Simplicity
Storytelling
Responsive design
28. Web technology
Modern approach - Simplicity
You would think the meaning of simplicity is pretty
obvious, but many people are probably thinking
of the wrong idea. I’m not saying that websites
need to be simple or plain, but they need to
follow best usability practices in order to make
the user experience as seamless as possible.
29. Web technology
Modern approach - Simplicity
Simplicity means to avoid cluttering your website
or adding useless information that your users do
not need. Just because you think something
needs to be on your website doesn’t mean it
actually does. This is where you can do split
testing to reach a decisive conclusion rather than
one driven by your personal opinions and bias.
31. Web technology
Modern approach - Storytelling
Although storytelling has been part of Web
design for a while, it’s only recently come alive by
use of animations and user interactivity. The idea
is that as the user scrolls down the page, your
website would morph along the way to tell your
story in a visual and exciting manner. People are
much more likely to give you their attention if you
make it fun for them rather than force them to
read 10 paragraphs about your company and
why you’re the best.
33. Web technology
Modern approach – Responsive design
Responsive Web Design (RWD) is not a new
concept at this point; however, it’s important to
reiterate it again for this year since mobile is
quickly becoming the new standard. And
because mobile is becoming the new standard,
that means there will never be a set website size
anymore.
34. Web technology
Modern approach – Responsive design
While thinking of how to implement RWD, keep in
mind the two previous trends: simplicity and
storytelling. Does the story slightly change in
portrait vs. landscape mode? After all, RWD is not
about squishing content to make it fit onto a
different-sized screen. It is about transforming your
website in order to tell the message effectively.
And what’s effective on a desktop-sized website
will not necessary be as effective on mobile, even
if you manage to fit it all onto the mobile screen
size.
36. Web technology
Worst practices
There are always new annoyances creeping their
way into mainstream Internet use. And there's
always the really horrifying stuff like identify theft,
trojans, and widespread hacking, but those are
security risks as old as the world wide web itself.
Here are some recent "innovations" that are sure
to have us jamming on the Back button or
grimacing in distaste.
37. Web technology
Worst practices
The following three major „annoyances” have
been listed out by us:
Copy and Paste
Advertisements
Social media
38. Web technology
Worst practices – Copy and paste
Here's something that happens on the Internet
every day. Constantly. People steal stuff. They
copy the written word without making
attributions, rip off images without
acknowledging the source, or hijack RSS feeds to
load their own sites with content from other
sources. That is bad for the Internet.
39. Web technology
Worst practices – Copy and paste
But some publications have decided to fight
back in the most annoying way possible--but
inserting extra unwanted attribution text into your
clipboard whenever you copy a few words of
text. However this doesn’t really help as it is not so
hard to just delete these additional entries. Piracy
and intellectual theft is a very modern problem
these days.
40. Web technology
Worst practices – Advertisements
Pop-ups are an established terror in online
advertising by now, but extensions like Adblock
minimize their impact on our day-to-day browsing
experience. Unfortunately for many websites,
“ads” are the only source of income so it’s hard
to blame them for putting them on their websites.
As long as they aren’t too invasive, it’s okay.
However the best solution for the users would be
to avoid using advertisements by web designers
41. Web technology
Worst practices – Advertisements
Social media are a plague nowadays. Tweeting
articles, giving thumbs up, and pushing posts to
Facebook can drive serious traffic to worthy
content and encourage user interaction. That's all
great. Today, too many services push out canned
messages to Twitter not to share interesting
content but to broadcast worthless information. "I
favorited a Youtube video!" "I'm at Barbeque with
4 others!"
42. Web technology
Best practices
After learning the common annoyances that
invade our Internet these days, it’s time to learn
what exactly is considered a good practice in
web development. Of course the following
information may not always be true, but in most
cases they hit just right in the spot.
43. Web technology
Best practices
We’ve listed the following points as the „best
practices” when it comes to WEB development:
Minimal UI design
Infinite Scrolling
Site Speed
Emphasizing the content
More colors and animations when needed
44. Web technology
Best practices – Minimal UI Design
This applies to pretty much everything, and it’s still
one of the biggest reasons why people leave a
website quickly – you’re giving them too much,
too quickly. We’re not sure how minimal design
affects the sales vs usability ratio, but we think it’s
up there.
45. Web technology
Best practices – Infinite scrolling
Infinite scrolling means the user doesn’t have to
press the “Next page” button at the bottom of
the website, he wants everything to
automatically load. Some would say it’s part of
the people getting more lazy, however it has
many advantages.
46. Web technology
Best practices – Site speed
This goes together with minimal web design,
clients will realize that they make more sales
when the site is lightning fast and so the demand
for greater speed is going to increase. We’re not
sure what is going to be the price to pay for it,
and who is going to pay for – but we shall see.
47. Web technology
Best practices – Emphasizing site
content
Clients also understand how important content
has become to their business, and so they want
to put extra emphasis on how the content is
going to be displayed. This will mean that the
need to adapt to different styles and functions is
going to be necessary.
48. Web technology
Best practices – Emphasizing site
content
CSS3 and HTML5 now allow to modify and
change colors to incredibly depths, like having
lines in different colors and separate borders, etc,.
Also stunning animations can be made using
these new technologies. This point counters the
first point about minimalistic UI, however there are
cases when too much can be better than too
little.
49. Web technology
Best practices – Emphasizing site
content
For example, a marketing or some art company
will want to make a good impression on a
potential customer, while obviously, business
websites should stay simple and straight-to-the-
point, however there are cases when dazzling
graphics can help a lot.
50. Web technology
The technologies
Web technologies aren’t just about HTML, there’s
a vast array of technologies that can be used.
Most of the things we listed in previous slides,
however what about serious businesses like
health-care, or retail stores?
52. Web technology
Summary
The whole presentation focused on the Web
technologies in today’s world. The rapid
development of those technologies has opened
so many potential doors for companies and
private people all over the world that it’s hard to
ignore this vast medium which is the Internet.
Starting from Web 1.0 and up to Web 3.0 (and
soon Web 4.0) the websites require less and less
interaction with the user and aim to fully
automate most common processes by
“predicting” what the user wants. Web 4.0 will
most likely be ground-breaking when it comes to
this user-spying aspect of websites.