Skills: create, modify and post to a blog Concepts: tabbed navigation, wire-frame diagram, user interface gadgets (widgets), property sheet, user profile,

Slides:

Advertisements

Similar presentations

Introducing HTML Skills: create simple Web pages

Advertisements

Skills: using the topic module and assignment blogs, Concepts: topic module format, permalink, This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: Use Google Plus, compose Google Plus posts for your circles, compose Google Plus posts for a community Concepts: Ongoing improvement and change.

Skills: none Concepts: Web client (browser), Web server, network connection, URL, mobile client, protocol This work is licensed under a Creative Commons.

Skills: none Concepts: log, IP address, URL, packet header and body, geo-location, anonymity, proxy server, advertising signals, hacking, social graph.

Skills: None Concepts: Text editor versus word processor, information, text file, code, ASCII This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: none Concepts: data and program files, IP packet, packet header, packet body, IP address, host name This work is licensed under a Creative Commons.

Skills: none Concepts: Application program interface (API) This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: subscribe to feeds, read feeds Concepts: RSS feed, polling vs. publish-subscribe, stand-alone vs. Web based reader, podcast, event stream This.

Creating hyperlinks with the tag Skills: using the tag IT concepts: tag, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: install and use Filezilla Concepts: client-server, file transfer protocol (FTP), portable software, wire-frame user interface diagram, Web site.

Skills: modifying and navigating a Blogger blog Concepts: wire-frame diagram, profile, gadget (widget), property sheet, tabbed navigation scheme This work.

Skills: none Concepts: two uses of the word “application,” networked vs. stand-alone, collaborative vs. personal productivity, synchronous vs. asynchronous,

Skills: edit, display the history of, discuss, and track changes to a page, wiki technique tips Concepts: Wiki operations This work is licensed under a.

Skills: be careful and thoughtful when posting content Concepts: you are responsible for what you write online This work is licensed under a Creative Commons.

Skills: subscribe to feeds, read feeds Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: create, modify and post to a blog Concepts: wire-frame diagram, independence of content and appearance, gadget or widget, Blogger menu structure.

Skills: include images in Web pages Concepts: tag, attribute, value, path (to a stored file) This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: none Concepts: application program interface (API), platform, ecosystem, Internet infrastructure (cloud) services, application development cost.

Skills: create, modify and post to a blog Concepts: blog, gadget, property sheet, wire frame diagram of a Web page, profile, tabbed navigation This work.

Skills: none Concepts: wiki examples and definition, operations, the wiki motto, wiki motivation and history, client- server applications This work is.

Skills: compressing an image using Paint.net Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: selecting, cropping, resizing and sharpening an image, using the tool setting and status information in Paint.net Concepts: image size, information.

Skills: create a Twitter account, subscribe to (follow) the class Twitter feed, post tweets Concepts: subscription This work is licensed under a Creative.

Using the Google Docs word processor Skills: getting a Google account, creating a text document and sharing it on the Internet Concepts: stand-alone applications.

Skills: Google Plus navigation, Google Plus postingds Concepts: Change in network applications, wire frame diagram, permalink This work is licensed under.

Skills: posting images on Twitter using Twitpix.com Concepts: application ecosystem, application program interface (API) This work is licensed under a.

Skills: learn to use the topic module presentations Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.

Skills: create a narrated video of a PowerPoint presentation Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Survey mechanics This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: the mechanics of using a survey.

Creating a Blogger blog Skills: creating a blog IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.

IT skills: IT concepts: Web client (browser), Web server, network connection, URL, mobile client, peer-to- peer application This work is licensed under.

What is a Web log (blog)? Skills: reading and searching a blog IT concepts: blog, subscription, one-to-many communication, wire-frame diagram, permalink,

Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Changing the blog layout and appearance Skills: modifying the appearance and layout of a blog IT concepts: gadgets, separation of content from presentation.

Posting to a blog Skills: Creating and editing a blog post IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Skills: none Concepts: Student’s background, topics covered This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: none Concepts: application development in the batch processing, timesharing, personal computer and Internet eras This work is licensed under a.

Copying Web images (the right mouse button is your friend) Skills: Copy a Web image, see the properties of a Web image, use the right mouse button IT concepts:

Using Google’s RSS Reader Skills: subscribe to feeds, read feeds IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Copying Web images Skills: Copy a Web image, see the properties of a Web image IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Creating hyperlinks with the a tag Skills: using the a tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Background survey This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: survey service,

Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-

How can blogs be kid friendly? In this session, you will learn how to set up your class, how to create blogs, learn benefits and uses of blogging, etc.

 What is a “blog?” Short for “web log” An online journal.  Allows for interaction between the writer and the readers through comments Includes articles,

Skills: Use Google Plus communities Concepts: Computer mediated communities of common interest This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: finding IP addresses, domain names and organization (whois) information Concepts: host, IP address, domain name, command line interface, graphical.

Using Google Drive/Docs Skills: use Google Drive/Docs Concepts: we download and run programs inside our Web clients, wire-frame diagram, user interface,

Part 2: How to create blogs In Modified by: Mr Rizal Arbain.

Skills: deploy a server with applications Concepts: evolution of application development and deployment, virtual server This work is licensed under a Creative.

Skills: familiarity with the Twitter user interface and major features, the #hashtag and search Concepts: evolution of Twitter applications.

Skills: none Concepts: Third party login, motivation for third party login, filter bubble This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Guide for Mahara My Views PY1 team 3 - Yihong Huo, Jian Ren, Poonam Kala 1Guide of My Views - Team 3.

Skills: none Concepts: research versus product prototypes This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Go to Log in.. This is the Dashboard.

How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.

Skills: Adding independent layers to images Concepts: Image layers This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.

Lesson 3: Working with Forms. Learning Objectives After studying this lesson, you will be able to: Identify form design elements Create and print forms.

 Enter blogger.com in the search barblogger.com  Log-in through a valid Gmail account (or create a Gmail account if you don’t have one)  Then click.

Skills: none Concepts: client, server, service, upload, download, client-server application, Internet, hardware, software This work is licensed under a.

Using the Google Docs word processor Skills: familiarity with Google Docs, creating and sharing text document on the Internet Concepts: stand-alone applications.

Create a blog Skills: create, modify and post to a blog

Step by Step Setting up basic social networking

Blogging for Beginners

Creating Your Digital Fingerprint

If you had problems with the verification code yesterday, try this…

Internet profiles Skills: none

Using Google’s RSS Reader

What is a Web log (blog)? Skills: reading and searching a blog

Presentation transcript:

Skills: create, modify and post to a blog Concepts: tabbed navigation, wire-frame diagram, user interface gadgets (widgets), property sheet, user profile, independence of content and appearance This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. Blog development and user interfaces

Where does this topic fit? Internet concepts – Applications – Technology – Implications Internet skills – Application development – Content creation – User skills

Login or create an account

Choose a title and an address This blog’s URL will be:

Tabbed navigation scheme

Blogger.com has a tabbed user interface

Select a template 1 2

Select a layout 1 2

A wire-frame diagram Header Footer Post body Ancillary information

Create a new post

Create a post

Changing page elements

The Page Elements display

Label gadget property sheet

Profile gadget property sheet

User profile

Adding gadgets

The Blogger dashboard

Other tabs

Editing shortcuts

Same content Different appearance

Summary Header Footer Post body Ancillary information

Blogger getting started guide: hl=en&answer= About Blogger: en&topic=10424 Resources

Self-study questions 1.What is the URL (Web address) of a blog once you have created it – where do readers go to see it? 2.A URL is a Web address, but what do the letters “URL” stand for? 3.What are the second level navigation choices under the Stats tag? 4.What is the effect of clicking Cloud or Label on the property sheet of the Labels gadget? 5.What happens if you uncheck About Me on the property sheet of the Profile gadget? 6.If your readers complain of reading difficulty, how would you increase the font size in your Blogger posts? 7.How would you change your blog from a two column to a three column layout? 8.What are the submenus of the Posting tab, and, in a sentence or two, what is each used for? 9.Compare the fields on profile pages at Facebook with those at Blogger or Linkedin -- how do they differ? 10.Explain the parallel between a person’s profile and a property sheet.