javabin / javazone-video Goto Github PK

Separate view for one video, showing details for the video, with abstract, speaker bios, and misc other info.

info:

• played
• tags
• tags
• abstract
• speaker bios
• links to speaker pages

Talk to the javabin hosting guys and figure out prod environment. And deploy to it as soon as possible. And $buildtool tasks to perform the deploy automated.

Maybe a better name for the site (header and title) is "JavaZone Talks" instead of videos? They are videos of talks, after all and that is the core thing of the site. Talks, not videos.

Default is to show all videos and a jquery plugin filter to filter the list on-the-fly.

The tags on the video page look a little orphaned on the bottom of the page. Maybe move them right of the video player. Problem is bigger when abstract lands on the page and pushes them further down.

If issue 21 is done, we could link to related videos (sorted by plays/likes perhaps) from a video page, by listing videos with similar tags.

Should be able to show the videos for a specific year by easy menu/button filtering. Perhaps further filtering by talk type (lightning, session?)

We need to finalize the design and conclude on the branch version.

We get a lot of whitespace right of the video thumbnail on the frontpage when screen/window is large. See if we can tweak it with a media query or something to make it prettier.

Long abstracts take up a lot of space on talk pages. A youtube-style "show more" with JS should do the trick.

clicking on tags either on the front page or the video page(?) should list talks with that tag set. depends on #21

We need the plays, likes and comments from vimeo in the talk object, so we can display it on the video
page and the frontpage listing of a video.

This data also needs to be periodically updated (see http://www.playframework.org/documentation/1.2/jobs)

The abstract is now listed on the frontpage listing of videos and has a half-assed overflow thing so large abstracts don't take all the space. This needs to be fixed prooperly to look good in all browsers (and alike).

If we choose sass (wich we will) we need a $buildtool task or two to compile the sass and optionally pack it along with the javascript files for nicer performance. Low priority on this.

These should be stored in the database for later use.

Can we re-write the embed-iframe on screen resize for a responsive feel?

The image on the speaker page should be properly scaled and the layout fixed.
@huboard:{"order":17.25}

the speaker page needs some design love in the layout of the talks for a speaker. Perhaps some more info on the talks (plays/likes?) and/or tags.

We need to compress and concat all javascript and css for better loading times

We need a vimeo api to fetch data from the advanced vimeo API. this key needs to be stored outside the repo for security reasons. Perhaps a secret repo of some kind? and read via env variables in test and prod environments.

Abstract and speaker bio(s) should be available on the frontpage listing, but on demand and displayed in popup since it takes up a lot of space.

setup code coverage with the play cobertura framework. Is that then global in the repo or is local on the machine it is done. Need to find out.

Page design should look like the javazone page of this year. Some leeway is ok, I guess.

We should perhaps add a beta marker on the pages, to mark it as such

W should load the javascript at the bottom of the pages. MOve jquery loading down and wrap jquery calls for menu into ready()-calls or equivalent

The name Michaūl FiguiŨre isn't quite as nice as it should be. Needs more charset cleanup.

The year the video was held is very crudely included on the video page. Need to fix a proper placing and design.

On the talk page, we should list other talks in the system tagged with the same tags as this talk. Nice for "further viewing" kind of thing

A separate view for a speaker listing the talks that one speaker has done, along with pointers to other resources involving the speaker.

Frontpage video listing showing all videos (?].

sortert etter mest vist?

showing:

• video preview thumbnail
• talk type?
• year
• title
• speakers (short)
• vimeo tags?
• antall visninger?

@huboard:{"order":9.5}

We need to merge data from vimeo and incogito for the session info. Should perhaps be done outside the web app and stored in a database instead of periodically in the webapp. Testing with matching on title shows it works quite well (at least for 2011).

Things we need from incogito:

• abstract
• difficulty tag?
• speaker bios
• speaker images?
• Date?
• talk type

Data from vimeo:

• title
• tags
• length,
• info (parsed?) seem to contain some quoting issued jackson doesn't like
• embed links (mobile and regular)
• preview thumbnail links
• video links (or is embed links enough?)

Today the setting for which year to display on the front page is hard coded. Should be made configurable to easily switch when we upload 2012.

Perhaps we should be able to add more than one url in the url field? Goal is to be able to bookmark it. Perhaps only rewrite url on click

The talks does not differ between javazone talks and other talks, like on profile page. Maybe they should? Or perhaps only show number of talks?

The sizes of the thumbnails varies and it looks like the reported thumbnail size is not always right. Look at the image of the most popular video.
http://b.vimeocdn.com/ts/193/051/193051583_640.jpg

It is 640 x 320 but is shown with a hight of 204 thus it is stretched.

Why are we not just showing the link to vimeo on the frontpage. Does it generate that much load?

We should show the abstract on the video page. Full abstract or perhaps first n chars (n <= 200 ?) with a nice jquery effect to reveal or expand the rest.

Some kind of CDN for images (if we are going to run off heroku) as all images won't/shouldn't fit in the slug

eg. http://localhost:9000/talk/49384334 cuts the last line of the abstract. The test for showing the abstract show err on the side of caution when checking. Adjust the limit and test

Some thumbnails get a wrong aspect (stretched). See the cake mix talk, for instance. This is probably happening in the jsonMapper for video-information or around those parts.

We should have a page for all tags and links to listing with that tag as filter. The page should show how many talks (in one way or another) that has the tag).

Possible to select several tags for search?

We need to download the speaker images and scale them locally. Incogito has all kinds of sizes.
Plan:

• download and save under filename speaker.slug.{png|jpg}
• Scale to e.g. short edge=200 (whatever fits)
• commit to repo?
• serve locally on speaker page
  @huboard:{"order":16.5}

We should perhaps link to the twitter account for a speaker. We could do this by (manually) creating a mapping file by collecting twitter handles in text/yml-file and looking up during initial read.

Bonus for later version: show n last tweets from speaker on video page or speaker page?

This is not something we fix on the site per se, but I feel the tagging of the videos is a bit lacking. Most videos are tagged with
javaZone JavaBin Conference Java JavaZone 2011 even if the talk is on scala (for instance). Some have a tag for the speaker name, some haven't.

1. I feel there is a bit redundancy in the default tags. Maybe we should filter a bit? Remove Conference (filter on site, not remove in vimeo). Filter javazone $year (we know it's javazone, or else it wouldn't be on the site.
2. It needs more detailed tags (language, tool, framework etc).

@huboard:{"order":35.0}