Tag Archives: bootstrap

Fashion Index Weekly Update

Spring break just has started. This break sounds so industrious.

Our current goal is to explore Domain Expert. After solving this matter, we will integrate our final data set. The final data sets can be Lev’s collection of Instagram images or collection of our own images via apigee.

We made some changes related to technologies. We will not implement Django and MySQL.  We decided to focus on the bootstrap version of the site and gather content to make it look well-structured.

As Luke and Amanda addressed the copyright and creative common, we will also concern the copyright of other people’s images from Instagram. Tessa suggested that we would better include certain statement such as “All images contained herein are for academic purposes only.”

Currently, Renzo and  Minn developed HTML and CSS files for the website. They already made initial sketches and clarified the concept of art. Using Bootstraps is the foundation of their work. They began creating the site in HTML and generated a basic image gallery, front page, credit page, acknowledgement, and embed Google maps to stimulate the eventual mapping of images, which will be arranged by CartoDB.  Under these circumstance, the Bootstrap plays a critical role to shape our websites and scales with screens on mobile devices or smaller monitors.




image-set_Page_1 image-set_Page_4 image-set_Page_5 image-set_Page_8

After making the basic version of the site in HTML, they reached a point where they needed to figure out CSS to make the visuals more refined and integrate better fonts. Minn conducted CSS research.

During the break, our workloads are divided based on our basic roles.

  • Project Manager- shaping the final paper, collect reference, some literature reviews, track and compile the other member’s works, reviewing tutorials, posting some images on instagram (hopefully more followers)
  • Development- exploring API (Apigee). Planning to collect 50-100 images with #sprezzatura and geodata  from Instagram.
  • Outreach- After getting the images, Renzo will work on mapping via Cartodb.
  • Designer- Focus on aesthetic designs, enhancing the visual of the site.


Process Report CUNYcast

CUNYCast is an online experimental broadcast in the Digital Humanities. The CUNYcast site will model Ds106 Radio. It will also document the process, and create a “how to” manual for future CUNYcasters.  A link from the CUNYCast group page on the Academic Commons will lead people to an external site where content will be streamed. CUNYcast is a live online radio stream that anyone can take over and populate with their own DH audio radio broadcast. Cunycast is a non-archivable broadcast that will be accessible on the web. CUNYCast’s aim is to empower a DH guerrilla broadcast community.

Our team’s goal this week was to test an audio upload to Ds106 Radio, and begin to build out our WordPress site, while documenting and reporting on our process and our progress. *Note: although documentation appears here, it has not been verified between team members. Please do not attempt or post until we have completed final edits on the manual. Thanks!

Process Report 2/25/15:

Joy edited in-class audio from DH Praxis 2014-15, added music, and recorded an introduction.  James’s task was to upload that content in order to better understand how Ds106 radio works.

  1. Using edited audio recordings of our in-class conversations James converted ab .m4a, (advanced audio coding (AAC) file format) to an mp3 file.
  2. Using online converter media.io took about three minutes to convert, reducing its size from 28MB to 19MB.

Note: James chose 128kb/s as the quality, remembering that Ds106 radio has a 128kb/s stream. Next, we needed to figure out what would come first, the ds106radio how-to, Airtime, or Icecast? Airtime has a giant button on their landing page that says START NOW, so that seemed like a good place to begin. 30 day free trial, otherwise it’s 9.95 a month.

Question: If we do work with Ds106 we’ll have to get them to “grant a login, we think? Though it also possible that when we are preparing our radio station, it might cost us $10 monthly to maintain it via Airitme?

  1. Ds106radio is located in the interwebs, and how to access it via Icecast, it links to here: http://networkeffects.ca/?p=1478
  2. Download Icecast here: http://icecast.org/download/
  3. Start Icecast. It launches a console.
  4. Follow instructions by typing the address into Chrome.

Note: If I we were hosting Icecast via our local machine, this is how it would be controlled.

  1. Go to the Icecast installation directory and find a .xml doc.
  2. Open with my text

Note: This seems like it will be very important later, but we’re not sure that it will help complete the goal now. The next thing we attempt to try is looking at “Broadcasting Software” in the ds106radio how-to. We come across this document. We go for Mixxx; another broadcasting tool.

  1. Download Mixxx. Mixxx is 85MB: It does audio editing, mixing, broadcasting, recording.
  2. Enable Live Broadcasting

Note: It began importing James’s whole audio library. He loaded a song and just played with some dials. He encourages everyone to do this.

  1. Open up our cmd (command prompt and type in some commands for installing the codec:


Note: Watch for compatibility issues. We had a 64-bit version of Mixxx that was accidentally installing the 32-bit encoder. Some folders are inaccurately named. For Macs, this process seems smoother.

  1. Load up the audio for broadcast on ds106radio into Mixxx, by dragging and dropping. take
  2. Take the server info from ds106radio and put it into Mixxx:

Name: ds106rad.io / Server: ds106rad.io / Port: 8010 / Mountpoint: live / Username: source / Password: ds106 / Codec: mp3 / Bitrate: 128 (or less) / Protocol: Icecast2 / Stereo: Y/N

  1. Success = playing live audio from our class on Ds106

Process Report 2/28/15:

  1. This week Julia went to a workshop on “Bootstrap”http://getbootstrap.com/
    It is a model for a responsive website.
    2. This is our template:http://getbootstrap.com/examples/carousel/#
    Note: We have had some concerns with the constraints of wordpress. This will aford us more freedom although it may require a bit more now to update and change the site = More freedom less of a fancy wordpress back end.file structure
  2. Download Bootstrap; accessed here:http://getbootstrap.com/
  3. Use textwrangler (a bare bones html building editor) she saved the document as a .html file like (index.html).
  4. Place the file in the same folder on the desk top that held the Bootstrap.

Note: We are assuming that this series of files will be able to be uploaded to a server so they may become live. There may be a few steps missing that we’re unaware of since we’re not directly familiar with server setups.

5. Using Textwrengler to build the site; start with a blank text editor. Go to the template mentioned above (http://getbootstrap.com/examples/carousel/#) and open the site. It is a browser and look at the view page source option.

6. Copy and paste the page source from that page and place it into a plain text document.

Note: CSS of this document was all whacked out at first. The file connections to the rest of the folders would be different if they were sitting on the desktop.

  1. Go through the preliminary documentation to fix the <!DOCTYPE html> heading issues in the .html file.
  2. Screen shot of the website displayed in a browser on her computer. It is bare bones but it does display.CUNYcast_Web_SampleNote: Julia will next play with the style of CUNYcast site to reflect the new direction of the project. Barbara Kruger is a visual inspiration since we’re going guerrilla.

Please join us at our new twitter account @CUNYcast #CUNYcast
Also, we’ll be making our group page public on the commons this week.