Cwong34 Week 7 - Revision history

Cwong34: Added file

2017-10-17T04:29:58Z

Added file

Cwong34: Added to references

2017-10-17T04:19:25Z

Added to references

Cwong34: Added to Web API Preview

2017-10-17T04:02:31Z

Added to Web API Preview

Cwong34: Added to Web API Preview

2017-10-17T03:55:46Z

Added to Web API Preview

Cwong34: Added to Web API Preview

2017-10-17T03:37:39Z

Added to Web API Preview

Cwong34: Added section to electronic notebook

2017-10-17T03:22:20Z

Added section to electronic notebook

Cwong34: Added to electronic notebook

2017-10-17T03:04:25Z

Added to electronic notebook

Cwong34: Edited format

2017-10-17T02:49:55Z

Edited format

Cwong34: Edited electronic notebook format

2017-10-17T02:46:26Z

Edited electronic notebook format

Cwong34: Edited electronic notebook

2017-10-17T02:42:59Z

Edited electronic notebook

@@ Line 1: / Line 1: @@
 =Enhanced Favorite Gene Page=
-[insert .zip file]
+[[Media:Spt15.zip|Our Webpage File]]
 =Electronic Notebook=

@@ Line 102: / Line 102: @@
 =References=
 #LMU BioDB 2017. (2017). Week 7. Retrieved October 10, 2017, from https://xmlpipedb.cs.lmu.edu/biodb/fall2017/index.php/Week_7
 {{cwong34}}
 [[Category: Journal Entry]]

@@ Line 92: / Line 92: @@
 ==Adding Web API Preview==
-We copied the ajax-starter file into our page's folder and renamed it spt15.js. Then we updated the jQuery script tag in our page to what's in ajax-starter.html and added our new java script source script tag to our page. We added the sections of the databases we wanted (UniProt and SGD) from the spt15.js code to our page.
+We copied the ajax-starter file into our page's folder and renamed it spt15.js. Then we updated the jQuery script tag in our page to what's in ajax-starter.html and added our new java script source script tag to our page. We added the sections of the databases we wanted (UniProt and SGD) from the ajax-starter.html code to our page. We changed the links in the spt15.js to load our gene's page.
 =Acknowledgments=

@@ Line 92: / Line 92: @@
 ==Adding Web API Preview==
-We copied the ajax-starter file into our page's folder and renamed it spt15.js. Then we updated the jQuery script tag to what's in ajax-starter.html and added it to our page.
+We copied the ajax-starter file into our page's folder and renamed it spt15.js. Then we updated the jQuery script tag in our page to what's in ajax-starter.html and added our new java script source script tag to our page. We added the sections of the databases we wanted (UniProt and SGD) from the spt15.js code to our page.
 =Acknowledgments=

@@ Line 92: / Line 92: @@
 ==Adding Web API Preview==
+We copied the ajax-starter file into our page's folder and renamed it spt15.js. Then we updated the jQuery script tag to what's in ajax-starter.html and added it to our page.
 =Acknowledgments=

@@ Line 90: / Line 90: @@
 </figure>
 </nowiki></pre>
 =Acknowledgments=

@@ Line 6: / Line 6: @@
 ==Page Corrections==
 '''Changing uploaded .zip'''
 We changed the originally uploaded .zip, so that when it is opened, it goes to a folder instead of directly to the .html file. We also changed the name from our usernames to the name of our gene, and used all lowercase for our file names.
 '''Adding images to page'''
 We uploaded the images to Atom and inserted their file names into the code for the page, so the images were files instead of URL links.
 '''Fixed gene ID links'''
 We changed the hyperlinks, so when clicking on the gene ID, it goes straight to the gene's page instead of the database's main page.
 '''Adding to compare/contrast'''
 I added more details about what the different databases included for the compare/contrast section.
 '''Fixed references'''
 We fixed the Wikipedia link for first image, using the original Wikipedia page link instead of the Wikipedia file link. We also inserted in-text citations for all of the information on the page.
 '''Spacing text on page'''
 We placed all of the body code into a container, so the text on the page is spaced more in the center instead of right up against the side. To do this, we put <code><nowiki><div class="container"></nowiki></code> at the beginning of the body and <code><nowiki></div></nowiki></code> at the end of the body.
 '''Spacing DNA sequence'''
 We put <code><nowiki><code></nowiki></code> and <code><nowiki></code></nowiki></code> before and after the sequence to automatically line up the text, so it fits nicely in a box.
 ==Enhancing Page==
 '''Installed Node Command Prompt'''
 We typed <code>cd</code> and went to our favorite gene folder. Then we ran the command, <code>npm install</code> and then <code>npm start</code>. Then we connected to the localhost page for our webpage to operate from.
 '''Using flexbox'''
 We placed our in text citations for sections on our page in flex boxes. We entered <code><nowiki><div class="d-flex justify-content-end"></nowiki></code> and then <code><nowiki><div class="p-2>"our citation"</div></nowiki></code>. We closed the rest of the flex box with <code><nowiki></div></nowiki></code>.
 '''Using grid layout'''
 We put our gene's name information and ID's in grids. To do this, we entered: <pre><nowiki><div class="container">
    <div class="row">
@@ Line 38: / Line 56: @@
    </div>
 </div></nowiki></pre>
 '''Adding collapse elements'''
 We put our DNA and protein sequences in collapsing paragraphs with a link for the DNA sequence and a button for the protein sequence. To do this, we entered:
 <pre><nowiki>

@@ Line 20: / Line 20: @@
 We put <code><nowiki><code></nowiki></code> and <code><nowiki></code></nowiki></code> before and after the sequence to automatically line up the text, so it fits nicely in a box.
 ==Enhancing Page==
-===Installed Node Command Prompt to Terminal===
+===Installed Node Command Prompt===
 We typed <code>cd</code> and went to our favorite gene folder. Then we ran the command, <code>npm install</code> and then <code>npm start</code>. Then we connected to the localhost page for our webpage to operate from.
 ===Using flexbox===