{"id":61,"date":"2026-04-08T16:34:37","date_gmt":"2026-04-08T16:34:37","guid":{"rendered":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/?page_id=61"},"modified":"2026-04-09T00:47:28","modified_gmt":"2026-04-09T00:47:28","slug":"methods-used-in-the-project","status":"publish","type":"page","link":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/methods-used-in-the-project\/","title":{"rendered":"Methods used in the Project"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-e4ec366e wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<h2 class=\"wp-block-heading alignwide has-text-align-center has-x-large-font-size\">Overview of the Workflow<\/h2>\n\n\n\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\">The Walt Whiteman Archive follows a structured digital workflow to transform historical materials into accessible online editions. For this project, I focused on the Manuscripts section because it demonstrates the full process of most clearly &#8211; from digitizing the original pages to encoding them and finally publishing them on the web. Manuscripts are first scanned and transcribed, then encoded using TEI-XML to capture Whitman&#8217;s revisions, structure, and textual features. This encoded data is processed and displayed through HTML and CSS, which format the transcription into a readable and navigable digital edition for users <\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"421\" src=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/A-digitized-humanities-research-workflow-It-contains-three-lines-The-first-line-2.png\" alt=\"\" class=\"wp-image-66\" srcset=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/A-digitized-humanities-research-workflow-It-contains-three-lines-The-first-line-2.png 850w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/A-digitized-humanities-research-workflow-It-contains-three-lines-The-first-line-2-300x149.png 300w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/A-digitized-humanities-research-workflow-It-contains-three-lines-The-first-line-2-768x380.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-87724155 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-89463222 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\">Critical step 1:<\/h2>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">One of the most important steps in the Whitman Archive&#8217;s workflow is the encoding of each manuscript using TEI-XML. After the manuscript is transcribed, editors apply TEI tags to represent the structure and editorial features of Whitman&#8217;s writing. This includes marking line breaks, page breaks, deletions, additions, unclear text, and other revision marks<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">This is critical because TEI-XML preserves the scholarly integrity of the manuscript. Instead of flattening the text into plain paragraphs, TEI captures the complexity of Whitman&#8217;s revisions and writing process. It also makes the text machine-readable, allowing it to be transformed, searched, and reused across digital platforms. Without TEI-XML, the Archive would lose the ability to represent the manuscript&#8217;s structure accurately or support long-term digital preservation <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"456\" height=\"28\" src=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_8-4-2026_18832_whitmanarchive.org_-1.jpeg\" alt=\"\" class=\"wp-image-72\" srcset=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_8-4-2026_18832_whitmanarchive.org_-1.jpeg 456w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_8-4-2026_18832_whitmanarchive.org_-1-300x18.jpeg 300w\" sizes=\"auto, (max-width: 456px) 100vw, 456px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"523\" height=\"445\" src=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_8-4-2026_18737_whitmanarchive.org_.jpeg\" alt=\"\" class=\"wp-image-73\" style=\"aspect-ratio:1;object-fit:contain;width:517px;height:auto\" srcset=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_8-4-2026_18737_whitmanarchive.org_.jpeg 523w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_8-4-2026_18737_whitmanarchive.org_-300x255.jpeg 300w\" sizes=\"auto, (max-width: 523px) 100vw, 523px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-d8cef0e5 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"664\" height=\"458\" src=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_8-4-2026_204212_-4.jpeg\" alt=\"\" class=\"wp-image-81\" srcset=\"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_8-4-2026_204212_-4.jpeg 664w, https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-content\/uploads\/2026\/04\/Screenshot_8-4-2026_204212_-4-300x207.jpeg 300w\" sizes=\"auto, (max-width: 664px) 100vw, 664px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-092f862b wp-block-group-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--30)\">\n<h2 class=\"wp-block-heading\">Critical Step 2: HTML\/CSS <\/h2>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">After the TEI-XML file is created the next major is transforming that encoded data into a readable webpage using HTML and CSS. HTML provides the structural framework for the transcription, organizing it into divisions, paragraphs, spans, and other elements that mirror the encoded structure. CSS then styles these elements so the editorial features &#8211; such as deletions, additions, spacing, and line breaks &#8211; are visually clear to the reader.<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">This is essential because it turns the encoded data into a usable digital edition. TEI-XML alone is not meant for direct reading; it requires transformations into a web-friendly format. HTML\/CSS make the text accessible, legible, and visually aligned with the manuscript&#8217;s original form. This ensures that users can navigate the transcription easily and understand the editorial features without needing to read XML code. <\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group alignwide is-layout-flow wp-container-core-group-is-layout-a0aa5dda wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<h2 class=\"wp-block-heading has-x-large-font-size\"><\/h2>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Overview of the Workflow The Walt Whiteman Archive follows a structured digital workflow to transform historical materials into accessible online editions. For this project, I focused on the Manuscripts section because it demonstrates the full process of most clearly &#8211; from digitizing the original pages to encoding them and finally publishing them on the web. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":5,"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/pages\/61\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/classprojects.digitalwcu.org\/DietCoke2\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}