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?
THANKS!