12 September 2014

Question about tags

One of your peers asked a very good question recently.


I also have a question about paragraph tags. Since we encapsulate the IMG tag within PARAGRAPH tags , why don't we also encapsulate list tags within paragraph tags? When should we encapsulate a tag within paragraph tags and when should we not?


These are good questions. You are quite right to note that an IMG does not have to be a part of another element; it can stand alone. But IMG tags do not usually have any CSS instructions, so I guess I was thinking that without any additional instruction to the IMG, it just sits to the left on the page. But if it is fitted within a P, then it can inherit the CSS instruction for a P and display accordingly.

But better yet is to create a CSS class that you may apply to an IMG, thereby controlling exactly how the IMG will display.

An unordered list, and its subordinate LIST ITEMS, on the other hand, usually do have some CSS instructions and so display accordingly. They are the equivalent of a special purpose type of paragraph and do not need to be inside a paragraph element.

An example of the use of CSS instructions with IMG tags can be seen on http://ils.unc.edu/courses/2014_fall/inls161_001/sessions.02.09a.editors.intro.html

Lines 275-280 are an IMG standing alone. (I removed the < before it and the > after it so it would display)
alt="our home page code as seen in Notepad++" /

But the “class” attribute points to a specific class in the linked stylesheet (http://ils.unc.edu/courses/2014_fall/inls161_001/css/161style.css )

On lines 399-403, a class named “center” is defined.

.center {
  display: block;
  text-align: center;
  margin: 20px auto;

So when I want an IMG to display in the center of a space, I use this class as an attribute-value pair in association with a tag, in this case, an IMG tag. When I need it to display in the left with the text wrapped, I use the class=”left”, and so forth.

So, your question is a good one and opens up an extended conversation. 

11 September 2014

Henderson Lecture

How online identity has been handled over time will be the subject of the 2014 annual Lucile Kelling Henderson Lecture hosted by the School of Information and Library Science (SILS) at the University of North Carolina at Chapel Hill.

The lecture, which is titled, "Interface and Identity,” will feature Dr. Judith Donath, a Faculty Fellow at Harvard University’s Berkman Center for Internet & Society. The lecture will be held September 22, 2014 at 3 p.m. in the Pleasants Family Room, Wilson Library. A copy of her new book The social machine : designs for living online is on reserve in the SILS Library.

A reception will follow the formal presentation. The lecture and reception are free and open to the public.

Making sense of other people – and managing the impression we make upon them -- forms the foundation of community. Online, design shapes how we do this, e.g., whether we see another’s face or name, and whether that name is permanent and verified or changes on a whim. To understand what sort of society we want in the future and how to design for it, we need to understand what has worked, or not, in the past. This talk will trace the history of how identity has been handled online -- from the early days of named, work-based accounts, to the techno-utopian imaginings of the 1990s and up to today’s embedded networks and real name debates – assessing how various implementations affect privacy, security and sociability. This talk will examine how we can build future interfaces that encourage cooperation while also providing greater autonomy and control.

Dr. Judith Donath synthesizes knowledge from urban design, evolutionary biology and cognitive science to design innovative interfaces for on-line communities and virtual identities. A Harvard Berkman Faculty Fellow and formerly director of the MIT Media Lab's Sociable Media Group, she is known internationally for her writing on identity, interface design, and social communication. She is the creator of many pioneering online social applications; her work and that of the Sociable Media Group have been shown in museums and galleries worldwide. She is the author of The Social Machine: Designs for Living Online (MIT Press, 2014). Her current research focuses on how we signal identity in both mediated and face-to-face interactions, and she is working on a book about how the economics of honesty shape our world.

She received her doctoral and master's degrees in Media Arts and Sciences from MIT and her bachelor's degree in History from Yale University.


Hey guys!
So I gave a starter in class today about the different creations people make just using things on the keyboard so I wanted to share that link with you:


Some of my favorites are:
-Batman, which I showed in class: http://ascii-art.de/ascii/ab/batman.txt
-Lord of the Rings, which has cute little hobbits, cave trolls, and even a depiction of the White City: http://ascii-art.de/ascii/jkl/lord_ofthe_rings.txt
-Star Trek, which actually has two pages, which contain a lot of starships and the second one actually has a depiction of Spock which is really cool: http://ascii-art.de/ascii/s/startrek.txt and http://ascii-art.de/ascii/s/startrek1.txt
-Star Wars, also has two pages, but my favorite depictions are the ones of R2-D2 because they're so cute: http://ascii-art.de/ascii/s/starwars.txt and http://ascii-art.de/ascii/s/starwars1.txt
-Taj Majah, the one at the bottom is fantastic and really detailed: http://ascii-art.de/ascii/t/taj_mahal.txt
-Castle, these are really detailed, with shading and everything; they're pretty awesome: http://ascii-art.de/ascii/c/castle.txt

If you have time, you should look at some of the other ones because they're really cool. I don't know how these people have this much time to put into creating these images out of text. I don't think they're students if they have that much time. It's amazing how much creativity people have in order to make these things.

Libib 2.0!

Remember Libib, that library cataloging app that I blogged about earlier in the semester?

Well they have now updated to version 2.0!

The new site has a lot of improvements from version 1.0, including the following:

What's New in Version 2:
- Vastly improved scanner
- Improved search capabilities
- Manual entries
- Rate your items by 1/2 star increments
- Create and view reviews
- Add custom notes
- Libib social network
- Phone and Tablet compatibility
- Other new goodies!
Here's a short list of the new capabilities you'll see:
- Complete redesign

Also, you can also now do everything from the app, including deleting mistaken entries or items no longer in your library.


Gmail? Hacked.

Hi all,

Just saw this.

There's a link to see if you have been hacked.

Good luck!

10 September 2014

Starters for templates session


I showed you a few sources last time, but there are many, many of them out there. One example is 125+ Free Responsive HTML5 CSS3 Website Templates


Indaba Music is an international community of musicians, music professionals, and fans exploring the creative possibilities of making music with people in different places.


MIT’s Scratch is a visual, online tool for kids to learn the basics of programming, from MIT. My children love it. It has a deeply intuitive drag-and-drop interface which makes it very easy to see how simple programs work. It's the baby brother of MIT App Inventor, which grown-ups can use in exactly the same intuitive way to create fully-fledged Android apps. [FreePint]


FRONTLINE: digital nation - life on the virtual frontier | PBS Frontline has created a website to accompany its television broadcast of the documentary Digital Nation. Interestingly, visitors can "Watch Online", the 90-minute video, and then read a roundtable discussion by some of the participants in the film. To the right of the comments by the participants is the "Your Thoughts" area, which contains posts by visitors to the site. The tabs near the top left of the homepage contain short videos which expound on the 90-minute video. The topics of the tabs include "Living Faster", "Waging War", and "Virtual Worlds". Within each tab are several subsections, and each subsection contains about half a dozen videos. In the "Living Faster" tab, under the subsection "Where Are We Headed", there is a brief video called "Your Brain on Google", which compares a brain scan of a person when reading a book to when they are using Google. The results are surprising. [Scout Report]


GPS jamming: Out of sight. Satellite positioning-data are vital—but the signal is surprisingly easy to disrupt. Jul 27th 2013 |From the print edition [you can also read this via UNC Libraries' e-journals]

Issues to ponder

as you are thinking about what to put on your web pages, you might want to consider how web page design is affecting and is affected by the users. Online Literacy Is a Lesser Kind: Slow reading counterbalances Web skimming, by Mark Bauerlein, in the Chronicle of Higher Education, 19 September 2008. If you are interested in Nielsen's original research, you can find it online as well at Alertbox, April 17, 2006: F-Shaped Pattern For Reading Web Content

Data Display

6. Paid Maternal Leave Around the World


09 September 2014

Interested in Google Glass?

We had our first Google Glass meeting of the semester last Friday, and had several new students interested in working on projects.  We heard reports from students who worked on projects over the summer, and some who are planning on doing masters paper/projects using glass.  Very exciting!!

Upcoming Schedule:
Friday Sept 12th, 1:30-2:30pm in Manning 214:  Google Glass demos. Experienced users will demonstrate some simple apps, as well as some of their own work.   Come try out, or play with Google Glass.

Friday Sept 19th, 1:30-2:30pm in Manning 214:   Bootcamp for Google Glass Developers.   Our experienced developers will help anyone interesting in learning how to write code to work with Google Glass get started.   If you're interested in developing with Google Glass, this will save you many hours of learning time!

Check our Google Glass document for the latest:

We hope you can join us in the future!



Hi everyone,

So in college, when you're hanging out with your group of friends, you might find that sometimes you guys share a meal and someone forgot their wallet or you go on a trip with friends and someone pays for the gas money while another pays for the food and it's hard to keep up with everyone's own expenses and making sure that people pay each other back. I've recently been using this app called Venmo on my phone (which is free!) which allows you to link your debit card to the app and pay your friends back (it can be linked to your facebook). The money that is on the app will turn into Venmo money, but you can always "cash out" and have the money be sent to your bank account. Also, it makes things a little less awkward when you have to ask your friends to pay you back because Venmo has request feature in which you can charge your friend a certain amount and, since it'll be on Venmo, they'll be less likely to forget.

I realize there's still some concern over security over an application (which was why I was hesistant to sign up for Venmo at first) so here's an article that addresses some of the concerns about mobile money and its security.

Erin Baucom - Secure Wifi

I found out that even though "internet" comes with my rent fee at my apartment, it is completely unsecured. The apartment managers suggested that we get our own internet subscription along with a modem and wireless adapter. However, the internet works fine, you just cannot do some of the more sensitive things on it, like banking. So, an easier and cheaper fix I found was the portable hotspot. You get them through your wireless carrier and you can choose the data amount you are willing to pay for. This is a great solution because you only turn it on when you need a secure connection and can use the regular internet all the other times.

NoveList Starter for September 9, 2014 - Rachel Sanders

Hi everyone,

I wanted to follow up from my starter in class today, which was about NoveList.  There are several easy ways to access this resource, but the way I learned follows:

1.     Go to the homepage of the UNC library system.
2.     Type “NoveList” in the search box.

3.     Click on “NoveList Plus.”

4.     Now you’re there!

But why not just follow a link to NoveList's homepage?  The link isn’t overly reliable, but you are welcome to try it!  I just wanted to provide a backup method because I’ve had issues when trying to bookmark the homepage.

I love this resource because my interests lie (partly) in reference, which involves reader’s advisory – this makes it a lot easier to recommend books for patrons based on their interests.  There is also a model of NoveList designed specifically for children, which is called “NoveList Plus K-8.”

If you're interested in reader's advisory, here are some additional resources.


Starters for CSS session

Last session, we learned about the structural layer of web pages by being introduced to the HyperText Markup Language - a collection of codes, embedded in a document, that explain the meaning or desired formatting of the marked text. Our homework for the today was to take some basic HTML code and modify it slightly so that it will work for us as OUR code. The result in subtask 02.01 is a basic webpage of our own. This session, we will learn about Cascading Style Sheets - a way of describing, using instructions buried in the document, what the document is supposed to look like. We will take the page we created for subtask 02.01 and add a link to a supporting set of CSS instructions, so that the page will not only mean what we want it to mean (the HTML in subtask 02.01), but will also look the way we want it to look (the CSS in subtask 02.02)


Cascading Style Sheets: Learning CSS from W3C


Batanga focuses on a specific segment of the listening public's interest (by the way, Batanga is an example of the everywhere nature of the Web. You might be surprised to discover where its broadcast location is). It also has a different way of putting music on the playlists. Listener Favorites are chosen by you! At Batanga, your vote counts. Each time you vote for a song by selecting the [icon] on the playlist, Batanga registers your vote. The songs with the most positive votes are listed [in the playlists]!


Cacoo. simple and flexible online drawing tool ...can be used to create a variety of diagrams, including site maps, wire frames, and network charts. This version is compatible with all operating systems. [Scout Report]


Visually Stunning Redesign Showcases the 3-D Power of CSS, By Scott Gilbertson, Wired Magazine. It’s one thing to hear about the powerful new 3-D tools coming to CSS, but it’s a very different thing to actually see them used creatively in the wild. Developer Steven Wittens recently did just that when he redesigned his Acko.net website. Wittens turned to the 3-D features in CSS 3 — with a little JavaScript help — to create a visually stunning 3-D page header. [Wired Magazine]


Technological extinction: Only the digital dies. The newest technologies look most likely to vanish; the oldest may always be with us. Jan 26th 2013 |From the print edition [you can also read this via UNC Libraries' e-journals]

Issues to ponder

 ITS Security Policy Users of ITS systems have a large amount of important and sometimes confidential data that is entrusted to ITS for storage, processing, and retrieval. For anyone to use ITS systems and services for unauthorized purposes, as defined in the documents governing use of these systems and services, is at least inappropriate and a violation of University policy, and may in certain circumstances be illegal. In addition, ITS systems are part of an international network of computers, and consequently must protect other sites from the misuse of our resources to attack their systems.


HÃ¥kon Wium Lie

Free Tools

Data Display

5. McDonald’s Across the World


08 September 2014

VSauce Video about the Internet and the Web

VSauce is a Youtube channel about various interesting educational content. I just watched the episode about the Web and the Internet, how the two overlap and how they don't, and thought it would be worth sharing :)

Embedded below:

By the way! Did you know that when you post blogposts here on this site, it's actually in HTML code? Go crazy some time and look at the HTML code on the site as you write, or even do some sort of fun tricks with the HTML.



A note from a former student

Hi Dr. Bergquist,

I hope you are doing well! I was in your class a few years ago and I wanted to let you know of an opportunity that your students may be interested in. I am a Technology Risk consultant with Deloitte and a few of my colleagues and I will be in Chapel Hill tomorrow evening for an informationsession at SILS. Deloitte is interested in hiring more students out of SILS for internships and full time positions. I believe there will be technology risk, cyber risk services, and tax consulting positions available.

I work in Deloitte’s Advisory practice and mostly focus on testing IT controls for the firm’s audit clients on SAP.  In my experience, the Technology Risk position is a great place to start a career. In this position, I’ve had the opportunity to serve several large corporations and to meet with their IT leaders to understand their IT systems and the ways they support the business. I think this is a great position for students who are interested in professional services as well as continuous learning.



Carolyn Fagan
Consultant | Technology Risk
Deloitte and Touche LLP
Tel/Direct: +1 704 887 1896 | Fax: +1 855 326 1896 | Mobile: +1 704 576 7319

Health Informatics Information Session

Health Sciences Library will soon be hosting a Health Informatics forum comprised of lighting talks followed by discussion. The purpose of this event is for HSL to showcase their resources (useable by you!) and demonstrate how they are participating in the field of Health Informatics.

Lightning Talks Include:
                Consumer Health and Patient Education
                Mobile Health
                Knowledge Management for EHR Implementation
                HSL’s Liaison Model
                Clinical Informatics
                Systematic Reviews
                Research Hub Development and Data Management

Please join us on October 9th at 3pm in HSL room 527 for this event. Light refreshments will be served.

If you have any questions or concerns please reach out to me at chipinfo@unc.edu

Larisa Rodgers
Health Informatics Program Coordinator
(p) 919-962-5871/0182 (f) 919-962-8071
University of North Carolina – Chapel Hill
Health Sciences Library, Room 230
335 South Columbia Street

Chapel Hill, NC 27599-7585

06 September 2014

Wattpad -- For those who love to read and those who love to share

 Wattpad.com is a website for authors to show their work, poems or books, online so that others can read them. In this way authors can get feedback and readers can read for free. Some authors choose to go pro either during a book or once they have finished which is cool for both them and the readers since those who read the book on wattpad are first to read it! However, you must keep in mind that many of the writers are novice so the works might not be comparable to published books; some authors are foreigners so English is not their native language; and some authors are only posting their drafts so there are bound to be grammatical and spelling errors. Nonetheless, wattpad is worth trying because there is something for everybody.

Wattpad is a great website for two types of people. Those who love to read and those who love to write. I love wattpad because you can find a story about anything. You can find a story by looking at a specific genre or by typing key words. It is interesting because there are all kinds of stories out there. The fun part is that many of the stories are not yet complete so sometimes a comment from a reader can change the outcome of the story. It is also fun being able to interact with the authors since many of them love talking to their readers. If you are a writer than you can post on wattpad so that others can enjoy your work. After all, the best way to improve one's writing abilities is through practice!

(FYI: wattpad is available as an app so you can read/write using your phone)

Essential Self Technologies: Tapping into the Wisdom of the Body

This talk will take place in 208 Manning Hall at 3:15 on Tuesday September 30.

Essential Self Technologies connect us with our essential nature, our "essence" through the sensing and feeling self. Once connected to our essence, we are also more connected to each other. These technologies are often passive, ambient, and non-invasive. They involve the use of light, vibration, pulse, sound, music, temperature, and weight, to support us in discovering and sustaining flow-like states and to contribute to a sense of embodiment. While quantified self technologies offer value by contributing to awareness (of steps, pulse ox, HRV, etc), Essential Self Technologies support us in tapping into the wisdom of the body. Quantified Self is to Essential Self as syntax is to semantics. See: http://radar.oreilly.com/2013/12/quantified-self-to-essential-self-mind-and-body-as-partners-in-health.html

http://lindastone.net Twitter: https://twitter.com/LindaStone

Linda Stone worked in high tech from 1986- present, first at Apple, then at Microsoft, and now independently.

Prior to working in high tech, Stone worked as an educator and children's librarian from 1977-1986, and as a lecturer at University of Washington, Seattle University, and Seattle Pacific University teaching Logo and introducing in-service and pre-service teachers to computers in education.

At Apple, she did pioneering work in multimedia and publishing between 1986-1993, and also worked for CEO, John Sculley, on strategic initiatives.

 At Microsoft, she did pioneering work in online social life and online communities between 1993-2002, and also worked for CEO, Steve Ballmer, as VP, Corporate and Industry Initiatives.

From 1994-1999, she was a lecturer for the NYU Interactive Telecommunications Graduate Program. She's coined a number of phrases including: continuous partial attention, email apnea, screen apnea, conscious computing, and Essential Self Technologies. Her work has been covered by HBR, the Economist, Wired, the NYT, the Boston Globe, and many other publications.

 Currently, she blogs, researches, writes, consults, and advises, both for profit and non for profit companies. She's on the Advisory Board for the MIT Media Lab.

05 September 2014

Helpful Apps

Hey guys,
I just wanted to share this Buzzfeed article with you all. It's about helpful apps for people in their twenties. I thought you guys might find some of these helpful.


The ones that I found interesting were:

1. Waze: Traffic can be super tricky and it's always helpful to know where cheap gas is.

2. Group Xit: I know I find a lot of group messages annoying, so this would be a cool tool to get out of that without offending people.

3. Seamless: I know that there are some times that I don't want to go out for food, but I also don't want to cook so a way for me to get food without leaving my room is really awesome.

4. Zombies, Run!: I don't know about you guys but I don't really like exercising. This app lets you have some fun when you exercise and also makes you exercise or you'll be eaten. It's just a cool way to have fun while exercising.
A fun video explaining Reddit:


CGP Grey's videos are all excellent: interesting content, good production, and funny narration. Definitely worth checking-out.