This site groups aggregation provides feeds for a Library currated list of Caltech division and research groups with content in one of our repository systems. Each group page may include group description, active date(s) as well as of list of thesis and disertations associated with the group and content found in CaltechAUTHORS and CaltechDATA. If your group is not listed and you think it should be please contact a Caltech Librarian.
Many Caltech Groups have website and if you’d like to include bibliographical and publication related material that the Library curates you can do so easily with the feeds provided on this website. You can also combine the group feeds with people of group members that maybe hosted in this site too.
Bachelor, Master, and Engineer’s Thesis as well as Ph.D dissertations
We the link to feed documents come in a variety of flavors. We produce feeds in HTML (webpage), HTML include (webpage fragment), Markdown, BibTeX, JSON and RSS because they make it easier for some types of content re-use. The easiest to use is probably HTML include. You can cut and paste the version into an existing webpage as is. It is however not terribly flexible beyond inserting into an existing web page and styling it with CSS classes and ids.
Markdown is a format that many web content systems can use to turn into HTML and it is easier to ready and modify than raw HTML. Additionally with tools like RMarkdown and pandoc you can convert Markdown into may other formats include HTML, PDF, or LaTeX. We use Markdown to generate the HTML content for this website. Throughout this website if replace the “.html” in the URL with “.md” in most pages you’ll see the Markdown version of the content.
BibTeX is an old format use with LaTeX to manage bibliographies. It can be used with a huge number of tools as a result. An example of such a tool would be JabRef. BibTeX is also a format supported in many citation manager systems.
JSON is the most flexible format for working with structured data in languages like JavaScript, Python, and R. Our JSON feeds include the richest amount of metadata provided by our various repository systems. If you want fine grain control for data analyzing or rendering your content this is a good format to work with.
RSS is a format used by news aggregators and news reading software. If you use a news reader or aggregator this is the format you want.
The most useful formats are JSON or HTML Include. HTML include being the simplest and least flexible format to work with. HTML Include is suitable for cutting and pasting and styling with CSS.
The feeds listed on the main group page include all content by types and the feeds under the recent directory cap the listing at the 25 most recent.
Our curated list of Caltech Groups often include descriptive data and dates active. In this example we want to get the descriptive data for TCCON group (formally called “Total Carbon Column Observing Network”).
First we need to find out where the TCONN group’s data is listed on the website. We’ll need to find out the group id assigned by Caltech Library. We will also need to include some JavaScript to fetch the data we want and to format the results.
CL.getGroupSummary() that
can retrieve the summary information about a group.
Using the group id, the CL.js library and an element in
an HTML page we can pull the summary content our page to display it.
In your webpage include the following.
<div id="group-summary">
The Group Summary should show here if the JavaScript works.
</div>
<script src="https://feeds.library.caltech.edu/scripts/CL.js">
</script>
<script>
/* We get a handle on our page element */
let group_summary = document.getElementById('group-summary');
/* Now we call getGroupSummary() to fill our element. */
CL.getGroupSummary("Total-Carbon-Column-Observing-Network",
function(summary, err) {
if (err != "") {
console.log("ERROR", err);
return;
}
/* Now we need to create some HTML
elements to display our content with. */
var h1 = document.createElement("h1"),
h2 = document.createElement("h2"),
p = document.createElement("p");
/* Create our H1 heading */
h1.innerHTML = summary.name;
/* List our alternate names in H2 */
h2.innerHTML = "(Also known as: " +
summary.alternative.join(", ") + ")";
/* Now get our description */
p.innerHTML = summary.description;
/* Now we can add these into our group_summary element. */
group_summary.appendChild(h1);
group_summary.appendChild(h2);
group_summary.appendChild(p);
});
</script>Start of solution output
The Group Summary should show here if the JavaScript works.
End of solution output
In the following example we’re going to get the three most recent articles published by the “Big Bear Solar Observatory”.
First we need to find out where the group’s data is listed on the website. We’ll need to find out the group id assigned by Caltech Library. We will also need to include some JavaScript to fetch the data we want and to format the results.
CL.getGroupJSON() for
retrieving feed content, we can use that to display the three most
recent items.
Using the group id, CL.js, CL.getGroupJSON() and an HTML element with a known id we can retrieve the article list and insert it into the webpage.
In your webpage include the following.
<div id="recent-3-articles">
Recent three articles should go here if JavaScript works.
</div>
<script src="https://feeds.library.caltech.edu/scripts/CL.js"></script>
<script>
/* Get a handle to where we will insert our content on the page */
let recent_3_articles = document.getElementById('recent-3-articles');
/* Now we call getGroupJSON() to fill in our element. */
CL.getGroupJSON("Big-Bear-Solar-Observatory", "recent/article",
function(articles, err) {
if (err != "") {
console.log("ERROR", err);
return;
}
/* Now we can add these into our */
articles.forEach(function(article, i) {
let elem = document.createElement("div"),
h1 = document.createElement("h1"),
anchor = document.createElement("a"),
div = document.createElement("div");
/* we're only going to show three items */
if (i < 3) {
elem.classList.add("article");
h1.classList.add("article-title");
div.classList.add("article-abstract");
/* Here we format the content as HTML and build
the element we're going to insert */
anchor.setAttribute("href", article.official_url);
anchor.innerHTML = article.title;
div.innerHTML = article.abstract;
h1.appendChild(anchor);
elem.appendChild(h1);
elem.appendChild(div);
recent_3_articles.appendChild(elem)
}
});
});
</script>Start of solution output
Recent three articles should show here if JavaScript works.
End of solution output
We’re going to use the “Big Bear Solar Observatory” group for this example. The group pages provides links to recent 25 and the full publication lists. If we want to show articles by year we should use the full article list.
CL.getGroupJSON() for
retrieving feed content, we can use that to display the three most
recent items.
We will create an HTML element in our web page with the id of
“articles-by-year”. We use our group id, feed path and the same
CL.js function CL.getGroupJSON() to fetch our
articles but as we loop through them we can check to see if the year
value in the publication date has changed, if so we’ll insert a heading
for the new year.
In your webpage include the following.
<div id="articles-by-year">
Articles by year should show up here if JavaScript works.
</div>
<script src="https://feeds.library.caltech.edu/scripts/CL.js">
</script>
<script>
/* Get a handle to where we will insert our content on the page */
let articles_by_year = document.getElementById('articles-by-year');
/* Now we call getGroupJSON() to fill in our element. */
CL.getGroupJSON("Big-Bear-Solar-Observatory", "article",
function(articles, err) {
if (err != "") {
console.log("ERROR", err);
return;
}
/* Now we can add these into our */
let year_label = "";
articles.forEach(function(article) {
let elem = document.createElement("div"),
h3 = document.createElement("h3"),
anchor = document.createElement("a");
/* What is our publication date?
Has our year label changed? */
if (article.date_type == "published" &&
article.date.substring(0,4) != year_label) {
/* Update our year label and append an h2 in our list */
year_label = article.date.substring(0, 4);
let h2 = document.createElement("h2");
h2.innerHTML = year_label;
articles_by_year.appendChild(h2);
}
/* Now we just add our article */
elem.classList.add("article");
h3.classList.add("article-title");
/* Here we format the content as HTML and build
the element we're going to insert */
anchor.setAttribute("href", article.official_url);
anchor.innerHTML = article.title;
h3.appendChild(anchor);
elem.appendChild(h3);
articles_by_year.appendChild(elem)
});
});
</script>Start of solution output
Articles by year should show up here if JavaScript works.
End of solution output
For this problem we want to know the Ph.D dissertations associated with the “Caltech Antenna Laboratory”. This is very similar to getting a list of all articles for the group except the feed we want comes from CaltechTHESIS data and is just the Ph.D.
CL.getGroupJSON() function for
fetching and displaying feed data in JSON form.
Using our group id (Caltech-Antenna-Laboratory), our path (phd) and our JavaScript function to display our results.
In your webpage include the following.
<div id="list-of-phd">
List of PhD goes here if JavaScript works.
</div>
<script src="https://feeds.library.caltech.edu/scripts/CL.js">
</script>
<script>
/* Get a handle to where we will insert our content on the page */
let list_of_phd = document.getElementById('list-of-phd');
/* Now we call getGroupJSON() to fill in our element. */
CL.getGroupJSON("Caltech-Antenna-Laboratory", "phd",
function(phds, err) {
if (err != "") {
console.log("ERROR", err);
return;
}
/* Now we can add these into our */
let year_label = "";
phds.forEach(function(phd) {
let elem = document.createElement("div"),
h3 = document.createElement("h3"),
anchor = document.createElement("a");
/* Now we just add our phd, php-title CSS styles */
elem.classList.add("phd");
h3.classList.add("php-title");
/* Here we format the content as HTML and build
the element we're going to insert */
anchor.setAttribute("href", phd.official_url);
anchor.inerrHTML = phd.title;
h3.appendChild(anchor);
elem.appendChild(h3);
/* Finally add our element to the list_of_phd */
list_of_phd.appendChild(elem)
});
});
</script>Start of solution output
List of PhD goes here if JavaScript works.
End of solution output