DIGIT 400: Digital Project Design

• Add @xml:id attributes to either equipment or food items (or both), and come up with distinct identifier codes.
• Look for words in the steps that reference the distinct identifiers and apply new markup with attributes that point to or reference the xml:ids
• Look for historical details of interest and/or action words to code and reference.
• Revise the code of the Syllabub recipe to match the new code of your Shrewsbury Cake recipe. Consider putting @xml:ids on the recipe root elements, and pointing to those codes from each recipe when it refers to the other one.
• Submit your revised Syllabub and Shewsbury Cake recipes on Canvas for XML Exercise 2.

• (To help with Git Ex 2): Watch my short (15 minute) video showing how to git pull in changes, and the three-step of git add, git commit, and git push.
• (To help with Git Ex 2): Work with our short list of Git Commands to pull, commit, and push changes to your personal GitHub repo and/or to the digitProjectDesign-Hub.
• Complete Git Exercise 2. Send a link to your personal GitHub repo to me on Canvas (Assignments)
• (Optional: good to try:): Watch / work with Set up a Git Bash Profile (short video how-to): (this is convenient for you, and more command line knowledge).

• Git Shell Practice (starting today for seven days): Make sure your personal repo and the class repo are properly set up and cloned to your computer. Using your Bash shell, practice some basic git commands to build a habit. On alternating days, push to the other repo (if you pushed to your personal repo today, tomorrow you will pull and push a file to our class repo).
• Complete XML Exercise 3: Mark up a text of your choice (any genre, manageable but reasonable size, any language). Work on applying attributes with your elements in a careful and systematic way.
• Review feedback on your coding exercises so far and submit revisions if I asked you to.

• Post in UX Discussion exercise on digitProjectDesign-Hub Issues.
• Read Intro to Relax NG to get a sense of what it is (we will go over it in class).

• Make a folder to hold this homework, since it will contain two files. Save the folder using our homework filenaming conventions.
• Open this ozyMeta.xml file (open the link, and right-click to save on your computer with your homework, then open in oXygen).
• Open a new Relax-NG Compact syntax file in oXygen, and set your editor in tile view so you can see the ozyMeta.xml file next to your schema file. Delete the code in the Relax NG file so you have a blank slate to start with.
• Write a Relax NG Schema in Compact Syntax that models the content of this XML file as you study it. (Save the schema in the same directory with your XML file so you can easily find it.)
• Associate the schema with the XML file (in oXygen go to Document > Schema > Associate Schema, and browse to locate the schema. Click OK and note the new schema line at the top of your XML file.
• Zip (compress) the file directory holding your XML file and the Relax NG schema file, and submit this on Canvas at the upload point for this assignment.

• Complete Relax NG Exercise 2: Write a Relax NG schema for one of the XML documents you created for the XML homework assignments (making changes to the XML as you wish). Upload both your XML and your schema file in a zipped (compressed) directory on Canvas.
• Post in Discussion of student digital projects on digitProjectDesign-Hub

• Complete Relax NG Exercise 3: This time, choose a new text that you haven't marked up before and perform document analysis (study the document's structure and interesting features). Then write a Relax NG schema, mark up the text according to the schema, and upload both your XML and your schema file to Canvas.
• Post project proposal idea on digitProjectDesign-Hub
  • Beginning from today through F 9-18: Post proposal ideas (each in its own issue) for team projects to work on this semester. Each student should post an idea for the class to consider: a project involving XML markup to be managed within a team of 2-4 students to investigate something we could study and visualize from our markup more effectively with computers than with human reading and description alone. All projects must involve a team of at least two persons, but this first exploratory proposal is an individual assignment.
  • Each student must respond to at least one of the proposed ideas from another student and indicate suggestions or further ideas. You may respond to more than one if you like, and indicate which proposals interest you to work on.
  • Proposal discussions will run until class time on M 9/21 when we will form project teams.

• Post / respond to project proposal (now through M 9/21). Each student must respond to at least one proposed idea from another student and indicate suggestions or further ideas.
• Install FileZilla (or other SFTP client) if you have not done so already: we'll use it in class to find your webspaces! Follow instructions posted on Canvas for setting up SSH keys to access your personal webspace on Newtfire.

• Project Checkpoint 1: Launch the project GitHub repo and invite your teammates and me to join (using Settings > Manage settings). Post in the Issues board of your new project rep your available meeting times to help determine a regular meeting time for your group.

• Revise and resubmit Relax NG exercises on Canvas if you were asked to do that.

• Finish up SSH key access if you did not complete this setup on Friday.
• Work with our Introduction to HTML, start work on HTML Exercise 1.

• Complete HTML/CSS Exercise 1 (Do not submit this on Canvas, but instead use SFTP on your Newtfire webspace.)
• Read the Introduction to Cascading Stylesheets (CSS) and optionally, if you like, begin writing CSS code in a separate .css file to link to your HTML page(s).

• Read and apply Using <span> and @class to style your HTML, and consult our Introduction to Cascading Stylesheets (CSS) to help complete HTML / CSS Exercise 2. (Submit this to personal or project web space).
• Consult Learn CSS Layout, Flexbox tutorial, and w3 Schools CSS Reference as you code. (Also, check out Paletton (or hunt for other color scheme generators on the web) to help think about choosing a balanced color scheme for your website. Experiment with writing CSS to control font, layout, color, backgrounds.
• Complete and submit the Relax NG Test

• Locate all sources for project XML markup
• Establish a clear flie directory structure on yoru project GitHub, including a distinct directory for website files
• Make sure all project team members work consistently with the GitHub directory structure (all agree on it, no one changes it without notice)
• Strong start on a project schema (Relax NG)
• A good quantity of documentation and/or markup is present in the GitHub repo.

• Watch ~20+ min. video: Introducing Regular Expressions in the oXygen XML Editor
• Watch shorter ~20 min. video: How to do your Regex Homework in oXygen and keep a record of your Regex expressions
• Regex Exercise 1: Shakespeare’s Sonnets

Repair/complete and resubmit Regex Exercise 1 and Regex Exercise 2 if you were unable to create XML before.

Project Checkpoint 3:

• Some web development for site; navigation menu, page organization
• Refined schema
• XML markup: significantly more progress than the last checkpoint. Everyone's files are working with the project schema

• Complete Regex Take-Home Test
• Complete XPath Exercise 1

• Complete and submit XPath Exercise 1 if you did not finish it on Monday.
• Complete XPath 2

• Complete (or get as far as you can) with XPath Exercise 4: String functions
• Project Checkpoint 4: due by 11:59pm:
  • Complete most XML markup for your project according to a refined project schema.
  • Review/refine project research question.
  • Make some significant content and/or enhance layout and styling for the website.

• orientation video (version for Mac)
• orientation video (version for Windows)

• XSLT Exercise 4
• Read about Modal XSLT

• Catch up! Submit on Canvas your revisions/completed versions of lost, missing, incomplete, problematic XSLT assignments so far!
• Read about Modal XSLT
• Look at my sample directory of code in digitProjectDesign-Hub showing Modal XSLT over a file of Shakespeare’s sonnets
• If you are ready, try XSLT Exercise 5: Modal XSLT over a collection of files

• Submit what you have completed for XSLT Exercise 5
• Continue with XSLT Exercise 6

• SVG Exercise 1
• Amnesty XSLT exercise: Modal XSLT with Linked Table of Contents on Dracula. Writing this means making up two past XSLT assignments.

(before class): SVG Exercise 2: XSLT to SVG

Project Checkpoint 5 (by end of day)

• Goal: XML markup is mostly complete and ready for active processing with XSLT
• Work on XSLT to HTML transformations to build content for the project website
• Improve the project website, update its organization and navigation
• Project intros: introduce the team members
• Other goals specific each team

• SVG Exercise 3: a stacked bar graph
• XSLT Exercise 7 (Test): Applied to your projects.

• (for class): JavaScript Exercise 2: Toggling @class attributes
• (One Per Project Team): SVG Exercise 4 for projects: options: graph from project data?

• JavaScript Exercise 1
• Project sprint

• JavaScript Exercise 2: Toggling @class attributes
• Review Project Completion Guidelines with your team.
• Project sprint. Prepare for Project Checkpoint 6