{"id":486,"date":"2010-01-03T23:47:20","date_gmt":"2010-01-03T23:47:20","guid":{"rendered":"http:\/\/aaronlevisohn.com\/wordpress\/?p=486"},"modified":"2025-09-30T03:43:25","modified_gmt":"2025-09-30T03:43:25","slug":"casablanca-a-digital-critical-edition","status":"publish","type":"post","link":"https:\/\/levisohn.com\/portfolio\/archives\/486","title":{"rendered":"Casablanca: A Digital Critical Edition"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-500\" src=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/casa-thumb.jpg\" alt=\"\" width=\"200\" height=\"200\" \/>The Casablanca Digital Critical Edition was completed while I was a master&#8217;s student at Georgia Tech from 2004-2006 under the supervision of Prof. Janet Murray. Although somewhat dated now, this project was ahead of the its time, exploring web 2.0 concepts such as user generated content before \u00a0they were popularized. The interface links DVD content to annotations and commentaries stored in an online server and enables home viewers of the 1942 film to access them while watching the film on DVD. The online user generated content can also be accessed through two alternate interfaces: a commentary explorer and a document explorer.\u00a0By linking the web-based annotations to the local DVD with a uniform information structure the project reconciles the needs of copyright holders and film scholars. Students can access specific segments of the video without resorting to costly or illegal reproduction. Scholars can link targeted film segments to other primary materials such as shooting scripts, production memos, and never before seen outtakes. The Casablanca Digital Critical Edition was supported by the American Film Institute, \u00a0Warner Brothers Home Video, \u00a0InterActual, and with funding from the National Endowment for the Humanities.<\/p>\n<table id=\"maintable\" border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"15\">\n<tbody>\n<tr valign=\"bottom\">\n<td style=\"text-align: left;\" colspan=\"2\" align=\"center\">\n<p align=\"center\"><a href=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/casa-poster.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-503\" title=\"casa-poster\" src=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/casa-poster-300x199.jpg\" alt=\"\" width=\"300\" height=\"199\" \/><\/a><\/p>\n<p>The project is divided up into two primary components: the Front end user interface and the back-end authoring environment. My primary role was the development of the user interface which provides three entry points into the film: the commentary explorer, film explorer, and document explorer. Through these interfaces the user is able to easily access information added by experts and film scholars via the back-end authoring environment. By creating an infrastructure that allows for dynamic, on-the-fly updating of film commentaries and annotations, the Casablanca Project takes the interactive DVD to a new level; It integrates high resolution DVD content with dynamic web content to create a seamless,and enhanced experience for the movie watcher, facilitating complete immersion through contextual exploration of a film.<\/td>\n<\/tr>\n<tr>\n<td align=\"left\" valign=\"top\" width=\"400\" height=\"111\">\n<h4 style=\"padding-left: 10px;\"><\/h4>\n<h4><span style=\"color: #000000;\">DESIGN ROLE<\/span><\/h4>\n<p>Interaction Design<br \/>\nUI Design<br \/>\nWire Frames<br \/>\nDesign Comps<br \/>\nGraphic Design<br \/>\nASP.NET and VB.Net<br \/>\nJava Script<br \/>\nHTML<\/p>\n<h4><\/h4>\n<\/td>\n<td align=\"center\" valign=\"middle\" width=\"378\">\n<h4><span style=\"color: #000000;\">PRIMARY DESIGN CHALLENGES<\/span><\/h4>\n<ol>\n<li>\n<p style=\"text-align: left;\"><span style=\"color: #000000;\">Provide a seamless and unobtrusive method for alerting the viewer of additional content without disrupting the immerse experience of watching the film.<\/span><\/p>\n<\/li>\n<li>\n<p style=\"text-align: left;\"><span style=\"color: #000000;\">Provide access to encyclopedic data about the film in a manner that is not overwhelming and displays only the most relevant content to the user.<\/span><\/p>\n<\/li>\n<li>\n<p style=\"text-align: left;\"><span style=\"color: #000000;\"><span style=\"line-height: 19px;\">Provide a method for seamlessly switching between any of the three interfaces (Film, Document, or Commentary) while enabling the user to track and return to previously viewed content.<\/span><span style=\"line-height: 19px;\">\u00a0<\/span><\/span><\/p>\n<\/li>\n<\/ol>\n<h4><\/h4>\n<h4><span style=\"color: #000000;\">SAMPLE SCREENSHOTS<\/span><\/h4>\n<table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr align=\"center\" valign=\"middle\">\n<td>\n<h4><a href=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/casa-page.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-504\" style=\"margin: 10px;\" title=\"casa-page\" src=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/casa-page-300x223.jpg\" alt=\"\" width=\"300\" height=\"223\" \/><br \/>\n<\/a><span style=\"font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px; color: #000000;\">Document View<\/span><\/h4>\n<\/td>\n<td>\n<h4><a href=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/Casa-interface.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-505\" style=\"margin: 10px;\" title=\"Casa-interface\" src=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/Casa-interface-300x225.jpg\" alt=\"\" width=\"300\" height=\"225\" srcset=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/Casa-interface-300x225.jpg 300w, https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/Casa-interface-250x188.jpg 250w, https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/Casa-interface-768x577.jpg 768w, https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/Casa-interface-1024x769.jpg 1024w, https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/Casa-interface.jpg 1029w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><br \/>\n<\/a><span style=\"font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px; color: #000000;\">Commentary View<\/span><\/h4>\n<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\" align=\"center\" valign=\"middle\">\n<h4><a href=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/Film-View.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-887  \" style=\"margin: 20px;\" title=\"Casablanca Film View\" src=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/Film-View-250x187.png\" alt=\"\" width=\"293\" height=\"218\" \/><br \/>\n<\/a><span style=\"font-family: Consolas, Monaco, monospace; font-size: 12px; line-height: 18px; color: #000000;\">Film View<\/span><\/h4>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"mceTemp\"><\/div>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/levisohn.com\/portfolio\/archives\/486\"><img width=\"10\" height=\"10\" src=\"https:\/\/levisohn.com\/portfolio\/wp-content\/uploads\/casa-thumb.jpg\" class=\"alignleft tfe wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>In collaboration with the American Film Institute, and with the cooperation of Warner Brothers Home Video and  InterActual, and with funding from the National Endowment for the Humanities, Georgia Tech is creating a digital edition of the American film classic Casablanca (1942), which will serve as the prototype for a repository for scholarly and critical annotations of all of American films. Scholars can link targeted film segments to other primary materials such as shooting scripts, production memos, and never before seen outtakes.<\/p>\n","protected":false},"author":1,"featured_media":500,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[44],"tags":[25,24,20,27,23,21,22,28,26],"class_list":["post-486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux_design","tag-afi","tag-casablanca","tag-film","tag-georgia-tech","tag-hci","tag-interaction-design","tag-movies","tag-murray","tag-warner-brothers"],"_links":{"self":[{"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/posts\/486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/comments?post=486"}],"version-history":[{"count":34,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/posts\/486\/revisions"}],"predecessor-version":[{"id":1385,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/posts\/486\/revisions\/1385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/media\/500"}],"wp:attachment":[{"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/media?parent=486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/categories?post=486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/levisohn.com\/portfolio\/wp-json\/wp\/v2\/tags?post=486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}