she says final-jargon-khepp
DESCRIPTION
TRANSCRIPT
![Page 1: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/1.jpg)
Katie HeppExecutive Digital Producer
![Page 2: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/2.jpg)
There are quite a few terms that are thrown around that we should define
![Page 3: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/3.jpg)
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.
![Page 4: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/4.jpg)
JARGONWHAT ARE THEY TALKING ABOUT?
Q: How often do you not understand what all these damn kids are talking about?
![Page 5: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/5.jpg)
AREAS OF TERMS
Web-site Development
Mobile
Online Media
File Formats
![Page 6: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/6.jpg)
WEBSITE
Let’s Start with Website Jargon
Q: How often do you not understand what all these damn kids are talking about?
![Page 7: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/7.jpg)
presentation application Hosting
LAYERS OF WEB DEVELOPMENT
![Page 8: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/8.jpg)
HOSTING
You Have All Of This Great Stuff By Where Does It Live?
![Page 9: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/9.jpg)
You Browsing Webserver
HOSTING
Model
![Page 10: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/10.jpg)
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
![Page 11: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/11.jpg)
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.
![Page 12: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/12.jpg)
L.A.M.P.
LINUXAPACHEMYSQLPHP
![Page 13: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/13.jpg)
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.
![Page 14: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/14.jpg)
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
![Page 15: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/15.jpg)
HTML
The foundation of the entire digital experience.
HyperText Markup Language
Cascading what?
AJAX (stuff happening on the page without reloading)
![Page 16: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/16.jpg)
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/
![Page 17: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/17.jpg)
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
![Page 18: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/18.jpg)
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:
![Page 19: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/19.jpg)
MOBILE
Q: How often do you not understand what all these damn kids are talking about?
![Page 20: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/20.jpg)
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.
![Page 21: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/21.jpg)
MOBILE PLATFORMS
MULTIPLE PLATFORMS
- iOS
- Android
- Blackberry
MULTIPLE DEVICES
- Smartphones
- Tablets
![Page 22: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/22.jpg)
BANNERS
Q: How often do you not understand what all these damn kids are talking about?
![Page 23: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/23.jpg)
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.
![Page 24: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/24.jpg)
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.
![Page 25: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/25.jpg)
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
![Page 26: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/26.jpg)
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
![Page 27: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/27.jpg)
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
![Page 28: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/28.jpg)
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
![Page 29: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/29.jpg)
BANNER DELIVERY FLOW
CreativeMedia
Co
Ad Serving
Network
Website/Platform
.swf
.gif/.jpeg
.swf
.gif/.jpegtags
![Page 30: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/30.jpg)
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
![Page 31: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/31.jpg)
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.
![Page 32: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/32.jpg)
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
![Page 33: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/33.jpg)
RICH MEDIA DELIVERY FLOW
Creative Websites
.swf
.gif/.jpeg
.swf
.gif/.jpeg
tags
RM Platform
Ad Serving
Network
![Page 34: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/34.jpg)
Rich-Media Platforms
- Pointroll
- Double-click
- Eyeblaster
- Mediamind
![Page 35: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/35.jpg)
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.
![Page 36: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/36.jpg)
FormatsWhat is the difference between all of them?
Q: How often do you not understand what all these damn kids are talking about?
![Page 37: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/37.jpg)
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
![Page 38: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/38.jpg)
APIsI hear this all the time - What are they?
Q: How often do you not understand what all these damn kids are talking about?
![Page 39: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/39.jpg)
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?
![Page 40: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/40.jpg)
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?
![Page 41: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/41.jpg)
Example: Yelp using Google Maps
![Page 42: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/42.jpg)
Example: Explain Donʼt Eat At using Foursquare
![Page 43: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/43.jpg)
Example: Cool Hunting with Facebook, Tweet and Google Plus API integrated
![Page 44: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/44.jpg)
POPULAR DAILY APIs
Google +1 Twitter Facebook
Why can they screw you hard?
![Page 45: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/45.jpg)
QUESTIONS?
![Page 47: She says final-jargon-khepp](https://reader033.vdocument.in/reader033/viewer/2022051608/54545033b1af9f84228b4a37/html5/thumbnails/47.jpg)
THANKS!