Week 7: Day 2 of Work Experience at LIT
Week 7
Day 2 of Work Experience at LIT
Camtasia video:
Email from Stephen yesterday, working on "Large File Transfer" Video. This process of transferring large files by email, can be carried out using "Filesender," which is a HEAnet resource.
Script complete from last week, ready to record today.
Video draft on "Large File Transfer" recorded using "Camtasia" software this morning.
Kiosk Website:
Researched a basic responsive design template using Bootstrap, studied this and its design code. Removed all elements not in the plan for this website and tailored those to be kept using HTML5 code and CSS3 styling.
From the pages I set up yesterday, I have put all navigation links in place, in the navigation bar, for each index.html page.
Added internal links within the pages with many options for users in terms of ease of selecting links for good UX/UI design. Here the home page consists of six cards which link to the main pages of the website. Each has a title an image and descriptive text, all which have clickable anchor links.
I set up an external style CSS page and linked it to all the website pages. I styled things like referring to the above, anchor links for: on-hover, on-click, visited, not visited, using colour indicators; headings <h1>, <h2>, <h3>, <h4>; jumbotron; logo; <div>; classes etc.
I set out the layout and content type for pages: Staff videos, Student videos, Frequently Asked Questions (FAQ's), Contact details page, and styled same in CSS style sheet.
Added a marquee between the <body> and <footer> with the required text "Produced by the Computer Services Department." In the CSS style-sheet, I set an small <em> font-size with colour dark-blue. This text as a marquee travels across the page in a looping process. It draws attention to the message, yet does not take emphasis from the other content.
I looked at using "modals" for interactive information display.
Article read today:
Main points:
Day 2 of Work Experience at LIT
Camtasia video:
Email from Stephen yesterday, working on "Large File Transfer" Video. This process of transferring large files by email, can be carried out using "Filesender," which is a HEAnet resource.
Script complete from last week, ready to record today.
Video draft on "Large File Transfer" recorded using "Camtasia" software this morning.
Kiosk Website:
Researched a basic responsive design template using Bootstrap, studied this and its design code. Removed all elements not in the plan for this website and tailored those to be kept using HTML5 code and CSS3 styling.
From the pages I set up yesterday, I have put all navigation links in place, in the navigation bar, for each index.html page.
Added internal links within the pages with many options for users in terms of ease of selecting links for good UX/UI design. Here the home page consists of six cards which link to the main pages of the website. Each has a title an image and descriptive text, all which have clickable anchor links.
I set up an external style CSS page and linked it to all the website pages. I styled things like referring to the above, anchor links for: on-hover, on-click, visited, not visited, using colour indicators; headings <h1>, <h2>, <h3>, <h4>; jumbotron; logo; <div>; classes etc.
I set out the layout and content type for pages: Staff videos, Student videos, Frequently Asked Questions (FAQ's), Contact details page, and styled same in CSS style sheet.
Added a marquee between the <body> and <footer> with the required text "Produced by the Computer Services Department." In the CSS style-sheet, I set an small <em> font-size with colour dark-blue. This text as a marquee travels across the page in a looping process. It draws attention to the message, yet does not take emphasis from the other content.
I looked at using "modals" for interactive information display.
Article read today:
Main points:
Voice search which is growing as a search method is often
based on conversational speech. Due to this website developers must expand
their marketing keywords to include and maximize on the use of questions and
phrases to attract their target audience.
User intent, is the “why” of what a person is searching for
and this a developer can use to identify their audience personas. In this
article, there is the following graphic called Hubspot’s methodology,” which
shows the stages of design that corresponds with the stages of user intent.
Another key action is to do a search on key terms to see the
significance that Google attaches for that keyword/query etc.
Focus on the user: here the emphasis is on
focusing on how the website content is valuable to and completes the journey
for the user, rather than the main focus being on developing keywords
separately. It is this valuable content that LSI, Hummingbird and Rankbrain rank
for.
The following are screen-shots of some important information
in this article:
ATOMI Active Presenter Software:
I watched several Atomi tutorial videos. This software has similar functioning objectives as the Camtasia software I am currently using, however, the methods, processes and procedures differ to achieve same.
One of its greatest aspects from the export video tutorial I watched is its exporting range and capacity, of note for LIT is that it is SCORM compliant which means it can be linked to Moodle and quite easily.
Next tutorials to watch are on the "Interactive" features and how to use these with this software to make such products as quizzes.
Plan for tomorrow:
- Camtasia video
- Kiosk Website
- Read an IT article
- Watch ATOMI tutorials
Comments
Post a Comment