Uncategorized

Digital Cultural Heritage DC

600_250239032

The DCHDC crowd Summer 2014

 

One of the reasons I love working the Digital Humanities is the people. Not having a traditional DH program or track in my department, I had to go outside to find information, guidance, and inspiration for my DH projects. I have already written about how valuable local DH events have been to my journey (events like RailsGirls and THATCamp) and we all know how amazing Twitter is to find a community of DH enthusiasts like myself (@litambitions), but these events are infrequent even in DC and Twitter lacks a human touch. Enter the Digital Cultural Heritage DC Group. Founded in 2012 and run by our fearless leader Bill LeFurgy, the DCHDC group is a haven for DHers from all backgrounds. The group consists of a wide variety of DH enthusiasts from the many cultural institutions and technical programs in and around the DC Metro area. In July 2014 they graciously invited Lori Brister and I to talk about how we are attempting to grow DH in our department and in our school at large. I was honestly intimidated and awe-inspired when we went around the room and heard about the jobs everyone had and the projects they were working on.  The general format for a DCHDC meeting is one or two lightening talks to start, then a wider discussion and exchange of information and news and, of course, drinking (the last few meetings have taken place in Stetson’s bar in U Street). For the July meeting, I spoke about my initial interest in DH and how we had to look outside our department and school to learn what we needed to know to start our own DH projects. I talked about how we created a DH Working Group, how we attended local DH events, and how we support each other as we continue to develop our projects. Lori spoke also on our future plans for the DH Working Group, our plan to study DH modules covering theory as well as practical tools, and potentially broadening our DH group to include others outside of our department and our school. Both of us enjoyed the experience immensely. We made some amazing contacts, learned about some interesting digital initiatives, and ultimately felt welcome and supported by the whole group. Past meeting topics have included preserving digital materials at the Library of Congress and the future of DH with the National Endowment for the Humanities among many other exciting topics and presentations. Want to know more about the DCHDC? Follow them on twitter (@DCH_DC) or visit their Meetup page.

Advertisements

Starting from One with Web Design

Hit the ground running with Bootstrap and other web design tools.

N.B. Much of the following post is a continuation/ sequel to Starting from Zero with Web Design, so if you haven’t read that post you may want to start there, as it provides context for the information given here. On the other hand, if you haven’t read the earlier article, I have also included tips for jumping ahead, that is, over, coding all together. 

You don’t have to start from scratch.

Humanists have busy schedules. Between our dissertations, articles, teaching, grading, etc. etc….. etc… there isn’t much time left to learn code and build a website. But we still have interesting collections, data, maps, and other ideas to share. Can we still be digital humanists? This has been the debate at the center of the field for years, partially because of remarks made by Stephen Ramsay, who has far, far more clout than I do, so I’m going to avoid a lengthy discussion for now. But, in short, technology has advanced so rapidly that you no longer have to know how to code, let alone program, in order to build, which is, at least according to Ramsay, the crucial element of digital humanities.

Some of the sources below are absolutely free, while some require a monthly fee. Many platforms require no coding experience at all, while others, like Bootstrap, require some working knowledge.

WordPress is a simple, free platform for sharing research, bibliographies, and archives. Most people think of WordPress as simply a blogging tool, but you can also set up “Pages.” What’s the difference? Blogs are displayed and read in “rolls,” so that each new post appears above the previous posts on your homepage. A “Page” is a single post, like an “About” page or “Links” page that is static, but easy to update. You simply edit your page to add new information, rather than adding a new post. Tawnya Ravy’s SalmanRushdieArchive is a great example of a DH project that runs off WordPress. There’s a small, yearly fee of around $18 for adding your own domain name, but it’s free if you keep YourBlogName.wordpress.com as your URL.

If you decide to get server space (either free or paid hosting), you can run WordPress on your site for free by downloading from WordPress.org, and many host providers like GoDaddy include a WordPress plugin to run your entire site or even just a blogging component of your site. I use the WordPress plugin to power the blog page of my own website.

Blogger is powered by Google, but is very similar to WordPress. It’s a free blogging service with a lot of templates to choose from. You can also add static pages to organize information or archives. One benefit of Blogger is that you do have access to your source code to change colors or fonts. This allows for increased customization over WordPress, which makes you pay extra for many customization options.

Drupal is another powerful Content Management System (CMS) for websites that you can use if you already have server space. Like WordPress.org, Drupal is free and open source; however, it is not designed specifically as a blogging platform. Drupal is for designing more dynamic websites. You can use one of Drupal’s templates “out of the box,” or if you are code-savvy, you can customize the design to make it uniquely yours. Drupal is often used by web developers for high-profile, massive hits pages; for instance, WhiteHouse.gov is a Drupal site. Drupal is also available as a free plug in from many server providers.

Squarespace is a great all-in-one option that probably costs less than your Netflix subscription. You get server space, a domain, and a ready-made theme/template. A simple tutorial program leads you through the steps to customize your page. No coding is required. Squarespace is $8 per month if billed annually, or $10 for a month-to-month plan. For a few dollars more you can get buy a sleek template that will make your website look like you paid a developer thousands of dollars.

Bootstrap: So let’s say you do know a little bit about coding, or at least enough to poke around and figure things out, but you don’t want to start your HTML or CSS from scratch. Bootstrap is a free, open source framework for web design and development. If you’ve worked your way through Codecademy‘s “Build Your Own Professional Website” course, then you already know a little about Bootstrap. It’s the coding framework you use at the end of the tutorial to recreate the Airbnb website, which is built with Bootstrap.

Bootstrap was designed by people at Twitter, but because it’s open source, a lot of variations are available via GitHub (a website for sharing open source code of all kinds) and other sites. My own website loribrister.com was built using a version of Bootstrap called “Modern Business,” which includes a javascript image carousel, similar to what you find on Hulu or Netflix, along with over a dozen templates for webpage. If you download the Bootstrap package, it comes with HTML, CSS, Javascript, fonts, and a lot of other extras. I didn’t know a lot about CSS and nothing about Javascript when I started using Bootstrap, but you learn a lot more by doing. Here’s an entire gallery of really great websites built with Bootstrap. Because it’s so versatile and easy to use, a lot of web developers are now getting paid a lot of money to build customized Bootstrap sites.

We want to hear from you!

Do you have any tools, platforms, or plugins that you recommend to people who want to get their DH project up and running? Do you have more excuses for why you still haven’t started that DH project you’ve been rolling around in your head for months? Let our team of marginally trained grad students help you out! Tell us what to write about next time!

 


Lori Brister is a doctoral candidate in the English Department at The George Washington University, where she is completing her dissertation on the history, literature, and ephemera of nineteenth century tourism. She is currently building an interactive GIS program that maps texts and images related to tourism. To learn more about Lori’s work, visit loribrister.com

Starting from Zero with Web Design

ICodecademyCode2‘ve always been interested in web design, though I didn’t know what to call it. I built my first website in the proverbial dark ages of Internet temporality. Spatially, it was located in some long-forgotten Geocity. There were probably twinkling stars. A midi-file of Richard Marx  undoubtedly  played in the background. Over the years I’ve experimented with customizing blogs, but my attention was diverted by jobs and grad schools, when all the while, technology was advancing exponentially. Worse still, I was nearing the end of my PhD and realizing for the first time that the humanities had emerged into the digital age. Too much had changed to just pick up where I left off, and I found myself starting all over again at zero.

If you feel like you’re always playing catch up but don’t know where to start, you’re definitely not alone. Here are a few tips and tricks I picked up over the past year.

Where to Start

Web Design

Start with web design. Most websites are written in a combination of HTML and CSS.  HTML stands for “Hyper Text Markup Language,” and it’s the basic language of the Internet. On its own, an HTML site would look pretty boring without lines of code that say “Use this font for the headings” or “Use this image as the background.” But if you write that over and over and over again in your HTML, it gets messy and cluttered, i.e. bad code. That’s where CSS (Cascading Style Sheet) comes in.

CSS is a separate page of code that tells your HTML, “For all headings, use this size font; for all paragraphs, use this color font.” CSS is more efficient because nobody has just one webpage. You may have one website, yes, but each site is made up of many different pages, such as “About,” “Blog,” and “CV.” If , for instance, you decide you don’t like that font or color after all, you would have to go into every single page to make changes. That’s where CSS comes in. You can factor all of that style out of your HTML pages into a CSS page. Then, for any changes you make on the style sheet, it “cascades” down through all of your HTML pages. All the pages are changed at once, and your page looks uniform and more professional.

Where to Learn HTML and CSS

Codecademy BadgeCodecademy is a great place to start; it’s a free website full of tutorials to teach yourself code. You’re given a three-panel environment, including an instructions panel, a text editor to write your code, and a “browser” window that instantly reflects your changes.  Each course at Codecademy is divided into sections and structured like a game. You get points for every exercise, and at the end of every section, you collect a badge that says “HTML Basics III” or “200 Exercises.” The website tracks your progress through each course, so you can compete against your best daily high score, and always start exactly where you left off.

Codecademy gives you a lot of course options–HTML, Python, Ruby, etc–and you’ll probably want to dive right into all of them, but be patient. Start with HTML/CSS, then when you’re done with that, use Codecademy’s recently released “Build Your Own Professional Website” tutorial to practice all your new mad skillz. (Yes, you will be saying exactly that when you brag to your friends.) This tutorial also teaches you about Bootstrap, an opensource framework for building websites. You can download Bootstrap for free and use professionally built CSS pages.

Since From Zeros and Ones, and the entire DH Working Group, is about admitting what we don’t know, learning from each other, and sharing our progress along the way, here’s the first rough prototype of my website that I built after finishing Codecademy’s tutorial. (You can also visit the current version of my website here: loribrister.com, now, sadly, without Richard Marx midi files.)

If you’ve finished up with Codecademy and want to move on to more advanced HTML and CSS, W3Schools has excellent in-depth tutorials for pretty much everything from formatting CSS to a useful tool for finding colors using hexadecimal values–the 6-character code browsers use to display millions of colors.

You can also learn a lot just by asking for help. Dr. Daniel DeWispelare, of the GWU English Department, led two workshops for our DH Working Group, covering an enormous amount of HTML, CSS, PHP, and SQL. Ask your friends, colleagues, and professors. You’re sure to find someone who enjoys building sites (or working with other coding languages) and will be happy to help.

Questions about Building Your Own Site

What do I need to get started?

You’ll need a text-editor for writing out your HTML/CSS. Technically, you can do that on Windows Wordpad, but you’re just asking for headaches. Text editors like Komodo (free!) work best because they use “syntax highlighting,” where, for instance, your tags  (<header></header>) may appear purple if you’ve written them correctly, but turn orange if there are any errors in your code’s syntax. Just like saving any other file on your computer, you can add an extension like .html and .css. The homepage of any website is always saved “Index.html”. You will also need an FTP (File Transfer Protocol) program for transferring your HTML and CSS files from your computer to your server. I use Filezilla, which is also free.

What’s a server and do I really need one? 

A server is another computer (albeit a much more powerful one) where websites are stored. You can build a website on your own computer, but nobody else can see it, and you probably want to show off your new skills. When you put your website on a server, it’s accessible to anyone with an internet connection.

Server space usually costs money, but there are free options out there for playing around with webdesign, anything from the simple changes to building complex websites. Blogspot still lets you edit your own HTML files, whereas WordPress charges a fee to access your HTML and CSS files. Many schools and universities offer free server space to students and faculty through the IT department. Finally, if you want to get experience but aren’t quite ready to show the world, free programs like WAMP (for Windows) and MAMP (for Macs) allow you to use your own computer as a “server.” You can view the site in your own browser, but it’s not actually on the Internet. No one else can see it; your site is as private as the photos or other files on your computer. These programs are often used by professional developers to perfect code before launching sites.

The best advice anyone ever gave about anything, including web design.

Unless you’ve got access to the nuclear launch codes, the best way to learn is by experimenting. Change the font, change the background color, changes the header. You can change them back if you want. Start small, build up your confidence, you won’t believe how quickly you’ll progress once you’ve got the basics.

If you’ve got advice for getting started with web design–or DH more generally–let us know in the comments below. And feel free to share your own stories and sites!


Lori Brister is a doctoral candidate in the English Department at The George Washington University, where she is completing her dissertation on the history, literature, and ephemera of nineteenth century tourism. She is currently building an interactive GIS program that maps texts and images related to tourism. To learn more about Lori’s work, visit loribrister.com

THATCamp DC 2014

by Tawnya Ravy

As part of our continuing journey into the world of Digital Humanities, a bunch of us attended THATCamp DC 2014 hosted by the GWU History Department. THATCamps are unconferences with unique formats designed to address the needs and ideas of the participants – they are also amazing entries into the complex world of DH. These conferences not only help you learn about important DH issues and useful technologies, but also enable you to make valuable contacts with other DH enthusiasts and experts. I know that I personally always get a lot out of attending THATCamps. And they are fun! This time around we decided to take good notes and share with each other and the world what we learned in the sessions which we attended. Below are the sessions we attended and our impressions and notes. Interested in going to a THATCamp or hosting one? Visit ThatCamp.org.

Digital Publishing

We initially began a discussion on how to enable international and multi-lingual bibliographic work to address gaps in scholarship, but this then lead to a conversation about the value of certain kinds of work in the academy. As one participant pointed out, it used to be considered a valuable contribution to scholarship to put together a bibliography in a given area, but now similar efforts to curate data (especially digital data) are “off the menu” as legitimate scholarly work for many. This of course sparked a larger conversation about legitimizing digital humanities work in the academy. Open access journals, many of which embrace the scholarly potential of digital humanities, are not considered to be legitimate forums for scholarship by Deans/Provosts and departments even when they are peer reviewed. We talked about impact factors, and the difference between science and the humanities when it comes to collaborating and co-authoring– something we agree needs to happen more in the humanities. We also discussed these two journals for digital humanities scholarship: Journal of Digital Humanities and Itineration: Cross-disciplinary Studies in Rhetoric, Media, and Culture (feel free to leave more resources and ideas in the comments below!).

Funding DH

The presenter started off with creating lists of very helpful funding sources and resources. To find grants, consider visiting Grants.gov, Foundation Center, Giving USA, and Guidestar. But the first step, as everyone agreed, is to seek out funding and resources at your home institution. Consider beginning at your local Grants office to not only find appropriate grants for your project, but to discover if your institution has former experience or existing relationships with grant groups, and even how to draft your grant materials. Basically you have Private Foundations (like MELLON, FORD, KNIGHT, MACARTHUR, SLOAN) and federal funding like the National Endowment for the Humanities; although we also considered alternative sources of funding like Kickstarter and Indiegogo. There are advantages and drawbacks to consider for each type of funding. We talked a lot about NEH because they are an excellent source of funding for DH projects, but also because they offer a lot of valuable resources like samples of grant proposals, and previous grant data on data.gov. We also discussed basic steps in getting funding for your project. First, do your research – learn about all of the rules and regulations for the different funding sources, research former grants and look up old proposals, and take advantage of what your institution offers in the way of funding as well as grant guidance. The Grants office can be immensely helpful in helping you draw up a budget for your project (what with their knowledge of on-site costs). Try, try again – one thing that stemmed my personal anxiety about this arduous process was this refrain to be persistent. Finally, make sure you are thinking about the question of sustainability – how will your project survive for posterity? Consider digital preservation requirements in your project proposals. Most grants will be for projects (with end dates), not programs, so think about this as you draft your project charter. Speaking of which, they recommended to draw up a 1 page project charter to begin a conversation with your institution as a starting point. Consider collaborating with others on your project, and learn about project management as part of developing the parameters and details of your projects.

Born Digital

In this session we tackled the question of how to work with born digital materials. We talked a lot about our own projects, but also about methods of archiving digital born materials. If you have never visited it, check out Archive It which basically offers a subscription service to institutions wanting to archive digital materials, but it also hosts the world’s largest public web archive. The WARC is the web archive file format to save web pages, but Zotero also saves copies of whole web pages (and you can tag them). Also check out The Wayback Machine to view changes to web pages over time – it is very fun to play around with this tool. With all this talk of web archiving, we also addressed best practices for use – consider the code which libraries use. Our broader concern was with preserving certain virtual worlds – and then issues of control, maintenance, and access. I certainly came away with a lot of answers and new ideas, but we also left it with a lot of valid questions about how to handle digital born materials.

Tawnya Ravy is a PhD. candidate at The George Washington University and a member of the GW English Digital Humanities Working Group. Her interests are in postcolonial theory and diaspora literature. She is the architect of the Salman Rushdie Archive

Starting at Zero

Image

I came to the digital humanities because of my love for zombies. It might seem like a strange leap: from the undead to learning about archives, big data, interactive maps, html and coding. But I realized there was no centralized location where a zombie enthusiast and/or researcher could go to find all cultural production about zombies: film, literature, visual art, music, etc. My long-term goal is to build a comprehensive archive with an interactive map, where lovers of zombies and researchers alike will be able to find everything zombie, and cross-reference based on keywords. You can see what I have created so far here: http://thezombiearchive.com/.

It’s been a long process that is far from over. So far, I have been able to list most novel and nonfiction about zombies through the present, and films about zombies through the 1970s. Luckily, there are some full films available on YouTube, but I’m still in the process of summarizing plots and finding scholarly articles about these films and books. I also find myself constrained by the WordPress format. Hopefully, as I learn other programs, like Omeka, my project will be able to expand and take the shape I envision for it.

It feels like I came to DH as a blank slate. DH was just a bunch of zeroes and ones to me, not a language that could create something new; tools and resources that build archives and transform information that could be used, not only in the classroom, but for research purposes. When I joined our department’s Digital Humanities Working Group, I felt that I had a lot of catching-up to do, since the discussions surrounding DH had been taking place for years before I was attuned to them. Lori Brister and the other ladies of the group—I feel so thankful for all their patience and help (not only for their help with DH, but for their advice on teaching, writing, dissertating), and for making me feel like the group is also mine—have pointed me to amazing sources about discussions in the digital humanities, particularly Stephen Ramsay’s blog and Mathew Gold’s Debates in the Digital Humanities. I’ve also been starting to learn HTML and CSS at Codecamy, which is surprisingly fun and makes me feel like I have some sort of strange street-cred (which is a discussion I find particularly interesting: can you be a DHer without “building”? What does “building” entail?). This is all to say that I’m super excited to keep learning and building my project! Next steps: find a good (and free) mapping tool. More soon…