Week 6

the ridiculous six

MAY 23rd  – 25th

 

During my 6th week as STA I continued my web development project for the university’s Psychology Labs. Using the WordPress Multisite, I drafted a new template for the Developmental Behavior Genetics Lab. Afterwards, I reached out to the client for their approval. Below are some screenshots of my work.

 

 

Developmental Behavior Genetics ~ Original site

 

 

 

 

Developmental Cognitive Neuroscience Lab ~ Church-Lang Final Draft

 

 

 

 

 

Developmental Behavior Genetics ~ Harden Template Draft 01

 

 

 

 

 

Developmental Behavior Genetics ~ Harden Template Draft 02

 

 

 

 

Client Email 

 

 

 

 

I also completed the CSS Box Models chapter from Interneting is Hard.

 

Hello and See y’all laits-ter!

 Xin chào và Hẹn gặp lại!

Sophomore has been one of the best year of my life for a lot of reasons.

1. I travelled to so many places and tried out so many good food for the first time. I went to California visiting my brother at Berkeley and tried out so many Vietnamese restaurants. I visited my sister at TCU and tasted even more Vietnamese food there including phở, spring rolls and fried rice. I went to Chicago for the first time in Spring break and ate deep dish pizza. (So cheesy, creamy and crunchy)
2. I moved to West Campus and felt more at ease with the new place. The dorm was so small and chaotic. I never felt like coming back to the dorm like the way I want to come back to my own apartment. There is a feeling of home that I cultivate in my apartment which makes me want to come back and relax.
3. Last but not least, I got a job at LAITS.

My second half of my freshman, I was overwhelmed and did not know how to balance my time between school and other commitments; that’s why I quitted my job as an event staff for Parking and Transportation.Moving to my sophomore, I was clueless about what I want to do with my life. Getting a job here has been one of my defining moments in my second year of college.

However, LAITS offered me an opportunity to learn and grow. At LAITS, I built up my skills slowly with GRAV. My first ever project is Exposure Therapy Lab. I remembered that I felt so overjoyed when I worked on my first task which is fixing different small tasks like moving an item in the navigation down a level and moving a whole section of images of researchers to a whole new different page. Then, the difficulty of the tasks increased with each project. My favorite project is the Master of Arts in Economics. In this project, I managed to design and build a whole WordPress website. I have overcame a lot of hurdles along the way in undertaking this project. However, I pushed through with researching and asking questions from other STAs and supervisor. Maybe, this is what I want to do. Always figuring out the problem and solving it. Always learn and apply what I absorbed. Plus, I will not forget to ask for help if the tasks are too hard. In the last few days, I can see how much I am familiar with WordPress, Grav and Figma to the point that I can train others.

I am excited for the new beginning with the next semester when I can bear more responsibilities.

 

Future?

The summer looks very exciting for me.

Last summer, I had so much quality time with my family. However, I felt like I was not very productive and did not learn as much as I want to. Therefore, this summer, I wanted to take on more opportunities.

1. Business Development Student: I will work on the development and launch of UT Discovery Connect, an opt-in web-based directory for UT researchers to share their capabilities with potential research or business. I will prepare draft researcher profiles and communications. In this job, I will need to research and write up a lot of profiles for researcher. The duties of the job can also expand with managing the WordPress sites in which I know LAITS fully prepared me for this.
2. Front-End Engineer Internship at Claudius Legal: I am so glad that I got the internship even though I applied really late. I will work on the design and development of the product with the company. The job relied heavily on front-end skills like Figma, HTML, CSS, JavaScript and also some back-end knowledge with Django. I know that I need to catch up on Django since it is a new framework for me. Regardless, I am excited to grow and build some stuff. LAITS equipped me with necessary design and coding skills for the job!

Moreover, actually, before I undertook these two jobs. I will go to Philippines for a mission trip of my church. I am extremely ecstatic because I will grow spiritually and explore a brand new countries with other brothers and sisters in Christ. I really pray that this will give me more clarify about what I want to do.

 

This year would not be the best year without all of y’all. This is my thank you note to every single one of you. Thank you for being a part of my STA journey. 

Thank You Note

Stacy: Thank you for being such a patient and excellent teacher. I learned so much about web development and front-end engineering from you. The way you explain is very clear, and the expectation is laid out very comprehensively regarding the tasks I need to complete. I grow with this position because of all of the assigned projects and your superb teaching. Thank you and I look forward to even more learning from you.

Valerie: Thank you for being such an amazing supervisor. You always make the office feel like a cozy environment. I really appreciated your effort in getting to know all of the STAs. I am also very happy that I got to share the Vietnamese culture with you. You have inspired and taught me a lot regarding management and design. I really want to see how I can grow even more next semester under your supervision.

Maddy: You are truly a talented designer. I got to see how I can design a wireframe and then translate that into Figma prototype. The process is broken down very clearly with your guidance. I love every minute of working on the design and the Figma interface. I am more comfortable with designing on Figma and can’t wait to learn and apply that in upcoming projects.

Marianne: Thank you! You are always fast with your response whenever I have questions regarding WordPress, terminal or coding in general. You are always very patient and clear with your instructions. Because of your teaching, I can navigate WordPress interface with my eyes closed (jk but you know what I mean). Look forward to even more collaboration with you on projects or just learn more from your work ethics and mindset.

Marissa: Can’t believe we are in the same Art History class. You are one talented Design STA. I really love your logo design and your way of thinking in choosing the logo. You are always cool and calm. Love to see how you can grow further in your position here as an STA.

Lorena: Hey! Hope you have a great time in LA with your internship and courses. I know you will do amazingly there given your skills and experience. You have been working on a wide range of projects that require a broad skill scope. I truly admire your talent and your design mindsets. I don’t know if I will meet you again, but regardless, I hope to see you grow and apply your skills in your future job. I love the Instagram stories that you post about the design process of characters. It was very entertaining and inspiring.

Carrie: 你好! It has been truly a pleasure to get to know and work with you during this year. You are amazing with your skills and a cool person to work with. I hope everything will work out for your future. If I get to visit China, I will surely hit you up first to be my tour guide. From your project and STA presentation, I got to learn about UI/UX process and strengthen my knowledge in class. Thank you for working on Friday and make Friday shifts become so much fun.

Leilani: Wasssup! Thank you for letting me borrow your EGG. It was truly eggcellent to hold onto the stuffed animals whenever I am stressed. Coding is very stressful sometimes, especially when the code works 5 mins before but now the program broke. You are a caring and amazing designer/manager. It is my privilege to see how you can grow from a designer to a manager with tons of Excel files. I can see the impact from De’sha Bass-McClellan carrying onto you. Can’t wait to see you grow even more next semester.

Louisa: Wow! I never know you are Liverpool Fan and has an amazing Instagram art account. It has been really nice knowing and working alongside with you in the office for the past year. You are very knowledgeable with design, history and everything in between. You showcase a unique work ethics and demonstrate a set of desirable skill that future employers will compete with each other to have you. Although it’s sad that we will not work together anymore, the impact you have in the office will always be here and carried on. Please visit LAITS anytime you come back to Austin.

Adrian: You are amazing manager and designer. I love how you are always chilled and make other people feel relaxed when talking with you. It has been a fun time working with you. Even though we never work on a project together, I know you are talented and versatile with different softwares and application. You are gifted with a design mindset and I am ecstatic to witness your development in your job upon graduation. So sad I cannot see you anymore but please keep in contact.

Daniella: Hi! It has been my pleasure to know you. The world is truly small when my roommate also know you though Guadaloop. From my roommate, I already know you are one talented and experienced back-end and system developer. But through STA position, I can see how you are a superstar. You learned and adapted to new environment fairly quickly. I believe that it is your innate talent coupled with your hustle mindset that enables you to absorb knowledge at this fast pace. I know wherever you go, you would be appreciated because of your work ethics and professionalism. It’s sad that we will not see each other next semester but we may cross path and I will be so amazed at who you have become!

Isaiah: Welcome to the team! I know it has only been few months, but we talked a lot during this time. I hope you can grow further and learn so much about web development during this summer. I believe at the end, you will know about the inner working of WordPress and why web development is so cool! Next semester, I am excited to do more projects with you!

 

 

Week 26

STA Project: Google Analytics for GRAV sites

Started on: May 3, 2023

Completed on: May 4, 2023

Description: This project is a continuation of previous work on Google Analytics area. I was tasked to linked Google Analytics Tag into the Grav sites in order to analyze and track data. This is something new that I get to experiment and try out.

First thing first, I looked up different plug-ins. There are two available plugins that help with this task. The names are pretty similar to each other. Upon examining the version number to see which one is recently updated, I went with one of the plugin created by John Linhart. However, this plugin doesn’t transfer the data to the GA account although the tracking code is added to the website. Therefore, I went with the other one. It worked out well, and the all of the tracking data successfully displayed onto the GA-4 account. At a lot of points in this experimenting process, I was frustrated especially at first the data was not displayed even though everything has been set up correctly (the tracking code is added onto the main page of the website).

In the worst case scenario, I would have went with the basic approach that is built upon the fundamental understanding of linking GA account to a website. The approach consists of attaching the JS code for GA into each page of the site. With this way of doing, I need to find a place where I put all of the code onto the website.

STA Project: Google Analytics for Multi-Site

Started on: May 4, 2023

Completed on: May 4, 2023

Description: This project is another project where I need to install GA-4 onto a website particularly all of sites in the multi-site.  In undertaking this project, I need to examine the structure of the multi-site and all of the small sites within it. Then, I need to see how the Site Kit plugin can install onto the multi-site and link to the GA-4 account. It turns out that the Site Kit cannot be set up with each individual site but only to the main site. Moreover, I noticed that there is already GA account linked to this website, but there is no SiteKit plugin. It means that someone has already hooked the GA account to the website by other plugins. After reporting this to Stacy, Stacy scrolled through the list of plugins and found that there was one which is called LAITS Analytics. The funny part is that it was created by none other than the man himself Stacy. After looking at the plugin, the task becomes much more clear in which I just need to add GA-4 JS code upon the UA code.

 

 

 

Week 25

STA Project: Google Analytics

Started on: April 25, 2023

Completed on: April 26, 2023

Description: For this project, I helped set Google Analytics for site that doesn’t have one. 

1. Set up GA and UA account in Google Analytics as a property of Small Sites in LAITS CMS
2. Then, I link this GA and UA account to Site Kit.
3. Sometimes, the screen loads for too long. -> This is a problem with my browser.

STA Training: Training with Isaiah Thomas

Started on: April 27, 2023

Completed on: April 27, 2023

Description: For this project, I helped Isaiah with his WordPress cloning process. 

1. Navigate through the interface of WordPress
2. Clone WordPress and migrate the content from the old site to the new one
3. Quick walkthrough HTML, CSS and JavaScript.

 

Week 15

Web Migrations Done?

Continuing on what I have been working on for the past few weeks, I wrapped up on two migrations of psychology labs. These are results:

 

 

 

Notice how I didn’t say these were the final results, because they are actually not. The purpose of these web migrations are to offer the client a new website template with the previous content already on so that they don’t have to go through the hassle of moving everything themselves. This wonderful base template that Marianne created allows for the clients to make changes and edits easily! However, since this template is the same for both websites, I took some of the designs and logos of the previous sites and added them into the new template.

 

Below are some of the assets cleaned up from the websites. Using my limited design skills, I used a combination of Figma and Procreate to obtain these. The Church-Lang assets were created by taking separating the two elements (head and rainbow thing). I used a white pen brush on Procreate to remove the overlap with the colorful brush design element. For the rainbow brush design, I removed the very leftmost part of it and re-drew the stroke with a brush switching colors to gradually get a green to gray gradient. For the molecule(?) design, I used ellipses and rectangle boxes to recreate it.

 

I though the Buss Lab Logo would be the most challenging to recreate (for me) since I could not access the elements of the template in the original Buss Lab website. So I took a screenshot of the logo and opened it in Procreate. I add a transparent layer on top of it and began tracing the bird with a gray pen. Lastly, I free drew the grass surrounding the bird.

Church-Lang Lab Logo + additional assets

 

 

before

after

Buss Lab Logo

before

after