Image Image Image Image Image

work

10

Jan

UConn 2011 London Study Abroad Catalog

This is some macro photography of eyes I shot for the 2011 UConn London study abroad catalog. I’ve had this around for a while and keep forgetting to post it somewhere. The eyes are all the design students that participated in the program.

UC UK ucuk_07 ucuk_05 ucuk_06

Here is a link to a PDF of the whole catalog.
UConn London Study Abroad Catalog 2011

25

Oct

New Sound Board

Kevin Marinelli is magic. He’s been working on a revision to the first version of the sound board and has now made it Arduino form factor compatible. This should make it much more accessible to the DIY and student crowd. He’s sending me the latest version for testing. I’ll be writing something up on this for the UConn website as well as submission to Make. But first testing!

08

Oct

Mobile Code Updates!

I’ve been renovating the code on my site to make it cleaner, more up to date and most of all, mobile compatible. To make things mobile compatible I had to chuck all my Flash content, which was using the way outdated amfphp anyway which was slooow loading.

I used jQuery to replace the fading slide shows on the index page and the scrolling thumbnails in the main gallery page. The gallery viewing page had already been coded using jQuery so there wasn’t much to do there. Once I finished these changes I moved on to video galleries. I’ve never been happy with my video solutions. I was storing them locally and it’s eating tons of space on my hosting account. I didn’t want to pay for Vimeo and YouTube always annoyed me. But then I found the programming API for YouTube and started playing. I got everything working fine and then realized that the API I was using was with the old Flash player! DUH!!! So I found the new iframe API. It’s a bit more tricky to implement because of the way my gallery system work. I basically load a bunch of div’s that are hidden and then use jQuery to toggle them hidden or visible as users click on the thumbnails. Anyway, I had to be a bit creative because I’m manually inserting the javascript iframes API code on the backend to make the videos load. I basically had to put all the javascript for a whole gallery (all the different divs) into one entry. But it works. And I was able to really sculpt the look-n-feel of the YouTube player thank god… Here is what I ended up using:

//Load player api asynchronously.
var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var done = false;
var player1;
var player2;
var player3;
var player4;
var player5;
var player6;
var player7;
function onYouTubeIframeAPIReady() {
player1 = new YT.Player('player1', {
height: '309',
width: '550',
videoId: 'eCgEeZcDZt0',
playerVars: { showinfo: 0, modestbranding: 0, rel: 0, vq: 'hd720' }
});
player2 = new YT.Player('player2', {
height: '309',
width: '550',
videoId: '5QQzaCbLAqE',
playerVars: { showinfo: 0, modestbranding: 0, rel: 0, vq: 'hd720' }
});
player3 = new YT.Player('player3', {
height: '309',
width: '550',
videoId: '6WV0ddCvpkM',
playerVars: { showinfo: 0, modestbranding: 0, rel: 0, vq: 'hd720' }
});
player4 = new YT.Player('player4', {
height: '309',
width: '550',
videoId: 'lYO0PO7wEdk',
playerVars: { showinfo: 0, modestbranding: 0, rel: 0, vq: 'hd720' }
});
player5 = new YT.Player('player5', {
height: '309',
width: '550',
videoId: 'D8LnPwPMKOM',
playerVars: { showinfo: 0, modestbranding: 0, rel: 0, vq: 'hd720' }
});
player6 = new YT.Player('player6', {
height: '309',
width: '550',
videoId: 'n0y3SSrF-Zg',
playerVars: { showinfo: 0, modestbranding: 0, rel: 0, vq: 'hd720' }
});
player7 = new YT.Player('player7', {
height: '309',
width: '550',
videoId: 'PIymw6g5Pdc',
playerVars: { showinfo: 0, modestbranding: 0, rel: 0, vq: 'hd720' }
});
}

I only have the div at the top for the first video. The divs for the other 6 videos are in their individual posts on the backend. That’s the wonky tricky thing I had to do to make it work at this point. I’m really in a stage of testing and then I’ll have to rewrite the backend to adapt to all this, but for now, it works with no reprogramming.

So great, video was now working great on my site and using the iframe API made them mobile compatible! Awesome… But the iframe code somehow conflicted with my lightbox code. So I went out and found a replacement for that…

The last problem was that on the main gallery page, the thumbnails didn’t scroll on mobile devices… And it was the same in the detailed gallery where you actually view images, no thumbnail scrolling. So I just found solutions today!

On the main gallery page I used this in my CSS where I had originally had it hidden:


overflow: scroll;
-webkit-overflow-scrolling: touch;

This solutions came from here.

For the detailed gallery page I use Jscrollpane (based on jQuery) for the scrolling thumbnails. I used this to fix it:

Around line 165 after “if (isScrollable) { ” insert:


// Ipad Iphone
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))||(navigator.userAgent.match(/Android/i))) {
var isTouchScreen = 1;
}else{
var isTouchScreen = 0;
}

$container.bind('touchstart', function(e){
var cpos = dragPosition;
if(isTouchScreen){
e = e.originalEvent.touches[0];
}
var sY = e.pageY;
var sX = e.pageX;

$container.bind('touchmove',function(ev){
if(isTouchScreen){
ev.preventDefault();
ev = ev.originalEvent.touches[0];
}

var top = cpos-(ev.pageY-sY);
positionDrag(top);

});
$container.bind('touchend',function(ev){
$container.unbind('touchmove touchend');
});
});

I found the solution here.

The only remaining Flash element that I think I need to fix is my artist books section. I’m going to translate those page flip books into a javascript based version.

I hope this helps someone on their journey for web programming on the interwebs!

Bon voyage!!!

28

Apr

Bhutan: Paro to Thimpu

We traveled from Paro to Thimpu where we stayed for two days while our travel permits were arranged. The trip took about two hours and traversed some amazing river valleys and mountain ranges. We stayed at the Zey Zang hotel. Thimpu is the capital of Bhutan and the home of the current king. It’s the “big city” baby! Thinley took us around the city showing us the vegetable market and some other sites and at the same time taking care of business regarding visa extension and travel permits. It was a strange mix of tradition and modernization, ranging from construction to fashion. From Thimpu we again got on the institute bus and started our ten hour bus journey to Bumthang.

11

Mar

The Crisis of Credit Visualized

My friend sent me this link after seeing the last post “The Story of Stuff”. This is the best clear and easy to understand explanation of the current economic crisis that I’ve seen. Short, extremely informative and easy to understand. Check it out and pass it along!


The Crisis of Credit Visualized from Jonathan Jarvis on Vimeo.

10

Mar

Dinner with the Teachers

I just wanted to post this photo of a dinner I had with some co workers shortly before I left I Kids’ Park. We were at a Japanese place I’d been a couple times before. They serve raw fish and some other sides before dinner. I had raw fish and rice all mixed up with a spicy pepper sauce and vegetables. Yummy! From top left going clockwise we have teacher Eunhee, teacher Matt, teacher Ella and teacher Nancy.

teacher dinner

teacher dinner

08

Feb

The Last Days at I Kids’ Park and Student Snaps

So this Friday ended my last full week of work at I Kids’ Park. I will go in on Monday and Tuesday and then I’ll be finished up. It’s a strange feeling. I’m excited to have some free time to do some photo work and relax, but mostly I’ll be busting my hump preparing for a move to Bhutan.

It’s hard for it to sink in that after Tuesday, I won’t see any of the kids anymore. I’m really sad about that! I’ve grown very attached to some and I think I’m going to be lost without them for a while! I took some pictures on Friday and I’m planning on taking some more on Monday and Tuesday. Hopefully I’ll be able to post some images as I have time to process them. Until then, here is a series of images I put together of Helen. I don’t have her in class but she comes to see me almost everyday before classes start and I think she is a special person, and cute too!

 

Helen - February 6th, 2009

Helen - February 6th, 2009

22

May

Another Day at the Office

So I don’t work in corporate America anymore, and I don’t have angry bosses yelling at me. But I do have to deal with this. 🙂

17

May

KAL Hotel Lunch

Our school directors took us to lunch at the KAL Hotel today. The lunch was fun and afterwards we walked through some paths in the gardens, visited a green house, and then made our way down to the beach. The weather was fantastic, warm bright sun and a cool breeze coming in off the ocean. The volcanic rock at the shore was very interesting. It formed many different tide pools and two very large pools that are perfect for swimming. We plan on going back soon to swim in the pools and also to freedive in wetsuits outside of the pools. I don’t have time to write much again if I want to get the pictures up… So here it goes…

KAL Hotel
Lunch with our directors and staff at the KAL hotel.
coast line
A view down the coastline.
Rock Formation
A shot of some of the volcanic rock formations.
The KAL hotel
A view of the KAL hotel from the coast line.
tide pool
A tide pool along the shore line.

02

May

Melissa, Olivia & Jerry

I’ve taken my video camera a couple of times now to school. I’m trying to get some clips edited and posted but it takes some time. I just clipped this one quickly and wanted to post it. This is Olivia, Melissa and Jerry. These are some of my favorite students. They are very cute, respectful, listen well and really try in class. They’ve been coming to school early and just hanging out in my room before classes start. That’s what they are doing in the video.