• We are STAs
    • Daniela Caballero
    • Leilani Cabello
    • Lorena Chiles
    • Marissa Devivar
    • Luisa Matzner
    • De’sha Bass-McClellan
    • Adrian McKee
    • Thang Truong
    • Carrie Wang
  • We were STAs
  • STA Presentation
    • STA Presentation 2017
    • STA Presentation 2016
  • Testimonials
  • Resources
  • Home

STA Blog

Michael Lam

Michael Lam

November 14, 2016 By Michael Lam

Stacy and I had discussed opportunities to practice HTML & CSS coding, therefore he directed me to a COLA Lab site and told me to work with WordPress, HTML, and CSS to customize it however I’d like. This was more of a practicing activity as opposed to real deliverable work.

Here is a screenshot of the homepage of the Gonzalez-Lima Lab:

screen-shot-2016-11-14-at-10-18-25-am

We copied over the content into a new WordPress template as a starting point, in which it looked like this:

screen-shot-2016-11-14-at-10-20-48-am

I went into the WordPress and played with the widgets + HTML & CSS, and the resultant work was this:

(Well… I went back to the website and it looks like Stacy worked with Ben on the same practice site, therefore Ben’s work is there and my work is no longer there… 🙁 )

At least here’s a dialogue between Stacy and I on Slack that indicates that I did accomplish something…

screen-shot-2016-11-14-at-10-29-22-am

 


 

After that, Andre and I had a lengthy meeting regarding the COLA Website redesign – a massive project that will likely take many months if not longer to fully complete. The desire is to redesign the UI/UX of the entire COLA web space, such that the COLA faculty presence becomes much more robust and attractive. We’re in the very beginning stages of this project currently, however Andre gave me the action item of reaching out to the site’s strongest users – the site admins – and getting feedback from them.

screen-shot-2016-11-14-at-10-37-23-am

There are 86 departments in COLA, with 2 website admins each. I’ve been using the Cascade CMS to obtain current site admin contact information and contacting them in order to either verify that they are still site admins or to acquire new site admins because there happened to be none listed in the specific department in the CMS. This task has been what I’ve worked on for the past 2 weeks, and will be what I continue working on this week.

This task is not at all visual but rather very communication-based. Back-and-forth, I’ve had at least 200 emails sent or received so far.

 


 

In the thick of this, last week Suloni gave me the task of creating a banner for NAIS.

(2 versions)

nais_emailbanner_graybg nais_emailbanner_whitebg

https://sta.laits.utexas.edu/18686-2/

Filed Under: 2016 - 2017

October 10, 2016 By Michael Lam

These past two weeks haven’t been as busy as previous fortnights have been.

After finishing up the HTML & CSS tutorial that Stacy sent my way, I began to work on coding up some of the designs that I created in Photoshop earlier.

In Photoshop:

screen-shot-2016-09-20-at-12-48-43-pm

Live on the website:

screen-shot-2016-10-11-at-10-14-56-am

The CSS I coded:

screen-shot-2016-10-11-at-10-22-03-am


(Unused design)

In Photoshop:

screen-shot-2016-09-11-at-12-25-58-pm

Live on the website:

tbh-texas-paco-mock-upThe HTML/CSS I coded:screen-shot-2016-10-11-at-10-31-46-am


I also finished up the Cascade training:

 

screen-shot-2016-10-11-at-10-35-36-amscreen-shot-2016-10-11-at-10-37-08-am

screen-shot-2016-10-11-at-10-39-22-am

screen-shot-2016-10-11-at-10-40-17-am

screen-shot-2016-10-11-at-10-41-29-am


Lastly, Patricia gave me some training items for creating Canvas graphics in Photoshop for some of the online courses that LAITS manages.

Button graphic:

button_master

Preroll graphic:

precredit-roll

Credit roll graphic:

credit-roll

Master Powerpoint slide graphic:

master_ppt-title-slide

Canvas course graphic:

center-photo-graphic

https://sta.laits.utexas.edu/18365-2/

Filed Under: 2016 - 2017, Uncategorized

End of September

September 26, 2016 By Michael Lam

I am beginning to get into coding work as an STA, so I spent one week going through an HTML/CSS tutorial online (http://learn.shayhowe.com/html-css/). It was quite a lot of information and a lot of work to follow along, but I’m happy with the final product.

Here are screenshots of the project website at various points from scratch to final product:

 


Getting to know HTML

screen-shot-2016-09-26-at-10-36-50-am


Getting to know HTML

screen-shot-2016-09-26-at-10-34-45-am


Using the Box Model

screen-shot-2016-09-26-at-10-35-48-am


Positioning Content

screen-shot-2016-09-26-at-10-23-09-am


Working with Typography

screen-shot-2016-09-26-at-10-24-29-am


Setting Backgrounds & Gradients

screen-shot-2016-09-26-at-10-25-26-am


Creating Lists

screen-shot-2016-09-26-at-10-26-16-am


Adding Media

screen-shot-2016-09-26-at-10-27-02-am


screen-shot-2016-09-26-at-10-30-31-am


Organizing Data with Tables

screen-shot-2016-09-26-at-10-31-46-am


Adding Media

screen-shot-2016-09-26-at-10-32-35-am


Building Forms

screen-shot-2016-09-26-at-10-33-09-am


Here is a screenshot of a snippet of the code (HTML & CSS) that produced the above webpages:

code-screenshot


Two weeks ago, Andre gave the new STAs a tutorial on Cascade, the CMS that the College of Liberal Arts uses. We’ve been assigned Cascade training in order to help familiarize ourselves with the system.

 

screen-shot-2016-09-26-at-10-43-57-am

screen-shot-2016-09-26-at-10-46-16-am


I also created a quick mock-up of another possible design of the Texas Beyond History Trans Pecos webpage in Photoshop.

 

screen-shot-2016-09-20-at-12-48-43-pm


After finishing the HTML/CSS tutorial, I’m now working with Stacy to begin writing the HTML/CSS for some of the Texas Beyond History webpage mockups that we’ve been creating over the past two weeks.

 

tbh-texas-paco-mock-up

Filed Under: 2016 - 2017

First 2 Weeks as an STA

September 11, 2016 By Michael Lam

I’ve just completed my first two weeks as a Student Technology Assistant for UT LAITS. Here are some of the projects and tasks that I’ve been working on:
screen-shot-2016-09-02-at-12-20-23-pmscreen-shot-2016-09-02-at-12-21-51-pm

For the Texas Beyond History project, I went through the Coastal Prehistoric site (Lay of the Land) and edited the HTML in order to transfer the old TBH website’s content to the new TBH website.


 

screen-shot-2016-09-02-at-12-16-28-pm

I also went through the South Texas Plains map on the old TBH website and obtained the XY coordinates of all squares, circles, and triangles. The data gathered will be used to pinpoint the locations on the South Texas Plains map on the new TBH website.


 

screen-shot-2016-09-07-at-12-23-22-pm screen-shot-2016-09-07-at-11-18-08-amI’ve done some work on the Texas Pacos Mountains & Basins page as well. I reformatted the circle links in Ancient Places such that when clicked upon, they no longer create pop-up windows (as the old TBH site did) but rather the content pops up underneath and on the same page.


 

screen-shot-2016-09-11-at-12-25-58-pm

The user-interface of this new layout wasn’t good, so I went into Photoshop and drafted a mock-up of a design that Suloni, Ruben, and I discussed might be a good option.


 

screen-shot-2016-09-11-at-12-38-40-pm

Lastly, some ID processing!

Filed Under: 2016 - 2017

Publishing the Blog Banner

August 30, 2016 By Michael Lam

I just finished STA Orientation!

Filed Under: 2016 - 2017

link to LAITS home page

Video STA Home

© 2023 Liberal Arts Instructional Technology Services | Production Credits