Difference between revisions of "Johnllopez Week 4"

Revision as of 02:48, 26 September 2017

Electronic Notebook

Preparing to Work

In class, my partner Dina Bashouraand I decided to go with the gene ADH1 because of its purpose in alcohol fermentation. Furthermore, we decided to complete our assignment through the use of FaceTime on Sunday, September 24th, 2017. Dina would perform the research necessary to fill the page with content, and I would develop the page itself.

Before we met on FaceTime, we did some organization of how we wanted the page to look and how we wanted to display our content. We decided to go with a top-down style, with most of the information being displayed in an accordion. This idea came from inspecting the Bootstrap documentation, in particular the following page:

https://getbootstrap.com/docs/4.0/components/collapse/

When it came to importing content, we decided that Dina would send me the text that she compiled on her computer via facebook, and I would paste that content into the HTML.

Setting up the Page

The first thing I did to set up the page was create a title that would display the name of our gene, no matter where in the page you were. I used the following page to figure out how to set it up :

https://v4-alpha.getbootstrap.com/components/navbar/

Shortly after, I was able to get the template for the accordion set up on the page. This was done using assistance from the link in the link from the "Preparing to work" section. Then, I created an accordion necessary for each of the questions.

Filling the Page Up

While I was constructing the skeleton of the page, Dina was performing the research necessary to fill up the page. I decided that the best way to display some of the information she gave me through a table. Using what I knew about tables from basic HTML, combined with the information from the following page, I successfully created tables within the accordion for the "About ADH1" and the "Gene ID" section.

http://getbootstrap.com/docs/4.0/content/tables/

When I was presented with the information for the DNA and Protein structure, I noticed that simply displaying the letters would be very unorganized. Therefore, using what I knew about web development, I decided to change the fonts to be monospace for those specific slides, and it allowed the text to be displayed much easier.

I also decided to include an image on the front of the page. It was a hassle, however, finding said image, and I am still working on it as we speak.

Acknowledgements and References

Individual Journal Entries and Assignments

• Week 1
• Week 2
• Week 3
• Week 4
• Week 5
• Week 6
• Week 7
• Week 8
• Week 9
• Week 10
• Week 11
• Week 12
• Week 14
• Week 15

Class Assignments

• Week 1
• Week 2
• Week 3
• Week 4
• Week 5
• Week 6
• Week 7
• Week 8
• Week 9
• Week 10
• Week 11
• Week 12
• Week 14
• Week 15

Class Weekly Journal Entries / Project Weekly Journal Entries

• Class Weekly Journal 1
• Class Weekly Journal 2
• Class Weekly Journal 3
• Class Weekly Journal 4
• Class Weekly Journal 5
• Class Weekly Journal 6
• Class Weekly Journal 7
• Class Weekly Journal 8
• Class Weekly Journal 9
• Class Weekly Journal 10
• Class Weekly Journal 11
• Project Journal Week 12
• Project Journal Week 14
• Project Journal Week 15

My Page

• My User Page