gethue.com.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0030)http://cloudera.github.io/hue/ -->
  3. <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <meta charset="UTF-8">
  5. <title>Hue - The UI for Apache Hadoop</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="./gethue.com_files/bootstrap.css" type="text/css">
  8. <link rel="stylesheet" href="./gethue.com_files/bootstrap-responsive.css" type="text/css">
  9. <link rel="stylesheet" href="./gethue.com_files/font-awesome.min.css" type="text/css">
  10. <link rel="stylesheet" href="./gethue.com_files/strip.css" type="text/css">
  11. <link rel="stylesheet" href="./gethue.com_files/strip-responsive.css" type="text/css">
  12. <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600" rel="stylesheet">
  13. <link href="./gethue.com_files/css" rel="stylesheet" type="text/css">
  14. <style type="text/css"></style></head>
  15. <body>
  16. <section class="container" id="home">
  17. <nav class="navbar">
  18. <div class="navbar-inner">
  19. <div class="container">
  20. <a href="http://cloudera.github.io/hue/#home" class="brand"><img src="./gethue.com_files/hue-logo.png"></a>
  21. <ul class="nav">
  22. <li><a href="http://cloudera.github.io/hue/#home">Home</a></li>
  23. <li><a href="http://cloudera.github.io/hue/#tour">Applications</a></li>
  24. <li><a href="http://gethue.com/category/release">Releases</a></li>
  25. <li><a href="http://gethue.com/category/tutorial/">Tutorials</a></li>
  26. <li><a href="http://twitter.com/gethue/" target="_blank"><i class="icon-twitter icon-large"></i></a></li>
  27. </ul>
  28. </div>
  29. </div>
  30. </nav>
  31. </section>
  32. <section class="container">
  33. <div class="row">
  34. <header class="highlight span12">
  35. <h2><strong>Hue</strong>, the open source Apache Hadoop UI.</h2>
  36. <div>
  37. <div id="playBtn" class="container"><i class="icon-play-circle"></i></div>
  38. <img id="feature-screenshot" src="./gethue.com_files/shot.png" alt="screenshot">
  39. </div>
  40. <p>
  41. <a id="downloadBtn" href="javascript:void(0)" class="big-btn big-btn-blue" data-original-title=""><i class="icon-download"></i> Download Hue</a>
  42. <a href="https://github.com/cloudera/hue" target="_blank" class="big-btn big-btn-black"><i class="icon-github"></i> View on Github</a>
  43. </p>
  44. <p><strong>Hue</strong> features a File Browser for HDFS, a Job Designer/Browser for MapReduce, query editors for
  45. Hive, Pig, Cloudera Impala, Solr Search, Sqoop2 and an HBase browser.<br>
  46. It also ships with an Oozie Application for creating workflows, various Shells and a collection of Hadoop API.
  47. </p>
  48. <form action="http://gethue.createsend.com/t/i/s/jihrk/" method="post" id="subFormUp" style="vertical-align: middle; margin-top: 20px">
  49. Get the latest news about Hue in your inbox!
  50. <input type="text" class="input-medium" name="cm-jihrk-jihrk" id="jihrk-jihrk" placeholder="Your email" style="margin-top: 8px; margin-left: 10px">
  51. <a id="subscribeBtnUp" class="btn" value="Subscribe"><i class="icon-envelope icon-large"></i> Subscribe</a>
  52. </form>
  53. </header>
  54. </div>
  55. <div class="row">
  56. <div class="offset3 span6">
  57. <hr class="shadow-line">
  58. </div>
  59. </div>
  60. </section>
  61. <section class="container" id="tour">
  62. <div class="highlight row">
  63. <div id="myCarousel" class="carousel slide">
  64. <div class="carousel-inner">
  65. <div class="item active">
  66. <p>
  67. <img src="./gethue.com_files/beeswax.png" alt="beeswax hive ui">
  68. </p>
  69. <article class="carousel-caption">
  70. <h3><strong>Beeswax Hive UI</strong></h3>
  71. <p class="center-align">
  72. The Beeswax application enables you to perform queries on Apache Hive, a SQL like data warehousing system
  73. designed to work with Hadoop.
  74. You can run and manage Hive queries and download the results in a Microsoft Office Excel worksheet file or
  75. a comma-separated values file.
  76. </p>
  77. </article>
  78. </div>
  79. <div class="item">
  80. <p>
  81. <img src="./gethue.com_files/search.png" alt="Search">
  82. </p>
  83. <article class="carousel-caption">
  84. <h3><strong>Search</strong></h3>
  85. <p class="center-align">
  86. Search from Solr, Solr Cloud and Cloudera Search and customizable the results with your own style
  87. and facets. Multiple indexes are supported, as well as query highlighting, sorting.
  88. </p>
  89. </article>
  90. </div>
  91. <div class="item">
  92. <p>
  93. <img src="./gethue.com_files/oozieeditor.png" alt="oozie dashboard editor">
  94. </p>
  95. <article class="carousel-caption">
  96. <h3><strong>Oozie Editor / Dashboard</strong></h3>
  97. <p class="center-align">
  98. The Oozie Editor/Dashboard application allows you to define Oozie workflow/coordinator/bundle
  99. applications, run them, and view their information, logs and stop, pause, rerun them.
  100. </p>
  101. </article>
  102. </div>
  103. <div class="item">
  104. <p>
  105. <img src="./gethue.com_files/hbase.png" alt="HBase">
  106. </p>
  107. <article class="carousel-caption">
  108. <h3><strong>HBase Browser</strong></h3>
  109. <p class="center-align">
  110. The HBase Browser application is tailored for quickly browsing huge tables and accessing any content.
  111. You can also create new tables, add data, modify existing cells and filter data with the autocompleting search bar.
  112. </p>
  113. </article>
  114. </div>
  115. <div class="item">
  116. <p>
  117. <img src="./gethue.com_files/pig.png" alt="pig editor">
  118. </p>
  119. <article class="carousel-caption">
  120. <h3><strong>Pig Editor</strong></h3>
  121. <p class="center-align">The Pig Editor lets you edit your Pig script with autocompletion and syntax
  122. highlighting.
  123. Logs and results are displayed within this one-page app for a better interactivity. You can save your
  124. scripts or look at the already submitted ones.</p>
  125. </article>
  126. </div>
  127. <div class="item">
  128. <p>
  129. <img src="./gethue.com_files/impala.png" alt="Impala">
  130. </p>
  131. <article class="carousel-caption">
  132. <h3><strong>Impala</strong></h3>
  133. <p class="center-align">With its syntax hightlighting and autocomplete editor, the Impala application is tailored for quick data analysis.
  134. It will showcase the differences between Impala and Hive, especially its rapidity.</p>
  135. </article>
  136. </div>
  137. <div class="item">
  138. <p>
  139. <img src="./gethue.com_files/metastore.png" alt="metastore">
  140. </p>
  141. <article class="carousel-caption">
  142. <h3><strong>Metastore Manager</strong></h3>
  143. <p class="center-align">You can list and manage Hive tables and switch between databases easily.
  144. Table creation is available through a wizard as well as statistics, data loading and partition creation.
  145. </p>
  146. </article>
  147. </div>
  148. <div class="item">
  149. <p>
  150. <img src="./gethue.com_files/fb.png" alt="file browser">
  151. </p>
  152. <article class="carousel-caption">
  153. <h3><strong>File Browser</strong></h3>
  154. <p class="center-align">The File Browser application lets you browse, upload and manipulate files and directories in
  155. the
  156. Hadoop Distributed File System (HDFS).</p>
  157. </article>
  158. </div>
  159. <div class="item">
  160. <p>
  161. <img src="./gethue.com_files/shell.png" alt="shell">
  162. </p>
  163. <article class="carousel-caption">
  164. <h3><strong>Shell</strong></h3>
  165. <p class="center-align">The Hue Shell application provides access to the Pig and HBase command-line shells.
  166. The Shell application is designed to have the same look and feel as a Unix terminal.
  167. In addition to the shells configured by default, it is possible to include almost any process that exposes
  168. a command-line interface as an option in this Hue application.</p>
  169. </article>
  170. </div>
  171. <div class="item">
  172. <p>
  173. <img src="./gethue.com_files/jobdesigner.png" alt="job designer">
  174. </p>
  175. <article class="carousel-caption">
  176. <h3><strong>Job Designer</strong></h3>
  177. <p class="center-align">The Job Designer application enables you to create and submit Hadoop MapReduce jobs
  178. to the Hadoop cluster.
  179. You can include variables with your jobs to enable you and other users to enter values for the variables
  180. when they run your job.
  181. The Job Designer supports MapReduce, streaming, and Java jobs.</p>
  182. </article>
  183. </div>
  184. <div class="item">
  185. <p>
  186. <img src="./gethue.com_files/jobbrowser.png" alt="job browser">
  187. </p>
  188. <article class="carousel-caption">
  189. <h3><strong>Job Browser</strong></h3>
  190. <p class="center-align">
  191. The Job Browser application lets you to examine the Hadoop MapReduce jobs running on your Hadoop cluster.
  192. Job Browser presents the job and tasks in layers.
  193. The top layer is a list of jobs, and you can link to a list of that job's tasks.
  194. You can then view a
  195. task's attempts and the properties of each attempt, such as state, start and end time, and output
  196. size. To troubleshoot failed jobs, you can also view the logs of each attempt in one click.
  197. </p>
  198. </article>
  199. </div>
  200. <div class="item">
  201. <p>
  202. <img src="./gethue.com_files/useradmin.png" alt="user admin">
  203. </p>
  204. <article class="carousel-caption">
  205. <h3><strong>User Admin</strong></h3>
  206. <p class="center-align">
  207. The User Admin application lets an administrator add, delete, and manage Hue user accounts and groups, and
  208. configure group permissions.
  209. The permissions allow users, based on their group membership, to launch Hue applications and use
  210. application features.
  211. You can add users and groups individually, or import them from an LDAP directory.
  212. </p>
  213. </article>
  214. </div>
  215. </div>
  216. <a class="left carousel-control" href="http://cloudera.github.io/hue/#myCarousel" data-slide="prev">‹</a>
  217. <a class="right carousel-control" href="http://cloudera.github.io/hue/#myCarousel" data-slide="next">›</a>
  218. </div>
  219. </div>
  220. </section>
  221. <section class="section-box shadow">
  222. <div class="container">
  223. <div class="row">
  224. <article class="span4 center-align">
  225. <img src="./gethue.com_files/elephant.gif" alt="hadoop" class="overable">
  226. <h3>Explore Hadoop.</h3>
  227. <p>
  228. Hue is a starting point for exploration and real time interaction with <a href="http://hadoop.apache.org/" target="_blank">Apache Hadoop</a>.
  229. </p>
  230. <p>
  231. Hue's target is the Hadoop user experience and lets users avoid the command line interface and have them focus
  232. on getting results faster and sooner.
  233. </p>
  234. </article>
  235. <article class="span4 center-align">
  236. <img src="./gethue.com_files/mature.gif" alt="mature" class="overable">
  237. <h3>A mature application.</h3>
  238. <p>
  239. <strong>Hue</strong> is a <a href="http://gethue.com/category/release/">mature</a> web-based application used from fortune 500 companies to
  240. startups, students and data scientist/analysts.
  241. </p>
  242. <p>
  243. Hue 2.5 is the latest and it was released on July 15th, 2013. For more info about the releases, <a href="http://gethue.com/category/release/">click here</a>.
  244. </p>
  245. </article>
  246. <article class="span4 center-align">
  247. <img src="./gethue.com_files/sdk.gif" alt="sdk" class="overable">
  248. <h3>Build your own app.</h3>
  249. <p>
  250. <strong>Hue</strong> comes with an <a href="http://cloudera.github.io/hue/docs-2.5.0/sdk/sdk.html" target="_blank">SDK</a> that lets you
  251. reuse Hue's libraries so you can start building apps on top of Hadoop.
  252. </p>
  253. <p>
  254. Clone the project with <a href="http://git-scm.com/">Git</a> and start building awesome software for Hadoop:
  255. </p><pre>$ git clone git://github.com/cloudera/hue</pre>
  256. <p></p>
  257. </article>
  258. </div>
  259. </div>
  260. </section>
  261. <section class="container">
  262. <div class="row">
  263. <div class="offset3 span6">
  264. </div>
  265. </div>
  266. <div class="row">
  267. <div class="highlight span12">
  268. <h3 class="subhead">It's easy to enter the <strong>Hue</strong> world</h3>
  269. <div class="container">
  270. <div class="row">
  271. <article class="span4 center-align">
  272. <h3>Hue Users</h3>
  273. <p>
  274. You can discuss about your ideas, ask your questions or make us aware of bugs online on the <a href="http://groups.google.com/a/cloudera.org/group/hue-user" target="_blank">Hue User Google
  275. Group</a> or
  276. in real life, joining one of the regular <a href="http://hue.meetup.com/" target="_blank">Hue Meetups</a>.
  277. </p>
  278. </article>
  279. <article class="span4 center-align">
  280. <h3>Hue Developers</h3>
  281. <p>
  282. If you want to show us what you've built or encounter problems while using the SDK, feel free to write on
  283. the <a href="http://groups.google.com/a/cloudera.org/group/hue-dev" target="_blank">Hue Dev Google
  284. Group</a>. <br>
  285. You can see the what the <a href="https://issues.cloudera.org/browse/HUE" target="_blank">current
  286. backlog</a> looks like and have a look at the <a href="https://review.cloudera.org/dashboard/?view=to-group&group=hue" target="_blank">Code
  287. Reviews</a> for the issues.
  288. </p>
  289. </article>
  290. <article class="span4 center-align">
  291. <h3>Cloudera's CDH</h3>
  292. <p>
  293. The quickest way to get a general feeling of <strong>Hue</strong> is through <a href="https://ccp.cloudera.com/display/CDH4DOC/CDH4+Quick+Start+Guide" target="_blank">Cloudera's
  294. Distribution for Apache Hadoop (CDH)</a>. <br>
  295. There are several <a href="https://ccp.cloudera.com/display/SUPPORT/Cloudera+QuickStart+VM" target="_blank">Quick start Virtual Machines</a> available for you.
  296. </p>
  297. </article>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. </section>
  303. <footer class="container footer-box">
  304. <hr class="shadow-line">
  305. <nav class="links">
  306. <a id="downloadBtnFooter" class="btn btn-mini" href="javascript:void(0)" data-original-title=""><i class="icon-download icon-large"></i> Download Hue</a>
  307. <a class="btn btn-mini" href="https://github.com/cloudera/hue" target="_blank"><i class="icon-github icon-large"></i> View on Github</a>
  308. <a class="btn btn-mini" href="http://twitter.com/gethue/" target="_blank"><i class="icon-twitter icon-large"></i>
  309. Follow @gethue</a>
  310. <form action="http://gethue.createsend.com/t/i/s/jihrk/" method="post" id="subForm" style="display:inline">
  311. <input type="text" class="input-medium" name="cm-jihrk-jihrk" id="jihrk-jihrk" placeholder="Your email" style="margin-top: 8px; margin-left: 10px">
  312. <a id="subscribeBtn" class="btn btn-mini" value="Subscribe"><i class="icon-envelope-alt icon-large"></i> Subscribe</a>
  313. </form>
  314. </nav>
  315. <p><strong>Hue</strong> is open source and released under the <a class="normal" href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License, version 2.0</a>.</p>
  316. </footer>
  317. <div id="video" class="modal hide fade" style="width: 930px;margin-left: -465px;">
  318. <div class="modal-header">
  319. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  320. <h3>Welcome to the Hue cinema.</h3>
  321. </div>
  322. <div class="modal-body">
  323. <div style="float: left; width: 705px"><iframe id="videoFrame" src="about:blank" width="700" height="350" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div>
  324. <div style="float: left; width: 187px">
  325. <ul class="videoList unstyled">
  326. <li class="active" data-video="http://player.vimeo.com/video/68257054">Hue 2.4 and the search app</li>
  327. <li data-video="http://player.vimeo.com/video/66661052">The Pig Editor</li>
  328. <li data-video="http://player.vimeo.com/video/66732338">A new UI for Oozie</li>
  329. <li data-video="http://player.vimeo.com/video/64825639">What's new in Hue 2.3</li>
  330. <li data-video="http://player.vimeo.com/video/63859033">The Yelp dataset challenge</li>
  331. <li data-video="http://player.vimeo.com/video/63343487">HDFS File Operations Made Easy with Hue</li>
  332. </ul>
  333. </div>
  334. </div>
  335. </div>
  336. <script type="text/javascript" async="" src="./gethue.com_files/ga.js"></script><script src="./gethue.com_files/jquery-1.8.1.min.js"></script>
  337. <script src="./gethue.com_files/bootstrap.min.js"></script>
  338. <script src="./gethue.com_files/jquery.scrollup.js"></script>
  339. <script type="text/javascript" charset="utf-8">
  340. $.fn.preload = function () {
  341. this.each(function () {
  342. $("<img/>")[0].src = this;
  343. });
  344. }
  345. $(document).ready(function () {
  346. var CURRENT = "https://gethue.com";
  347. var _lastSeenVideo = $("#videoFrame").attr("src");
  348. $("#subscribeBtn").click(function() {
  349. $("#subForm").submit();
  350. });
  351. $("#subscribeBtnUp").click(function() {
  352. $("#subFormUp").submit();
  353. });
  354. $("#playBtn i").click(function(){
  355. $("#video").modal("show");
  356. });
  357. $("#video").on("hide", function(){
  358. $("#videoFrame").attr("src", "about:blank").attr("src", _lastSeenVideo);
  359. });
  360. $(".videoList li").on("click", function(){
  361. $(".videoList li").removeClass("active");
  362. $(this).addClass("active");
  363. $("#videoFrame").attr("src", $(this).data("video") + "?autoplay=1");
  364. _lastSeenVideo = $(this).data("video");
  365. });
  366. $("#downloadBtn").popover({
  367. html: true,
  368. placement: 'left',
  369. trigger: 'click',
  370. title: 'How to get Hue?',
  371. content: '<ul class="nav nav-list"><li><a href="'+ CURRENT +'">Download the .tgz release</a></li>' +
  372. '<li><a href="http://archive.cloudera.com/cdh4/one-click-install/">Install with CDH (recommended)</a></li>' +
  373. '<li class="muted">Pick your distribution, architecture and install the package. Install the \'hue\' component and its dependencies.</li>' +
  374. '<li><a href="http://www.apache.org/dyn/closer.cgi/bigtop/bigtop-0.6.0/">Install with Apache Bigtop</a></li>' +
  375. '<li class="muted">Pick a repo from \'repos\' and add it to your package list. Install the \'hue\' component and its dependencies.</li>' +
  376. '<li><a href="https://ccp.cloudera.com/display/SUPPORT/Cloudera+QuickStart+VM">Try it on Cloudera\'s Quickstart VM</a></li>' +
  377. '</ul> '
  378. });
  379. $("#downloadBtn").click(function() {
  380. $("body, html").animate({scrollTop: $(this).offset().top + ($(this).height()/2) - ($(window).height()/2)}, 300);
  381. });
  382. $("#downloadBtnFooter").popover({
  383. html: true,
  384. placement: 'top',
  385. trigger: 'click',
  386. title: 'How to get Hue?',
  387. content: '<ul class="nav nav-list"><li><a href="' + CURRENT + '">Download the .tgz release</a></li>' +
  388. '<li><a href="http://archive.cloudera.com/cdh4/one-click-install/">Install with CDH (recommended)</a></li>' +
  389. '<li class="muted">Pick your distribution, architecture and install the package. Install the \'hue\' component and its dependencies.</li>' +
  390. '<li><a href="http://www.apache.org/dyn/closer.cgi/bigtop/bigtop-0.6.0/">Install with Apache Bigtop</a></li>' +
  391. '<li class="muted">Pick a repo from \'repos\' and add it to your package list. Install the \'hue\' component and its dependencies.</li>' +
  392. '<li><a href="https://ccp.cloudera.com/display/SUPPORT/Cloudera+QuickStart+VM">Try it on Cloudera\'s Quickstart VM</a></li>' +
  393. '</ul> '
  394. });
  395. $(['static/images/elephant_over.gif', 'static/images/mature_over.gif', 'static/images/sdk_over.gif']).preload();
  396. $(".overable").each(function () {
  397. var _originalSrc = $(this).attr("src");
  398. $(this).hover(function () {
  399. $(this).attr("src", _originalSrc.substring(0, _originalSrc.length - 4) + "_over.gif");
  400. }, function () {
  401. $(this).attr("src", _originalSrc);
  402. });
  403. });
  404. $.jHueScrollUp();
  405. });
  406. </script>
  407. <script type="text/javascript">
  408. var _gaq = _gaq || [];
  409. _gaq.push(['_setAccount', 'UA-37637545-1']);
  410. _gaq.push(['_trackPageview']);
  411. (function () {
  412. var ga = document.createElement('script');
  413. ga.type = 'text/javascript';
  414. ga.async = true;
  415. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  416. var s = document.getElementsByTagName('script')[0];
  417. s.parentNode.insertBefore(ga, s);
  418. })();
  419. </script>
  420. <a id="jHueScrollUpAnchor" href="javascript:void(0)"><i class="icon-chevron-up"></i></a></body></html>