In the preparatory phase, I cleared the way for copyright free texts, images and open access articles which could serve as links. Putting the project in practice involved a more collaborative dimension, since the ideas needed to be translated in clear visual terms and according to programming practicality.<\/p>\n
Our implementation makes use of the latest web technologies. For example, we use some semantic web features of HTML5 such as sections and itemprops. These features do not change the presentation of the tool, but are instead used to annotate the text with machine readable information. This is used in conjunction with client side libraries such as JQuery and techniques such as AJAX to provide an enhanced user experience. The downside however is that our tool can only run on modern browsers.<\/p>\n
We chose to host our tool on the google app engine. This choice was made since part of the team has professional experience with this platform and the tools it offers. Google app engine is also very fast, reliable and free for low traffic websites such as this one.<\/p>\n
A constant concern while making choices for how best to build this tool was user ease of access and simplicity \u2013 what would best facilitate user navigation without losing sight of the complexities of the literary material? We therefore decided that some kind of contextualisation was necessary, which is why we added two sections preceding the actual spiral: one on George Sand, and one on the Gothic itinerary. These lead up to the main section, Consuelo\u2019s gothic itinerary.<\/p>\n
We also had to think of ways to integrate helpful prompts to the reader to accompany the reading experience. The solution was to insert the prompts at strategic locations while scrolling. Event handlers were subsequently set up to listen to events caused by a user scrolling through the modal dialog. These inspected the currently displayed HTML for metadata relating to user prompts and the content on a separate prompt window would then be automatically adjusted to reflect the text the user is currently reading. As regards to accompanying pictures, we decided that these will be present as thumbnails that the user can enlarge at any point of his reading of the extract.<\/p>\n","protected":false},"excerpt":{"rendered":"
sotonDH Small Grants: Visualising intertextual dimensions of the Gothic itinerary in George Sand\u2019s Consuelo (1842) and La Comtesse de Rudolstadt (1843) \u2013 Post 2 by\u00a0Marilyn Mallia and Neville Grech In the preparatory phase, I cleared the way for copyright free texts, images and open access articles which could serve as links. Putting the project in practice involved a more collaborative …<\/p>\n","protected":false},"author":76864,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[198239],"tags":[],"_links":{"self":[{"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/posts\/2970"}],"collection":[{"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/users\/76864"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/comments?post=2970"}],"version-history":[{"count":2,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/posts\/2970\/revisions"}],"predecessor-version":[{"id":3012,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/posts\/2970\/revisions\/3012"}],"wp:attachment":[{"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/media?parent=2970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/categories?post=2970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalhumanities.soton.ac.uk\/wp-json\/wp\/v2\/tags?post=2970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}