getAllStatuses(); $renderer = get_active_status_renderer(); echo ''; } function topic_icons_css() { echo "\n"; } function topic_icons_label( $label ) { global $topic; if (bb_is_front() || bb_is_forum() || bb_is_view() || bb_is_tag()) { $icon_set_name = topic_icons_get_active_icon_set(); $icon_set_url = ICON_SET_URL_BASE . $icon_set_name; $status = get_active_status_interpreter()->getStatus(bb_get_location(), $topic); $renderer = get_active_status_renderer(); $image = $renderer->renderStatus($status); $tooltip = $renderer->renderStatusTooltip($status); $exists = file_exists(dirname(__FILE__).'/icon-sets/'.$icon_set_name.'/'.$image); if (!$exists) { return sprintf(__('
%s
%s'), get_topic_link($topic->topic_id), ICON_SET_URL_BASE.'/empty.png', ICON_WIDTH, ICON_HEIGHT, $tooltip, $label); } else if (strlen($tooltip) > 0) { return sprintf(__('
%s%s
%s'), get_topic_link($topic->topic_id), $icon_set_url.'/'.$image, ICON_WIDTH, ICON_HEIGHT, $tooltip, $tooltip, $label); } else { return sprintf(__('
%s
%s'), get_topic_link($topic->topic_id), $icon_set_url.'/'.$image, ICON_WIDTH, ICON_HEIGHT, $tooltip, $label); } } return $label; } function topic_icons_init( ) { remove_filter('bb_topic_labels', 'bb_closed_label', 10); remove_filter('bb_topic_labels', 'bb_sticky_label', 20); add_filter('bb_topic_labels', 'topic_icons_label', 11); add_action('bb_head', 'topic_icons_css'); add_action('bb_admin_menu_generator', 'topic_icons_admin_page_add'); add_action('bb_admin-header.php', 'topic_icons_admin_page_process'); topic_icons_register_status_interpreter('default', new DefaultStatusInterpreter(BUSY_THRESHOLD)); topic_icons_register_status_renderer('default', new DefaultStatusRenderer()); } topic_icons_init(); ?> Digital Humanities Questions & Answers » Forum: Interfaces, Design & Usability - Recent Posts http://digitalhumanities.org/answers/forum/design-viz Digital Humanities Questions & Answers » Forum: Interfaces, Design & Usability - Recent Posts en-US Sun, 24 Mar 2019 04:38:38 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://digitalhumanities.org/answers/search.php Amanda Visconti on "Does anyone have resources or examples on how to write about website design?" http://digitalhumanities.org/answers/topic/does-anyone-have-resources-or-examples-on-how-to-write-about-website-design#post-2427 Sun, 21 Jan 2018 14:50:55 +0000 Amanda Visconti 2427@http://digitalhumanities.org/answers/ <p><em>Replying to @<a href='http://digitalhumanities.org/answers/profile/mlholloway251'>mlholloway251</a>'s <a href="http://digitalhumanities.org/answers/topic/does-anyone-have-resources-or-examples-on-how-to-write-about-website-design#post-2425">post</a>:</em></p> <p>If you're not already involved there, it could also be useful to join <a href="https://www.hastac.org/">HASTAC</a> and blog about your process/questions that come up—there's a pretty good community of commenters there. </p> Amanda Visconti on "Does anyone have resources or examples on how to write about website design?" http://digitalhumanities.org/answers/topic/does-anyone-have-resources-or-examples-on-how-to-write-about-website-design#post-2426 Sun, 21 Jan 2018 14:45:31 +0000 Amanda Visconti 2426@http://digitalhumanities.org/answers/ <p>Some of the pieces of my <a href="http://dr.amandavisconti.com/">(completed) digital dissertation</a> using web design/development for literature scholarship might be useful? Some specific links below, but also check out <a href="https://docs.google.com/document/d/1qJwx0nYam3aJazetVfmij6q92Owv-gu_pfl-Xci6BLM/edit?usp=sharing">this great GoogleDoc</a> some folks at CUNY curated with info on a variety of digital dissertation formats.</p> <p>I have <a href="http://literaturegeek.com/tag/dissertation/">some blog posts</a> both about the design of a digital edition website for my dissertation, and about the design of the websites presenting the dissertation (e.g. <a href="http://literaturegeek.com/2014/04/02/digitaldissformat">post on choosing and arguing for digital dissertation design</a>, and <a href="http://literaturegeek.com/2014/03/31/html5scholarlyarticle">some design choices</a>, and <a href="http://literaturegeek.com/2014/09/16/user-testing-a-digital-edition-getting-the-feedback-you-need">user testing dissertation websites</a>). </p> <p>A skim of the table of contents for <a href="http://dr.amandavisconti.com/AmandaVisconti_DigitalDissertationWhitepaper_OfficialSubmission.pdf">the whitepaper debriefing my digital dissertation</a> might also be useful?</p> <p>I also found it useful to <a href="https://github.com/amandavisconti/infinite-ulysses-dissertation/blob/master/About%20the%20Dissertation/MANIFEST.md">make a list of all the scholarly effort that went into the digital dissertation</a>, annotated to explain the website-related work that might not be obvious to scholarly evaluators. </p> mlholloway251 on "Does anyone have resources or examples on how to write about website design?" http://digitalhumanities.org/answers/topic/does-anyone-have-resources-or-examples-on-how-to-write-about-website-design#post-2425 Fri, 19 Jan 2018 22:39:31 +0000 mlholloway251 2425@http://digitalhumanities.org/answers/ <p>I am creating a website via wordpress for my dissertation and I need help on how to write about design choices, layout, what I chose to include, etc. If you have any resources that might help me please let me know. Thanks! </p> Ramkumar on "What are some of the easily understood examples on small-world networks" http://digitalhumanities.org/answers/topic/what-are-some-of-the-easily-understood-examples-on-small-world-networks#post-2420 Sun, 17 Dec 2017 10:00:41 +0000 Ramkumar 2420@http://digitalhumanities.org/answers/ <p>I am looking for more examples to explain the 'small world' network phenomenon.</p> <p>I am working on an article on the same. An example which I have taken up is - a modern well connected cluster of villages. </p> <p>Smart and digitally enabled cluster of villages with urban and social infrastructure are the way forward. In such clusters, every body is connected to everybody. Information passes through all them seamlessly. Everybody stays informed and there are numerous advantages from eliminating village feuds to sharing farm practices and social welfare schemes. Similarly, there could be others. Cheers, Ramkumar </p> aliciapeaker@gmail.com on "I'd like to visualize two or three pictures side by side" http://digitalhumanities.org/answers/topic/id-like-to-visualize-two-or-three-pictures-side-by-side#post-2396 Mon, 13 Jun 2016 22:20:23 +0000 aliciapeaker@gmail.com 2396@http://digitalhumanities.org/answers/ <p>One of the most common ways of doing this is using CSS's "display: inline-block." Here's a good start with some sample code: <a href="http://www.w3schools.com/css/css_inline-block.asp" rel="nofollow">http://www.w3schools.com/css/css_inline-block.asp</a> </p> Gogol71 on "visualize pictures side by side" http://digitalhumanities.org/answers/topic/visualize-pictures-side-by-side#post-2395 Wed, 01 Jun 2016 20:33:11 +0000 Gogol71 2395@http://digitalhumanities.org/answers/ <p>This is the answer I got from Scalar:</p> <p>We've thought about including this kind of functionality as a built-in feature in Scalar before, allowing authors to insert multiple media objects side-by-side. Perhaps down the road we will. For now, this sort of thing must be done manually, using html in the html editor. In other words, when you're in the page editor, click "Source" so that you're editing the actual html, then insert your media manually, spacing them side-by-side accordingly.</p> <p>I'd be very grateful if someone gave me the html code to do this. </p> Gogol71 on "I'd like to visualize two or three pictures side by side" http://digitalhumanities.org/answers/topic/id-like-to-visualize-two-or-three-pictures-side-by-side#post-2394 Wed, 01 Jun 2016 19:03:02 +0000 Gogol71 2394@http://digitalhumanities.org/answers/ <p><em>Replying to @<a href='http://digitalhumanities.org/answers/profile/gogol71'>Gogol71</a>'s <a href="http://digitalhumanities.org/answers/topic/id-like-to-visualize-two-or-three-pictures-side-by-side#post-2393">post</a>:</em></p> <p>This is the answer I got from Scalar:</p> <p>We've thought about including this kind of functionality as a built-in feature in Scalar before, allowing authors to insert multiple media objects side-by-side. Perhaps down the road we will. For now, this sort of thing must be done manually, using html in the html editor. In other words, when you're in the page editor, click "Source" so that you're editing the actual html, then insert your media manually, spacing them side-by-side accordingly.</p> <p>I'd be very grateful if someone gave me the html code to do this. </p> Gogol71 on "I'd like to visualize two or three pictures side by side" http://digitalhumanities.org/answers/topic/id-like-to-visualize-two-or-three-pictures-side-by-side#post-2393 Wed, 01 Jun 2016 08:00:40 +0000 Gogol71 2393@http://digitalhumanities.org/answers/ <p>I'm working with scalar (<a href="http://scalar.usc.edu" rel="nofollow">http://scalar.usc.edu</a>) and would like to compare pictures and transcriptions in columns. I guess three and even four columns of pictures or transcriptions should be possible. Many thanks for your help.<br /> Guillaume </p> Garnett Utt on "$100,000 VOD Giveaway" http://digitalhumanities.org/answers/topic/100000-vod-giveaway-1#post-2340 Wed, 01 Jul 2015 14:33:41 +0000 Garnett Utt 2340@http://digitalhumanities.org/answers/ <p>AV projector on offer.</p> <p>This is Sparta"</p> <p><a href="http://goo.gl/4i0wa8" rel="nofollow">http://goo.gl/4i0wa8</a></p> <p>Image:<br /> <a href="https://www.dropbox.com/s/fa4zeqatwg6vy29/5415576.jpg?dl=0" rel="nofollow">https://www.dropbox.com/s/fa4zeqatwg6vy29/5415576.jpg?dl=0</a><br /> Video:<br /> <a href="https://www.dropbox.com/s/k9h0wgari30gxer/Preview.mp4?dl=0" rel="nofollow">https://www.dropbox.com/s/k9h0wgari30gxer/Preview.mp4?dl=0</a></p> <p>One Day, One City, One Story.</p> <p>A story driven by the poetic landscape of Portsea Island,<br /> we observe the lives of four<br /> isolated characters intertwine through chance meetings.<br /> Inspired by 'kitchen sink' drama,<br /> this cinema verity experience examines isolated and perpetual lives.<br /> The city has a renowned military history<br /> and was once was the central east India global trade route,<br /> enabling the rapid expansion of the British Empire.<br /> It is to this end that the city also has a reputation.<br /> It is our humble opinion that you the viewer,<br /> should be allowed a glimpse into the peculiar reality that is this town,<br /> which of course, is no longer, at the centre of the Universe.</p> <p>Some have described Portsea Island as unfriendly,<br /> cold and unwelcoming.<br /> Life For Rent dispels the myths by introducing you to a<br /> unique perspective of existence within a small community,<br /> daily activity can be a chore and hence movement,<br /> interaction and relationships set aside.<br /> A portrayal of the peculiarity of life as viewed<br /> through the eyes of four characters.<br /> It is said that there are just 175,481 stories within Portsea Island. </p> <p>This is just one.</p> <p>If upon any given morning, you climb high enough,<br /> to a point within the boundaries of Portsea Island,<br /> you will notice a desolate city,<br /> albeit barren apart from the flocks of Seagulls<br /> quarrelling over the previous nights offerings of scattered litter.<br /> Occasionally a taxi cab will disrupt the feeding fest,<br /> as it flies at an illegal speed to an early destination.<br /> Oversized refuse sacks adorn the pavement,<br /> emptied takeaway boxes fill the gutter<br /> as stacks of newspapers await collection.<br /> The morning call is a simple glimmer of overhead lighting,<br /> flickering into action as the day emerges.<br /> Refuse collectors and recycling agents begin their daily chore,<br /> meticulously finding the smallest item,<br /> wedged between the gutter and the rear wheel of a parked car.</p> <p>"Morning beckons as pace quickens,<br /> the day is clearly here.<br /> Quickly moving as once before,<br /> to work we hold so dear.<br /> Forget the night and find your way,<br /> adventure calls upon this day.<br /> Seek new goals and pastures true<br /> and sip upon the morning dew."</p> <p>The city has a studded nose,<br /> the cathode ray nipple of Great Britain,<br /> almost fooling the innocent,<br /> the uninitiated in all its vermilion moods.<br /> Ice-cream stands, with parks and buses,<br /> the city rides as it dies.<br /> Drunkards turn around give the v sign to monuments,<br /> infecting the vulgar nebula.<br /> Hypnotic in places and privacy is impossible,<br /> living with the big yard in close proximity.</p> <p>"We find ourselves in quiet corners<br /> of our perpetual lives.<br /> Occurring on a daily basis,<br /> in tune we must survive.<br /> Memories of Portsea Island,<br /> this day was brought to you.<br /> By earnest means and pleasant folk,<br /> who rest before a new." </p> Garnett Utt on "$100,000 VOD Giveaway" http://digitalhumanities.org/answers/topic/100000-vod-giveaway#post-2339 Wed, 01 Jul 2015 14:31:17 +0000 Garnett Utt 2339@http://digitalhumanities.org/answers/ <p>AV projector on offer.</p> <p>This is Sparta"</p> <p><a href="http://goo.gl/4i0wa8" rel="nofollow">http://goo.gl/4i0wa8</a></p> <p>Image:<br /> <a href="https://www.dropbox.com/s/fa4zeqatwg6vy29/5415576.jpg?dl=0" rel="nofollow">https://www.dropbox.com/s/fa4zeqatwg6vy29/5415576.jpg?dl=0</a><br /> Video:<br /> <a href="https://www.dropbox.com/s/k9h0wgari30gxer/Preview.mp4?dl=0" rel="nofollow">https://www.dropbox.com/s/k9h0wgari30gxer/Preview.mp4?dl=0</a></p> <p>One Day, One City, One Story.</p> <p>A story driven by the poetic landscape of Portsea Island,<br /> we observe the lives of four<br /> isolated characters intertwine through chance meetings.<br /> Inspired by 'kitchen sink' drama,<br /> this cinema verity experience examines isolated and perpetual lives.<br /> The city has a renowned military history<br /> and was once was the central east India global trade route,<br /> enabling the rapid expansion of the British Empire.<br /> It is to this end that the city also has a reputation.<br /> It is our humble opinion that you the viewer,<br /> should be allowed a glimpse into the peculiar reality that is this town,<br /> which of course, is no longer, at the centre of the Universe.</p> <p>Some have described Portsea Island as unfriendly,<br /> cold and unwelcoming.<br /> Life For Rent dispels the myths by introducing you to a<br /> unique perspective of existence within a small community,<br /> daily activity can be a chore and hence movement,<br /> interaction and relationships set aside.<br /> A portrayal of the peculiarity of life as viewed<br /> through the eyes of four characters.<br /> It is said that there are just 175,481 stories within Portsea Island. </p> <p>This is just one.</p> <p>If upon any given morning, you climb high enough,<br /> to a point within the boundaries of Portsea Island,<br /> you will notice a desolate city,<br /> albeit barren apart from the flocks of Seagulls<br /> quarrelling over the previous nights offerings of scattered litter.<br /> Occasionally a taxi cab will disrupt the feeding fest,<br /> as it flies at an illegal speed to an early destination.<br /> Oversized refuse sacks adorn the pavement,<br /> emptied takeaway boxes fill the gutter<br /> as stacks of newspapers await collection.<br /> The morning call is a simple glimmer of overhead lighting,<br /> flickering into action as the day emerges.<br /> Refuse collectors and recycling agents begin their daily chore,<br /> meticulously finding the smallest item,<br /> wedged between the gutter and the rear wheel of a parked car.</p> <p>"Morning beckons as pace quickens,<br /> the day is clearly here.<br /> Quickly moving as once before,<br /> to work we hold so dear.<br /> Forget the night and find your way,<br /> adventure calls upon this day.<br /> Seek new goals and pastures true<br /> and sip upon the morning dew."</p> <p>The city has a studded nose,<br /> the cathode ray nipple of Great Britain,<br /> almost fooling the innocent,<br /> the uninitiated in all its vermilion moods.<br /> Ice-cream stands, with parks and buses,<br /> the city rides as it dies.<br /> Drunkards turn around give the v sign to monuments,<br /> infecting the vulgar nebula.<br /> Hypnotic in places and privacy is impossible,<br /> living with the big yard in close proximity.</p> <p>"We find ourselves in quiet corners<br /> of our perpetual lives.<br /> Occurring on a daily basis,<br /> in tune we must survive.<br /> Memories of Portsea Island,<br /> this day was brought to you.<br /> By earnest means and pleasant folk,<br /> who rest before a new." </p> Ethan Gruber on "Examples of web-based galleries or historical architecture?" http://digitalhumanities.org/answers/topic/examples-of-web-based-galleries-or-historical-architecture#post-2123 Wed, 23 Oct 2013 19:21:29 +0000 Ethan Gruber 2123@http://digitalhumanities.org/answers/ <p>Photogrammetry is great for low-cost architectural/archaeological documentation, but for the type of virtual reality walkthrough exhibited by Williamsburg, the digital Pompeii project at the University of Arkansas, or any of the other projects using Unity, I'd recommend building the 3D models from scratch rather than importing models generated by photogrammetry. Photogrammetry tends to produce a muddy, higher-polygon-than-necessary result. It's great for documenting ruins, but not for reconstructions. </p> Wayne Graham on "Examples of web-based galleries or historical architecture?" http://digitalhumanities.org/answers/topic/examples-of-web-based-galleries-or-historical-architecture#post-2121 Tue, 22 Oct 2013 13:32:03 +0000 Wayne Graham 2121@http://digitalhumanities.org/answers/ <p>Hi Paul,</p> <p>This is actually something I've been kicking for some time. I've had a lot of success modeling extant architecture with photogrammetry, and am a proponent of <a href="http://ccwu.me/vsfm/">VisualSfM</a> (Noah Snavely who does <a href="http://www.cs.cornell.edu/~snavely/bundler/">Bundler</a> highly recommended it). I've also had good success getting models out of <a href="http://www.agisoft.ru/products/photoscan/standard/">PhotoScan</a>, which has a decent user interface for this type of thing. The benefit here is that you can get a textured model out of PhotoScan with a few clicks (and waiting), but you don't have to use additional modeling software to get generate a model. </p> <p>I've seen a lot of people use <a href="http://unity3d.com/">Unity</a> to re-render this for web delivery. This is a technique used by Colonial Williamsburg for their <a href="http://research.history.org/vw1776/">Williamsburg 1776</a> reconstruction of the town during the American Revolution. The down side to this technique (other than being quite resource intensive) is that it requires a plugin to actually work. I think perhaps a better way to handle this is by leveraging modern browser's capabilities with webGL. </p> <p>Depending on how "good" you want the render to be, you're going to need to clean the models up in something like 3DStudio Max, Maya, Blender, or any number of other modeling tools. Just a warning, though, if you're new to this kind of software, the learning curve is steep, and the interfaces for these tools take some getting use to.</p> <p>For web delivery of the models using webGL, there are two main wrappers in major use these days, <a href="http://threejs.org/">three.js</a> and <a href="http://kineticjs.com/">kineticjs</a> (there are others, but these seem to be getting the most traction). Using three.js, the <a href="http://www.chaostoperfection.com/">Chaos to Perfection</a> is an amazing interactive "stroll" around Versailles. And the project has an <a href="http://threejs.org/">amazing gallery</a> of example work. For my own work, I've had quite a bit of success with three.js rendering high-poly models quite quickly, but the main issue I've run in to is the fact that a 30Mb texture map still takes a while to download...</p> <p>For geospatial delivery, I've toyed with a plugin for Omeka that would allow you to add 3D models to items (with an eye toward using them with Neatline). I've been holding off a bit as OpenLayers (the library we use for rendering maps) is going through a major upgrade that will allow you to "easily" tie <a href="http://cesium.agi.com/">cesium</a> to the map, allow you to render terrains (and hopefully models) in 3D without a plugin. </p> <p>With all that said, here are some other examples of using 3D to help visualize this kind of data:</p> <ul> <li><a href="http://mayaarch3d.unm.edu/">MayaArch</a></li> <li><a href="http://www.kvl.cch.kcl.ac.uk/projects.html">King's Visualization Lab</a></li> <li><a href="http://archive.cyark.org/">CyArk</a></li> <li><a href="http://idialab.org/">IDIALab</a></li> <li><a href="http://www.byzantium1200.com/index.html">Byzantium 1200</a></li> <li><a href="http://www.dukewired.org/">Duke Wired</a></li> </ul> <p>And, if you're not prone to motion sickness, this is a visualization of 10,000+ images I did of a Spanish Monastery that steps through each image, showing a point cloud, and its shaded and textured surfaces. <a href="https://www.youtube.com/watch?v=3pKOtiQ-ZOI">Calatrava</a>. </p> <p>HTH,<br /> Wayne </p> pfyfe on "Examples of web-based galleries or historical architecture?" http://digitalhumanities.org/answers/topic/examples-of-web-based-galleries-or-historical-architecture#post-2116 Mon, 21 Oct 2013 19:30:00 +0000 pfyfe 2116@http://digitalhumanities.org/answers/ <p>A colleague of mine has been admiring the <a href="http://www.whatjanesaw.org/">What Jane Saw</a> project and has asked for help with an idea for a related immersive web-based gallery based on a historical model. I'm wondering if anyone can recommend similar sites that model gallery spaces or that use architectural models for site navigation and display. (And not Second Life.) There must be great architectural projects and museum sites out there that do this. Grateful for your suggestions.</p> <p>We're also interested in suggestions for what kinds of platforms or software would be most useful for creating such a web-based project: making an architectural model, overlaying images, providing some kind of spatial navigation, etc. (It seems that What Jane Saw is built from SketchUp models, rendered into background images, and serving room and picture info with PHP and JavaScript.) What approaches would you recommend or avoid? Thanks for your time -- </p> hopegreenberg on "Questions to facilitate design of Digital Humanities projects" http://digitalhumanities.org/answers/topic/questions-to-facilitate-design-of-digital-humanities-projects#post-2075 Wed, 14 Aug 2013 14:45:50 +0000 hopegreenberg 2075@http://digitalhumanities.org/answers/ <p><em>Replying to @<a href='http://digitalhumanities.org/answers/profile/gaelicmichael'>gaelicmichael</a>'s <a href="http://digitalhumanities.org/answers/topic/questions-to-facilitate-design-of-digital-humanities-projects#post-2073">post</a>:</em></p> <p>Those are great questions. I particularly like #6 and #8 as a way to help refine the define. I agree with Willy Lee that one way to help focus is to get at the difference between a collection, a Collection, a collection with narrative, and a typical web site. I've found that people who do not have a background in building collections don't usually distinguish between collection=a bunch of stuff I want to organize and display, and Collection=a curated group of objects chosen according to specific criteria. Neither do they distinguish between collections and exhibits. Showing them a searchable/browsable database of objects (eg dSpace), then showing a narrated exhibit (with the objects still in a searchable database behind the exhibit, eg Omeka) goes a long way to clearing that confusion up. (And then too often you find out what they really want is a customized web site with all kinds of bells and whistles. *sigh*)</p> <p>With question #6 you will be able to find out if they want to do things 'above and beyond' that will require additional apps, all of which should play nicely with your core application, so that helps determine what you need as well.</p> <p>Thanks for posting the questions--I'm going to use the pedagogical ones to help frame a course project we are designing right now! </p> Willy Lee on "Questions to facilitate design of Digital Humanities projects" http://digitalhumanities.org/answers/topic/questions-to-facilitate-design-of-digital-humanities-projects#post-2074 Wed, 14 Aug 2013 14:29:08 +0000 Willy Lee 2074@http://digitalhumanities.org/answers/ <p>Is this a story/narrative or a collection/database?</p> <p>This is one of the things I always try to pin down first. If the project has to be in a singular narrative path, it makes some tools completely inappropriate. Alternatively, many tools that excel at narratives are poor choices for random browsing.</p> <p><em>Replying to @<a href='http://digitalhumanities.org/answers/profile/gaelicmichael'>gaelicmichael</a>'s <a href="http://digitalhumanities.org/answers/topic/questions-to-facilitate-design-of-digital-humanities-projects#post-2073">post</a>:</em> </p>