Johnllopez Week 4

From LMU BioDB 2017
Jump to: navigation, search

Electronic Notebook

Preparing to Work

In class, my partner Dina Bashoura and 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.

Wrapping it Up

After adding the text given from Dina, and making sure the page was properly formatted, her and I met on campus on Monday, September 25, to finalize the page.

The Final Product

Here is the finished file.

Acknowledgements and References

Acknowledgements

I worked with my partner Dina Bashoura in class. We decided on our gene and decided how we wanted this organized. On Sunday we FaceTimed to construct the website, where we finished most of it. Furthermore, on Monday, we met up to look at the web page in person and submit it. While I worked with the people noted above, this individual journal entry was completed by me and not copied from another source.

Johnllopez616 (talk) 22:39, 25 September 2017 (PDT)

References

*Emw. (2009, December 15). Protein ADH5 PDB 1m6h. Retrieved from https://upload.wikimedia.org/wikipedia/commons/a/a5/Protein_ADH5_PDB_1m6h.png
*ADH1. Saccharomyces Genome Database. Retrieved September 24, 2017, from https://www.yeastgenome.org/locus/S000005446#interaction
*ADH1 alcohol dehydrogenase ADH1 [Saccharomyces cerevisiae S288C] – Gene'. NCBI. Retrieved September 24, 2017, from https://www.ncbi.nlm.nih.gov/gene/854068#genomic-context
*Transcript: ADH1. Ensembl. Retrieved September 24, 2017, from https://www.ensembl.org/Saccharomyces_cerevisiae/Transcript/Summary?db=core%3Bg 
*Alcohol dehydrogenase 1. UniProt. Retrieved September 24, 2017, from http://www.uniprot.org/uniprot/P00330
*Using "Collapse". Bootstrap. Retrieved September 24, 2017, from  https://getbootstrap.com/docs/4.0/components/collapse/
*Using "Navbar". Bootstrap. Retrieved September 24, 2017, from https://v4-alpha.getbootstrap.com/components/navbar/
*Using "Tables". Bootstrap. Retrieved September 24, 2017, from  http://getbootstrap.com/docs/4.0/content/tables/
*LMU BioDB 2017. (2017). Week 1. Retrieved September 24, 2017, from https://xmlpipedb.cs.lmu.edu/biodb/fall2017/index.php/Week_4


Individual Journal Entries and Assignments

Class Assignments

Class Weekly Journal Entries / Project Weekly Journal Entries

My Page

Retrieved from "https://xmlpipedb.cs.lmu.edu/biodb/fall2017/index.php?title=Johnllopez_Week_4&oldid=1912"