Skip to main content

Artes Latinae Project Update....


FRAMES.... FRAMES...FRAMES...FRAMES...FRAMES

Ever since Maestro Marco showed me what the final project would look like today, marking up the content from the images he gave me into XML files has made it so much clearer for me.  

I went back to the first frame in Unit 15 and cleaned up the XML some more.  I inserted the single line break tags <br/>  between the sound and picture tags as well as between the response tags.

Speaking of response tags, now that I was able to see the goal of the end product, I went back and incorporated the ans="" attributes within the response tags in the appropriate places.  Here is an example of what that looks like:   Jūdex <response ans="rēs"></response>cognōscit.

The end product of what this would look like is:   
     
                      Jūdex _______  cognōscit.

What is cool about this is that the user will get a chance to fill in that white highlighted blank.  If the answer is wrong, the window will light up in red.  If the user is correct, it will light up in green!

I also added src="" attributes to the <sound></sound> tags.  The files are not yet in there because I do not have the audio files yet.  When I get them, it will be easy to drop the file names in there as everything is ready to go.  

I am currently at frame 26.  When I reach frame 32, I will put the images and xml in a file that is located in my S3 bucket.  What's an S3 bucket?  Well, you will have to wait for my next post to find out!  😊


Follow me as I learn to build my website bit by bit!    IronTreeDev.com

Photo by Jessica Ruscello on Unsplash




Comments

  1. CajunesqueFebruary 2, 2019 at 8:48 PM

    I think it'll make sense for you to have your own version of the LessonFramViewer to view your xml. I'll set it up to look for the xlm files in your doc root and to look for the images and sounds in your s3 bucket.
    You should start thinking about how you could start increasing your efficiency.

    ReplyDelete

Post a Comment

Popular posts from this blog

XPATH and XPATH Expressions In XMLLINT

XPATH And XPATH Expressions Earlier, I told you about xmllint and xmllint for html files .  Let's say you just want to parse the <span> tags within your html file or just your <span lang="el"> tags? Enter:  Xpath. Xpath is yet another option available within the xmllint language. Remember, an Xpath is used to navigate through elements and attributes in xml and html documents.  Xpath uses Xpath Expressions to select nodes or node sets within a document. Example 1 .  Looking for all of the <span> tags within an html document. xmllint -- html -- xpath " // span" StedmanLesson10.html xmllint = This tells the command line that we are going to be using the xmllint language. space = because we always have space in between commands -- = Remember, these are the two hyphen-minus characters that we need to tell the command line that we are going to use an xmllint option. html = This is the xmllint option we want to
Post a Comment
Read more

Back To The Basics

Click photo above to see photo clearly  It's Been A LOOONG Minute since I have coded!!   Even so, I decided to give JavaScript another try.  I always seem to do good and then when I get to this one area, I always seem to hit a brick wall.  Well....nothing like getting back up and trying again right?   I decided to try Rithm School's online JavaScript Fundamentals FREE course .  I have never joined their school but their free courses tend to explain things in a way my brain understands it.  💁 To let you know how much I have forgotten in the coding world, I couldn't even remember how to write the basic commands for an HTML document! Yesterday I started the fundamentals free course and I am so glad that I did.  Because of time, I only made it through the JavaScript History and Setup chapter, but that chapter was enough to get my memory flowing again!   It started to feel familiar and I quickly remembered why I enjoyed coding so much.  Yesterday and this morning, I just erased
Post a Comment
Read more

SCP: Secure Copy Protocol

SCP = Secure Copy Protocol.  What is it and why is it important?   SCP provides a secure way to transfer files from one computer to another. For the project that I'm working on, I needed to SCP (send a copy) the XML files, as well as the image files, from my computer to my EC2 Instance (my web server).  Once done,  my teacher was be able to view my work via my website. Here are the steps to do this: 1.  Open two command windows (the program for my computer is called Terminal). 2.  Let's say the file I want to send is called "SallysFirstDate.xml" and it is located in the "tomy" folder.  Here is where that file lives: /Documents/path/tomy/SallysFirstDate.xml I need to first issue the command to "change directory"(cd) through each folder until I reach the folder that my file is located in.   It would look like this: cd /Documents THEN I need to "cd" again into the "path" folder: cd path THEN I need to "c
5 comments
Read more