She says final-jargon-khepp

Katie HeppExecutive Digital Producer

There are quite a few terms that are thrown around that we should define

WORLD WIDE WEB

A series of interlinked documents built on the HTML standard and viewed over the Internet using a web-browser

Anyone remember the web? Anyone remember HyperCard? It was hypermedia. The linking of images and text.

JARGONWHAT ARE THEY TALKING ABOUT?

Q: How often do you not understand what all these damn kids are talking about?

AREAS OF TERMS

Web-site Development

Mobile

Online Media

File Formats

WEBSITE

Let’s Start with Website Jargon

Q: How often do you not understand what all these damn kids are talking about?

presentation application Hosting

LAYERS OF WEB DEVELOPMENT

HOSTING

You Have All Of This Great Stuff By Where Does It Live?

You Browsing Webserver

HOSTING

Model

HOSTING

Server - server is a physical computer dedicated to running one or more such services (as a host) to serve the needs of users of the other computers on the network.

Content Delivery Network (CDN) - will serve up content based on streaming content. This make users able to view large files without waiting for a download time

POPULAR SERVICES:

Mindshare

Rackspace

Amazon

Apple iCloud

Types of serveres: Depending on the computing service that it offers it could be a database server, file server, mail server, print server, web servers

Proper research is not conducted at the beginning

You realize that you don’t have any hosting

You don’t realize the impact of the application

PLATFORM

A platform is the type of supporting software the server is set-up to handle.

Most Popular platform that servers install today is LAMP

Pending on the type of platform that is set-up has a huge impact on how the site is built.

L.A.M.P.

LINUXAPACHEMYSQLPHP

FRONT-END

The shinny fancy end

Everything you see in your browser

Everything that loads in your browser including analytics

Programming work for what is the “presentation layer”

THIS IS WHERE YOU WILL FIND:

Now we are moving forward a little bit. This is the end that the user sees. Front end developers are commonly the ones that build your applications.

FRONT-END - Types of Terms you may hear refered to as front-end

HTML - HyperText Markup Language (HTML) HTML elements are the basic building-blocks of webpages.

HTML 5 - HTML5 is a language for structuring and presenting content for the Internet. It is the fifth revision of the HTML standard and is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently

Flash - Adobe Flash (formerly Macromedia Flash) is a multimedia platform used to add animation, video, and interactivity to web pages.

JavaScript - JavaScript is a dynamic language that providesCSS - Cascading style sheets - used to simplify the coding of the site

Others:Javascript*AJAX*Action Script*

*de$ined  in  glossary

HTML

The foundation of the entire digital experience.

HyperText Markup Language

Cascading what?

AJAX (stuff happening on the page without reloading)

Q: Why all the hype?Itʼs just a fancy way of referring to an entire collection of services.

The formal specification will not be ready for years.http://ishtml5readyyet.com/

OPEN SOURCE

Globally community supported idea

Public license, meaning that it is free

If you loose your developer you can find another

Not without risk but manageable

one developer completed ex and less expensive

BACK-END

The application end of the operation

Webserver software

Databases

Content Management Systems

Additional programming for things not seen by the user

“Back-of-house” operations

THIS IS WHERE YOU WILL FIND:

MOBILE

Q: How often do you not understand what all these damn kids are talking about?

MOBILE

Mobile Awareness – Mobile phones are packed with sensors (light, accelerometer, compass, gyroscope, gps, and soon, NFC chips)

SDK – Software Developer Kit - a set of development tools that allows for the creation of applications for a certain software package, software framework, hardware platform,computer system, video game console, operating system, or similar platform.

LBS – Location Based Services - an information or entertainment service, accessible with mobile devices through the mobile network and utilizing the ability to make use of the geographical position of the mobile device 

Near Field Communication – allows for simplified transactions, data exchange, and wireless connections between two devices in close proximity to each other, usually by no more than a few centimeters. It is expected to become a widely used system for making payments by smartphone in the United States.

MOBILE PLATFORMS

MULTIPLE PLATFORMS

- iOS

- Android

- Blackberry

MULTIPLE DEVICES

- Smartphones

- Tablets

BANNERS

Q: How often do you not understand what all these damn kids are talking about?

BANNERS

There are Two Variations of Banners

1. Standard Banners - One-click banners with simple messaging and animation

2. Rich-Media Banners - provides more opportunity to create a more engaging experience utilizing video, more animation or intense interaction

Q: Do you click on a banner? Never say you donʼt know anything about them because you should. Q: Do you know what the acceptable click through rate is? .03%. Itʼs True. Look it up.

STANDARD BANNERS

- Small Flash interactions with one click-through destination

- Small build size (30-40k) limiting the amount of flash a developer or creative can use

- Limited Messaging

- Generally 6-10 weeks

Q: Do you click on a banner? Never say you donʼt know anything about them because you should. Q: Do you know what the acceptable click through rate is? .03%. Itʼs True. Look it up.

STANDARD BANNER SIZES

Annoying boxes that no one clicks on but yet are a great profit center for many, many agencies.

300x250 728x90

160x600

MED. RECT. (MPU)LEADERBOARDWIDE SKYSCRAPPER

PIXELS NAME

*Note - all banners must have a back-up gif or jpeg delivered with creative

Q: Do you click on a banner? Never say you donʼt know anything about them because you should. Q: Do you know what the acceptable click through rate is? .03%. Itʼs True. Look it up.

NOTE: And a good source of low hanging fruit for awards

STANDARD BANNER SIZES

Q: Do you click on a banner? Never say you donʼt know anything about them because you should. Q: Do you know what the acceptable click through rate is? .03%. Itʼs True. Look it up.

NOTE: And a good source of low hanging fruit for awards

BANNER SPECS

Q: Do you click on a banner? Never say you donʼt know anything about them because you should. Q: Do you know what the acceptable click through rate is? .03%. Itʼs True. Look it up.

NOTE: And a good source of low hanging fruit for awards

BANNER SPECS

Q: Do you click on a banner? Never say you donʼt know anything about them because you should. Q: Do you know what the acceptable click through rate is? .03%. Itʼs True. Look it up.

NOTE: And a good source of low hanging fruit for awards

BANNER DELIVERY FLOW

CreativeMedia

Co

Ad Serving

Network

Website/Platform

.swf

.gif/.jpeg

.swf

.gif/.jpegtags

STANDARD BANNER SIZES

additional sizes that you may find on your media buy

180x150300x600120x600

88x31

RECT.HALF PAGE ADBUTTON 2MICRO BAR

PIXELS NAME

Q: Do you click on a banner? Never say you donʼt know anything about them because you should. Q: Do you know what the acceptable click through rate is? .03%. Itʼs True. Look it up.

NOTE: And a good source of low hanging fruit for awards

RICH-MEDIA BANNERS

- Banners that provide more creative flexibility

- Can drive to multiple locations

- Multiple Messaging

- Can go beyond the standard sizes (dimensions and weight)

- Generally 12-16 weeks

Q: Do you click on a banner? Never say you donʼt know anything about them because you should. Q: Do you know what the acceptable click through rate is? .03%. Itʼs True. Look it up.

Rich-Media Banner Sizes

Build an engaging experience, however, must use thrid party media suppliers to deliver

Types of Rich Media Banners

FUNCTIONNAME

Expandable expands beyond the confines of the traditional banner. Multiple Flash panels can be launched by a

click, roll-over or auto-initiation.

Polite Load can serve larger files without disturbing the loading of the page’s content. It is a Flash-enabled

banner that uses “polite,” sequential downloading and proprietary compression

Video-Unit ability to play videos within a banner

RICH MEDIA DELIVERY FLOW

Creative Websites

.swf

.gif/.jpeg

.swf

.gif/.jpeg

tags

RM Platform

Ad Serving

Network

Rich-Media Platforms

- Pointroll

- Double-click

- Eyeblaster

- Mediamind

OTHER ONLINE MEDIA

FaceBook Ads - Image and text, or Video and text

SEO - Search Engine Optimization (organic)

SEM - Paid Search Media (pay by the word)

Google Ads - Image and text only

Q: Do you click on a banner? Never say you donʼt know anything about them because you should. Q: Do you know what the acceptable click through rate is? .03%. Itʼs True. Look it up.

FormatsWhat is the difference between all of them?

Q: How often do you not understand what all these damn kids are talking about?

File Formats

Flash - .fla - Flash Source File

- .swf - Final output file from flash

- .flv - Flash Video player (used for sites and Banners)

Image - .png - portable network graphics

- .jpeg - compression of digital photography

- .gif - graphics interchange format - low bit map (animated .gif)

- vector - use of geometrical points to create an image in computer graphics

Video - .mov - apple’s QT

- mpeg-4 - windows standard

- .avi - Audio/Visual media Container created by Microsoft

APIsI hear this all the time - What are they?

Q: How often do you not understand what all these damn kids are talking about?

APPLICATION PROGRAM INTERFACES

It servers as an interface between different programs and facilitates their interaction.

Used in more places than you think

Have you ever used Facebook to log onto another

website? Or Twitter?

APIs

Basically, someone spends time and money developing a service and gives you the ability to interface with it through your own website

Why can they screw you hard?

Example: Yelp using Google Maps

Example: Explain Donʼt Eat At using Foursquare

Example: Cool Hunting with Facebook, Tweet and Google Plus API integrated

POPULAR DAILY APIs

Google +1 Twitter Facebook

Why can they screw you hard?

QUESTIONS?

[email protected]

THANKS!