Web Media

1. Web Media DCT5.016 Philippa Berry Smith Images: http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/

2. Introductions: ME • I’m fresh from the web design industry • I studied at WITT (BVA) • I’m married with 3 step kids a tube of smiths

3. Links www.philippa.co.nz www.philippa.co.nz/phoenix/index.html www.train2serve.co.nz www.betterhomes.co.nz www.skillsets4life.com http://online.pei.ac.nz www.slingpath.com

4. Introductions: YOU! • Introduce yourself • What do you think “web media” means? 

5. Get to know one another • In Pairs • Talk to each other and find the 3 weirdest things you have in common with each other. • Tell the class!

6. Course Outline • What topics are you most interested in? • What do you want to learn from this class?

7. Web Words Bingo Quiz • Two teams • Each with a (different) grid of words to “collect”. • You collect words by recognising the definition as it is read out. First team to match the word to the definition gets to collect that word. • The winning team is the first to make a line of words.

8. Let’s Begin! A ____________ is a collection of related web pages, images, videos or other digital assets that are addressed relative to a common Uniform Resource Locator (URL), often consisting of only the domain name, or the IP address , and the root path (‘/’) in an Internet Protocol-based network. A ___________ is hosted on at least one web server, accessible via a network such as the Internet or a private local area network.

9. ______ is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colours, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as allowing for tableless web design).

10. In online computer systems terminology, a____is a non-hierarchical keyword or term assigned to a piece of information (such as an Internet bookmark, digital image, or computer file). This kind of metadata helps describe an item and allows it to be found again by browsing or searching. _____ are generally chosen informally and personally by the item's creator or by its viewer, depending on the system. ____gingwas popularized by websites associated with Web 2.0 and is an important feature of many Web 2.0 services. It is now also part of some desktop software.

11. A web __________, also called a web architect, web developer, site author, website master, is a person responsible for maintaining a website. The duties of the _________ may include ensuring that the web servers, hardware and software are operating accurately, designing the website, generating and revising web pages, replying to user comments, and examining traffic through the site. _________ must also be well-versed in Web transaction software, payment-processing software, and security software.

12. A_______ (from the words "web log”) is a type of website or part of a website. ______sare usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video. Entries are commonly displayed in reverse-chronological order. ”_______" can also be used as a verb, meaning to maintain or add content to a _____.

13. Twitter is a social networking and microblogging service that enables its users to send and read other user messages called______s. ______ are text-based posts of up to 140 characters displayed on the author's profile page. ______sare publicly visible by default, however senders can restrict message delivery to their friends list. Users may subscribe to other author ______s—this is known as following and subscribers are known as followers.

14. A______ is a website that allows the easy creation and editing of any number of interlinked web pages via a web browser using a simplified markup language or a WYSIWYG text editor. _____sare typically powered by _____ software and are often used to create collaborative _____ websites, to power community websites, for personal note taking, in corporate intranets, and in knowledge management systems.

15. ______ ______ are media for social interaction, using highly accessible and scalable publishing techniques.______ ______use web-based technologies to transform and broadcast media monologues into social media dialogues. They support the democratization of knowledge and information and transform people from content consumers to content producers.

16. _______, which stands for HyperText Markup Language, is the predominant markup language for web pages. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It allows images and objects to be embedded and can be used to create interactive forms.

17. _______ media _________is a recent component of organizations' integrated marketing communications plans. Integrated marketing communications is a principle organizations follow to connect with their targeted markets. Integrated marketing communications coordinates the elements of the promotional mix—advertising, personal selling, public relations, publicity, direct marketing, and sales promotion—to produce a customer focused message.

18. In design,_________is the study of the ease with which people can employ a particular tool or other human-made object in order to achieve a particular goal. This can include endeavors as varied as consumer electronics, communication, and knowledge transfer objects (such as a cookbook, a document or online help) and mechanical objects such as a door handles or a hammer. __________ includes the methods of measuring __________ and the study of the principles behind an object's perceived efficiency or elegance.

19. An index term, ________, subject term, subject heading, or descriptor, in information retrieval, is a term that captures the essence of the topic of a document. They are used as ________ to retrieve documents in an information system, for instance, a catalog or a search engine.

20. The terms_______andoffline have specific meanings in regard to computer technology and telecommunications. In general, _______ indicates a state of connectivity, while offline indicates a disconnected state. In common usage, ______ often refers to the Internet or the World Wide Web.

21. In digital imaging, a_______(or picture element) is a single point in a raster image. The _______ is the smallest addressable screen element; it is the smallest unit of picture that can be controlled.

22. In computer programming, a_______(or control) is an element of a graphical user interface (GUI) that displays an information arrangement changeable by the user, such as a window or a text box. The defining characteristic of a _______ is to provide a single interaction point for the direct manipulation of a given kind of data. In other words, _______sare basic visual building blocks which, combined in an application, hold all the data processed by the application and the available interactions on this data.

23. Conversation _______ingis a feature used by many email clients, popularized especially by Gmail, Google's web email service to keep conversations together. It is also used by bulletin boards, newsgroups, or Internet forums in which the software aids the user by visually grouping messages. Messages are usually grouped visually in a hierarchy by topic. A set of messages grouped in this way is called a topic ______or simply _______.

24. _________is the rapid display of a sequence of images of 2-D or 3-D artwork or model positions in order to create an illusion of movement.

25. __________ is the extent to which a computer program and human being may have a dialog. _________ design (IxD) is the study of devices with which a user can _______, in particular computer users. The practice typically centers on "embedding information technology into the ambient social complexities of the physical world.” It can also apply to other types of non-electronic products and services, and even organizations. _______ design defines the behavior (the ”_________") of an artifact or system in response to its users.

26. Electronic mail, most commonly abbreviated______, is a method of exchanging digital messages across the Internet or other computer networks. ______ systems are based on a store-and-forward model in which server computer systems accept, forward, deliver and store messages on behalf of users, who only need to connect to the______infrastructure, typically an______server, with a network-enabled device for the duration of message submission or retrieval.

27. The_______ webrefers to the use of Internet-connected applications, or browser-based access to the Internet from a _______ device - such as a smartphone or tablet PC - connected to a wireless network.

28. Adobe ______(formerly Macromedia ______) is a multimedia platform used to add animation, video, and interactivity to Web pages. _______ is frequently used for advertisements and games. More recently, it has been positioned as a tool for "Rich Internet Applications" ("RIAs").

29. A ________ consists of actual front design, converted into HTML/CSS/JavaScript templates and linked together. There is no actual backend programming with it, only the front end of the application is developed and linked together as a system. The________gives the customer a chance to actually experience the navigation, working, forms, reporting and various other aspects of the web visually before actual database development begins.

30. A_________ is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for web design, or a web page that lists the pages on a web site, typically organized in hierarchical fashion. This helps visitors and search engine bots find pages on the site.

31. __________is a general term used to describe the degree to which a product, device, service, or environment is accessible by as many people as possible.__________ can be viewed as the "ability to access" and possible benefit of some system or entity.__________is often used to focus on people with disabilities and their right of access to entities, often through use of assistive technology.

32. ________ is a multinational public cloud computing, Internet search, and advertising technologies corporation. _______ hosts and develops a number of Internet-based services and products, and generates profit primarily from advertising through its AdWords program.

33. Thanks for playing!

34. Supplies you may need • Visual diary • Paper and drawing tools for sketching • A digital camera may be helpful  • USB storage device (8GB+ thumb drive or portable hard drive)

35. Questions?