• We are STAs
    • Asha Rountree
    • Haley Ma
    • Isabella Melendez Gonzalez
    • Julie Brandt
    • Kate Shih
    • Kyra Lee
    • Nicholas Peasley
    • Sasha Kenney
    • Shanda Horm
    • Shriya Atreya
    • Tomas Marulanda-Mesa
    • Trisha Darure
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Nutrition Education Infographics

January 23, 2020 By Abriella Corker

INFOGRAPHS

Project: Nutrition Education Infographics

Client: Marissa Duswalt Epstein – Lecturer and the Director of The University of Texas Nutrition Institute

Completion status: In progress

Description / plans: Create info graphs to be used in her nutrition handbook. The first assignment is to create an info graph based off of a design brief before starting on graphs for the handbook to establish a sense of style for the overall look in accordance with the styling of the handbook.

 

These are the rough sketches for the layout of the design brief. It is a comparison chart of calorie density to water content based on a certain volume of a type of food. I drew these out a Thuy then made edits on AI while I helped her make decisions on the type of edits to make within the file.

 

 

Here is the first graph that Thuy put together based off of my third sketch above. We are waiting for the client to provide feedback on what she thinks of the design. It is very simplistic to not distract from the information trying to be conveyed through the graph and the text that would be on the handbook. We based the look off of the design guidelines and the appearance of the handbook. Thuy added these icons to make the graph appear more visually appealing and less plain.

 

Filed Under: 2019 Fall-Winter | Spring-Summer 2020, Uncategorized

Sheryl Long 2020 Orientation

January 17, 2020 By Sheryl Long

Hi Sheryl!

During the later part of your STA Orientation Tuesday, January 21st,
you’ll design and upload your STA Blog banner to the STA blog.

Upload a Blog Banner


Step One:

Design and Make Your Banner in Photoshop

  • Use the Photoshop specs for your blog banner that I placed in your STA volume folder
    • Left-click on the home screen,
    • the press command + k to connect to server
    • smb://file.laits.utexas.edu/sta/Sheryl Long/Orientation
  • Save your unmerged files back to your STA volume folder

Step Two:

Log-in to the STA word press blog:

https://sta.laits.utexas.edu/wp-admin

Uploading media and banners in WP

  • Read these links before you upload your banner.
  • They will walk you through how to upload media to your blog.

https://sta.laits.utexas.edu/wp-admin/admin.php?page=wp-help-documents&document=115

https://sta.laits.utexas.edu/wp-admin/admin.php?page=wp-help-documents&document=18881

Make Your First Blog post


  • Reflect on the day. You blog posts will be a documented experience of your time as an STA with LAITS. Include links, images, gifs–anything you want to share about the projects you’re working on.
  • For today, write a bit about about yourself and what you did during orientation.
  • If you haven’t already, upload your banner.

Things to Remember


Image Specs.

  • You should never copy and paste images to your blog. Always upload images into the “Media” section of blog first, and then insert the image from the media folder to display on your blog.
  • Don’t use the thumbnail version of your images.
  • Use images that are 72 dpi
  • Screen shots are fine
  • Images that are 780 pix wide format nicely above or below text blocks

Always Categorize Your Posts

  • Always check the category “2019 Fall-Winter | Spring-Summer 2020” for all the blog posts you make this semester and next semester so that all of your work is documented in the correct semesters.

Commenting on Basecamp

Notification comments: etiquette, files, questions, feedback

Let us know when you’ve completed this task by adding a link to your blog to a comment on Basecamp.
Notes for all comments in Basecamp:
  • *Always address the person(s) you are writing to by their names.
  • *Always use complete sentences.
  • *Always add links or paths to your design file residing in your STA folder
  • *make things easier for your collaborators and mentors by adding a screenshots of the file you are asking for feedback on to your comment
Notify people in Basecamp by adding “@” before their names (no spaces), otherwise they may not see your comment.

“@” your STA mentor and Suloni in your comments when you want to:

  • ask us questions you may have about the mechanics of using the STA blog,
  • about the mechanics of photoshop,
  • to let us know that you have completed this task,
  • or that you would like a little feedback on on your banner design 🙂

Thank you & have fun!

Filed Under: 2019 Fall-Winter | Spring-Summer 2020, Uncategorized

Last Day Post

December 6, 2019 By Olivia Wilczek

Last Day

Today is my last day as an STA! It’s been quite the journey and I’m so thankful to look back on this experience. The past year marks a truly transitional time in my life; leaving a corporate position, returning to school and discovering design as a future career path. I wouldn’t have made it this far without the influence and encouragement from Suloni and all of you guys. Thank you thank you for teaching me about graphic & web design! I will carry all of your lessons with me into graduate school and my pursuit to become a product designer.

It’s been a wonderful time working with you and I will truly miss everyone’s energy in my day to day.

Keep in touch! 🙂

 

Olivia

 

Filed Under: Uncategorized

H5P Interactive Videos for COERLL

November 20, 2019 By Jake Engelberg

H5P Interactive Videos for COERLL

I’ve begun work on a new project for COERLL, moving to convert old flash interactive videos into a new H5P version. The code for interactivity is there, but subtitles and links need to be implemented. As for subtitles, the files need to be converted into a different extension, and styling will need to be applied to each line. For links, however, there is no file format that H5P’s Interactive Videos uses, so these must be placed manually. Python scripts will be able to fix the subtitles, and speed up the link creation.

I’ve first begun work on the links, which are contained in an .xml file like so:

And I’m parsing the file and reorganizing the contents into a way that is more easily readable and copiable as I place the links.

I still need to reroute them to an actual file, have it automatically parse all files in a directory, and cover all colors for text. After this I’ll work to fix the subtitles, which should be around the same difficulty. Here’s the code for the links so far, not clean and has some useless code in it:

Filed Under: Uncategorized

Hebrew Flash Conversion Update

November 13, 2019 By Jake Engelberg

Hebrew Flash Conversion Update

I’ve now got access to a list of extracted flash interactives for the Hebrew site. This removes and human error that would come from manually scraping the page. It turns out there are around 100 flash interactives. However, most of these are multi-paged, and that isn’t something that Canvasser can natively handle (pages must be stacked manually by the user). It’s with this in mind and the complexness/repetitiveness of certain interactives that I’ve decided to take a deep look at all interactives and decide how they should be created.

 

I’m keeping a few things in mind:

  • Which creation tool the interactive’s format most closely matches (The two other creation methods are Quia flashcards and Quia multiple choice)
    • If it is to be created in Quia, is there a loss of cohesion, style, or formatting?
  • Difficulty to create in Canvasser
  • Potential to split an interactive between parts

 

It ends up being that many modules could be created in Quia (thanks to talks with Kevin), and it stands to be said whether using these tools instead will hinder the original goal of the interactive. This is why Canvasser is the best option disregarding creation, because it can replicate the interactive almost completely. However, they can become fairly difficult to create as each page complicates and the number of pages increases.

Filed Under: 2019 Fall-Winter | Spring-Summer 2020, Uncategorized

Institue for Historical Studies Suffrage Poster

November 6, 2019 By Jake Engelberg

Institute for Historical Studies Suffrage Poster

I was tasked with creating a poster for the Institute for Historical Studies, who are hosting a talk to commemorate 100 years since the 19th amendment.

 

There were a few challenges:

  1. Lots of text of different types was to be included.
  2. The tone of the talks were not positive.
    1. However, I want to portray the talks as critical of the past, but not intensely anti-American.
    2. A critical tone is hard to portray within a poster, especially given an image of the side the talks support (not the opposition one is being critical about).

 

My first draft, in an effort to make the different varieties of text easy to distinguish and read, used gradient blocks. However, this ended up actually being confusing to read, and it wasn’t very visually appealing.

The hours I spent with the text, though, rearranging it in different ways, eventually enlightened me to the point where I could see a simple way to organize the text which was still unique. In the end, I was able to insert many elements of design that I enjoy using in my own work: blocky highlighting, faint patterns in the background, and distorted text. The distorted text in particular was actually suffrage posters’ text extracted from photos. The distortion offers a darker, historical tone, which luckily came from the poster creators themselves rather than my own editing (which is a false visual narrative). I really like the end result. Special thanks to Jaclyn for helping touch up elements of the design, such as creating larger negative space to frame the text, and decreasing the size of the colored pattern to remove unwanted attention.

 

Filed Under: 2019 Fall-Winter | Spring-Summer 2020, Uncategorized

  • « Previous Page
  • 1
  • …
  • 36
  • 37
  • 38
  • 39
  • 40
  • …
  • 92
  • Next Page »

link to LAITS home page

Video STA Home

© 2026 Liberal Arts Instructional Technology Services | Production Credits