-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcatalog.html
186 lines (182 loc) · 8.68 KB
/
catalog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
---
layout: page
title: Interra | Open Data Experts
permalink: /catalog/
---
<h2>Interra Catalog</h2>
<div class="services">
<div class="row">
<div style="font-size: 1.3em; padding: 20px 15px 50px; font-style: italic">
<strong>Interra</strong> makes it easier to publish Open Data.
</div>
<div class="col-md-9" >
<p style="padding-right: 20px">
<strong>Interra Catalog</strong> takes a microservices approach to Open Data separating the <a href="https://github.com/interra/catalog-admin">administration</a>, <a href="https://github.com/interra/catalog-generate">deployment</a> and other services. This approach makes publishing easy, reduces the work for common customizations, and makes it easier to integrate tools and services.
</p>
<p style="padding-right: 20px">
<strong>Interra Catalog</strong> renders as static HTML which means it can publish on Github pages, S3, or inexpensive simple host.
</p>
<p style="padding-right: 20px">
<strong>Interra Catalog</strong> is also available as a hosted service offering a full-featured Open Data Catalog for less than you think.
</p>
</div>
<div class="col-md-3">
<div style="font-size: 1.35em">
<a style="display: block; font-size: 1.2em; margin-bottom: 0px; padding: 10px" href="/#contact" class="btn btn-default">Contact Us</a> <div style="padding: 15px;
line-height: 45px;
text-align: center;">for a live demo<br/> terms or pricing</div>
</div>
</div>
</div>
</section>
</div>
<section id="portfolio" class="container text-center">
<div class="portfolio-section">
<div class="row" style="margin:0">
<h3>features</h3>
<h4>For Implementers</h4>
<p></p>
</div>
<div class="row vertical-align-child feature-long">
<div class="col-md-4 margin-b-30">
<div class="feature-img-holder">
<img src="/img/screen-search.png" alt="" class="img-responsive">
<p style="text-align: center; font-size: .8em">search interface</p>
</div>
</div>
<div class="col-md-8 margin-b-30">
<h5>Full-text search using Elasticlunr or ElasticSearch</h5>
<p class="margin-b-20">
<strong>Interra Catalog</strong> includes <a href="http://elasticlunr.com/">ElasticLunr</a> for instant search results as well as features likes boosts and stopwords. ElasticSearch is also available as a backend.
</p>
<a href="http://catalog-generate.readthedocs.io/en/latest/configuration/index.html#search" class="btn btn-lg btn-primary btn-rounded">Learn More</a>
</div>
</div>
<div class="row">
<div class="row-bump"></div>
</div>
<div class="row vertical-align-child feature-long">
<div class="col-md-11 margin-b-30">
<h5>Flexible Schema</h5>
<p class="margin-b-20">
Almost every data catalog needs to meet a specification but also add cusotm fields. <strong>Interra Catalog</strong> was designed from the ground up to make this painless with a schema that is fully customizable. <strong>Interra Catalog</strong> ships with a Project Open Data compliant schema but this could adapted, removed or changed to anything that can be described using <a href="http://json-schema.org/">JSON Schema</a>.
</p>
</div>
</div>
<div class="row">
<div class="row-bump"></div>
</div>
<div class="row vertical-align-child feature-long">
<div class="col-md-4 margin-b-30">
<div class="feature-img-holder">
<img src="/img/screen-harvest.png" alt="" class="img-responsive">
<p style="text-align: center; font-size: .8em">harvest from multiple sources</p>
</div>
</div>
<div class="col-md-8 margin-b-30">
<h5>Harvesting from outside catalogs and data sources</h5>
<p class="margin-b-20">
<strong>Interra Catalog</strong> includes a Harvesting interface that can pull data from multiple sources. <strong>Interra Catalog</strong> uses document storage instead of a SQL backend which drastically reduces the complexity of working with the data. JSON sources are stored and re-published as JSON object instead of translating and storing in rows and columns of a SQL database.
</p>
</div>
</div>
<div class="row">
<div class="row-bump"></div>
</div>
<div class="row vertical-align-child feature-long">
<div class="col-md-11 margin-b-30">
<h5>Rapid Feature Development</h5>
<p class="margin-b-20">
Free your developers from bloated backends. <strong>Interra Catalog</strong> features a simple API that is rendered as a React application. This makes adding new features or integrating outside services easier.
</p>
</div>
</div>
<div class="row">
<div class="row-bump"></div>
</div>
<div class="row vertical-align-child feature-long">
<div class="col-md-4 margin-b-30">
<div class="feature-img-holder">
<img src="/img/screen-admin.png" alt="" class="img-responsive">
<p style="text-align: center; font-size: .8em">full admin interface</p>
</div>
</div>
<div class="col-md-8 margin-b-30">
<h5>Full administrative interface</h5>
<p class="margin-b-20">
<strong>Interra Catalog</strong> offers a full administrative interface with access controls for creating and editing content.
</p>
</div>
</div>
<div class="row" style="margin:50px 0 0 0">
<h4>For Developers</h4>
<p></p>
</div>
<div class="row">
<div class="row-bump"></div>
</div>
<div class="row vertical-align-child feature-long">
<div class="col-md-12 margin-b-30">
<h5>Simple Data Workflows</h5>
<p class="margin-b-20">
<strong>Interra Catalog</strong> uses document storage instead of a SQL backend which drastically reduces the complexity of harvesting. JSON sources are stored and re-published as JSON object instead of translating and storing in rows and columns of a SQL database. This drastically reduces the surface area for harvesting, ETL and publishing.
</p>
</div>
</div>
<div class="row">
<div class="row-bump"></div>
</div>
<div class="row vertical-align-child feature-long">
<div class="col-md-4 margin-b-30">
<div class="feature-img-holder">
<img style="padding: 5px 15px 10px 15px;" src="/img/react-logo.png" alt="" class="img-responsive">
<p style="text-align: center; font-size: .8em">catalog focus on DX and best practices</p>
</div>
</div>
<div class="col-md-8 margin-b-30">
<h5>React Front-End</h5>
<p class="margin-b-20">
<strong>Interra Catalog</strong> has a simple set of APIs documented using Swagger. The front end is a React application built off of <a href="https://github.com/react-boilerplate/react-boilerplate">React Boilerplate</a> and includes features like linting, a built-in development server, on auto refresh.
</p>
</div>
</div>
<div class="row">
<div class="row-bump"></div>
</div>
<div class="row vertical-align-child feature-long">
<div class="col-md-12 margin-b-30">
<h5>No Monolithic Publishing Workflow</h5>
<p class="margin-b-20">
<strong>Interra Catalog</strong> consits of an <a href="http://github.com/interra/catalog-admin">administrative interface</a> which uses Node.js, <a href="https://hapijs.com/">hapi.js</a> and MongoDB and a publishing library which uses Node.js and React. The catalog is published as static files so there is no state to maintain or database to keep running when publishing.
</p>
</div>
</div>
</div>
<div class="row">
<h3>Demo</h3>
<div class="col-md-5 margin-b-30">
<div class="feature-img-holder">
<img style="padding: 5px 15px 10px 15px;" src="/img/screen-demo.png" alt="" class="img-responsive">
</div>
</div>
<div class="col-md-7 margin-b-30">
<p style="text-align: left; padding-top: 50px"><a href="http://catalog-demo.interra.io">View a live demo</a>.</p>
</div>
</div>
<div class="row">
<div class="row-bump"><p></div>
</div>
<div class="row">
<h3>Documentation</h3>
<div class="col-md-7 margin-b-30">
<p style="text-align: right; padding: 50px 50px 0"><a href="http://catalog-generate.readthedocs.io/en/latest/">Read the full documentation</a>.</p>
</div>
<div class="col-md-5 margin-b-30">
<div class="feature-img-holder">
<img style="padding: 5px 15px 10px 15px;" src="/img/screen-docs.png" alt="" class="img-responsive">
</div>
</div>
</div>
</div>
</section>
<p></p>