blob: 1da75100e00119bf11911b4eb6cdabbfc9abede6 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en">
<head>
<title>Eclipse Scout</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/fonts.css" />
<link rel="stylesheet" href="css/colorbox.css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fullscreener.min.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.zoom.min.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<nav class="nav-mobile" id="nav-mobile">
<ul>
<li class="dropdown">
<a href="#">News</a>
<ul>
<li><a target="_blank" href="https://twitter.com/EclipseScout">Twitter</a></li>
<li><a target="_blank" href="http://www.bsi-software.com/scout">Blog</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Documentation</a>
<ul>
<li><a target="_blank" href="https://eclipsescout.github.io/7.0/beginners-guide.html">Beginner's Guide</a></li>
<li><a target="_blank" href="https://eclipsescout.github.io/7.0/technical-guide.html">Technical Guide</a></li>
<li><a target="_blank" href="https://eclipsescout.github.io/">More Documentation</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Community</a>
<ul>
<li><a target="_blank" href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=174">Ask Questions</a></li>
<li><a target="_blank" href="https://bugs.eclipse.org/bugs/buglist.cgi?bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&bug_status=RESOLVED&bug_status=VERIFIED&columnlist=bug_id%2Cbug_severity%2Cpriority%2Ctarget_milestone%2Cbug_status%2Cresolution%2Ccomponent%2Cassigned_to%2Cshort_desc&list_id=10272285&product=Scout&query_format=advanced">
View open Bugs</a></li>
<li><a target="_blank" href="https://wiki.eclipse.org/Scout/Contribution">Contribute</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Support</a>
<ul>
<li><a target="_blank" href="https://www.bsi-software.com/en/technology/eclipse-scout.html">Professional Services</a></li>
<li><a href="#contact-us" class="slide-to-section">Contact us</a></li>
</ul>
</li>
</ul>
</nav><!-- /.nav-mobile -->
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand slide-to-section" href="#intro">Eclipse Scout</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" >News</a>
<ul class="dropdown-menu" role="menu">
<li><a target="_blank" href="https://twitter.com/EclipseScout">Twitter</a></li>
<li><a target="_blank" href="http://www.bsi-software.com/scout">Blog</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" >Documentation</a>
<ul class="dropdown-menu" role="menu">
<li><a target="_blank" href="https://eclipsescout.github.io/7.0/beginners-guide.html">Beginner's Guide</a></li>
<li><a target="_blank" href="https://eclipsescout.github.io/7.0/technical-guide.html">Technical Guide</a></li>
<li><a target="_blank" href="https://eclipsescout.github.io/">More Documentation</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" >Community</a>
<ul class="dropdown-menu" role="menu">
<li><a target="_blank" href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=174">Ask Questions</a></li>
<li><a target="_blank" href="https://bugs.eclipse.org/bugs/buglist.cgi?bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&bug_status=RESOLVED&bug_status=VERIFIED&columnlist=bug_id%2Cbug_severity%2Cpriority%2Ctarget_milestone%2Cbug_status%2Cresolution%2Ccomponent%2Cassigned_to%2Cshort_desc&list_id=10272285&product=Scout&query_format=advanced">
View open Bugs</a></li>
<li><a target="_blank" href="https://wiki.eclipse.org/Scout/Contribution">Contribute</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" >Support</a>
<ul class="dropdown-menu" role="menu">
<li><a target="_blank" href="https://www.bsi-software.com/en/technology/eclipse-scout.html">Professional Services</a></li>
<li><a href="#contact-us" class="slide-to-section">Contact us</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
<div class="wrapper">
<div class="intro" id="intro">
<div class="intro-image">
<img src="css/images/temp/intro-img.jpg" height="626" width="1920" alt="" />
</div><!-- /.intro-image -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="intro-inner">
<div class="intro-content">
<h1>Eclipse Scout</h1>
<p>Future Proof Business Applications</p>
</div><!-- /.intro-content -->
<!-- reenable once the video is made
<div class="intro-actions">
<a href="https://www.youtube.com/watch?v=XQu8TTBmGhA" class="video-link popup-link">
<i class="ico ico-play"></i> <br />
Watch the video
</a>
<br />
<i class="ico ico-mouse"></i>
</div>
-->
</div><!-- /.intro-inner -->
</div><!-- /.col-md-12 -->
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.intro -->
<div class="main">
<div class="content">
<section class="section-services">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 item">
<a href="#section-demo" class="slide-to-section">
<span class="item-ico-wrapper">
<i class="ico ico-monitor"></i>
</span>
<strong>Demo</strong>
<p>Try our online Apps</p>
</a>
</div><!-- /.col-md-4 -->
<div class="col-md-4 col-sm-4 item">
<a href="#section-download" class="slide-to-section">
<span class="item-ico-wrapper">
<i class="ico ico-download"></i>
</span>
<strong>Download</strong>
<p>Download and install Scout</p>
</a>
</div><!-- /.col-md-4 -->
<div class="col-md-4 col-sm-4 item">
<a href="#section-tutorials" class="slide-to-section">
<span class="item-ico-wrapper">
<i class="ico ico-list"></i>
</span>
<strong>Tutorial</strong>
<p>Do the &quot;Hello World!&quot;</p>
</a>
</div><!-- /.col-md-4 -->
</div><!-- /.row -->
</div><!-- /.container -->
</section><!-- /.section-services -->
<section class="section-demo" id="section-demo">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-5 col-md-offset-1">
<div class="section-demo-image">
<img class="img-responsive" src="css/images/mac-demo.png" alt="" />
</div><!-- /.section-demo-image -->
</div><!-- /.col-md-6 -->
<div class="col-sm-6 col-md-5">
<div class="section-demo-content">
<h2>Scout Demo Apps</h2>
<!-- <h4>A Client-only Application</h4> -->
<p>Play with the Scout demo applications.</p>
</div><!-- /.section-demo-content -->
<div class="section-demo-actions">
<a target="_blank" href="https://scout.bsi-software.com/contacts/" class="btn btn-default demo-btn">Try "Contacts"</a>
<a target="_blank" href="https://scout.bsi-software.com/widgets/" class="btn btn-default demo-btn">Scout Widgets</a>
</div><!-- /.section-demo-actions -->
</div><!-- /.col-md-6 -->
</div><!-- /.row -->
</div><!-- /.container -->
</section><!-- /.section-demo -->
<section class="section-download" id="section-download">
<span class="section-triangle-top"></span>
<div class="container">
<div class="row">
<div class="col-sm-5 col-sm-offset-1 col-sm-push-5 col-md-push-6 col-md-5 col-md-offset-0">
<div class="section-download-image">
<img class="img-responsive" src="css/images/mac-download.png" alt="" />
</div><!-- /.section-download-image -->
</div><!-- /.col-md-6 -->
<div class="col-sm-5 col-md-5 col-md-offset-1 col-sm-pull-6 col-md-pull-5">
<div class="section-download-content">
<h2>Download and Install</h2>
<h4>Eclipse for Scout Developers</h4>
<p>The easiest way to download Eclipse Scout is to get the packaged distribution from the Eclipse download page.</p>
</div><!-- /.section-download-content -->
<div class="section-download-actions">
<a href="scout_install.html" class="btn btn-default btn-windows">Follow the Instructions</a>
</div><!-- /.section-download-actions -->
</div><!-- /.col-md-6 -->
</div><!-- /.row -->
</div><!-- /.container -->
<span class="section-triangle-bottom"></span>
</section><!-- /.section-download -->
<section class="section-tutorials" id="section-tutorials">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-1">
<div class="section-tutorials-image">
<img class="img-responsive" src="css/images/mac-tutorials.png" alt="" />
</div><!-- /.section-tutorials-image -->
</div><!-- /.col-md-6 -->
<div class="col-sm-5 col-md-6">
<div class="section-tutorials-content">
<h2>The &quot;Hello World!&quot;</h2>
<h4>Your first Scout Application</h4>
<p>Create an initial code base, start the application in the Eclipse IDE and use your browser to connect to the Scout frontend server.</p>
</div><!-- /.section-tutorials-content -->
<div class="section-tutorials-actions">
<a href="scout_helloworld.html" class="btn btn-default btn-helloworld">Do the &quot;Hello World!&quot;</a>
</div><!-- /.section-tutorials-actions -->
</div><!-- /.col-md-5 -->
</div><!-- /.row -->
</div><!-- /.container -->
</section><!-- /.section-tutorials -->
<section class="section-benefits">
<div class="container">
<div class="row">
<div class="section-head">
<h3>Benefits of the Scout Framework</h3>
</div><!-- /.section-head -->
<div class="benefit">
<div class="benefit-head " data-href=".sustainable-investment">
<span class="ico-wrapper">
<i class="ico ico-hand"></i>
</span>
<h5 class="benefit-title">Sustainable Investment</h5><!-- /.benefit-title -->
</div><!-- /.benefit-head -->
<div class="benefit-entry sustainable-investment">
<p>Sustainability and long-term thinking are in Scout’s genes. Over 10 years, Scout has evolved into the mature and versatile framework it is today. And the open source communit around Scout is growing since 2009. This makes Scout a perfect choice for your business-critical applications.</p>
</div><!-- /.benefit-entry -->
</div>
<div class="benefit">
<div class="benefit-head " data-href=".increase-productivity">
<span class="ico-wrapper">
<i class="ico ico-graph"></i>
</span>
<h5 class="benefit-title">Increase Productivity</h5><!-- /.benefit-title -->
</div><!-- /.benefit-head -->
<div class="benefit-entry increase-productivity">
<p>Scout covers many recurring requirements such as user authentication,client server communication, data binding and building rich user interfaces. This allows the application developer to spend more time on understanding and implementing business cases. </p>
</div><!-- /.benefit-entry -->
</div>
<div class="benefit">
<div class="benefit-head " data-href=".time-to-market">
<span class="ico-wrapper">
<i class="ico ico-circle-graph"></i>
</span>
<h5 class="benefit-title">Quick Time-to-Market</h5><!-- /.benefit-title -->
</div><!-- /.benefit-head -->
<div class="benefit-entry time-to-market">
<p>Scout is simple to learn, offers free access to many resources and increases developer productivity. And backed by commercial support, Scout can help your team to meet demanding deadlines. </p>
</div><!-- /.benefit-entry -->
</div>
<div class="benefit">
<div class="benefit-head " data-href=".simple-to-learn">
<span class="ico-wrapper">
<i class="ico ico-note"></i>
</span>
<h5 class="benefit-title">Simple to <br /> learn</h5><!-- /.benefit-title -->
</div><!-- /.benefit-head -->
<div class="benefit-entry simple-to-learn">
<p>Thanks to the tooling support and the available documentation Scout is simple to learn. Java developers can expect to get started within a few days. </p>
</div><!-- /.benefit-entry -->
</div>
<div class="benefit">
<div class="benefit-head " data-href=".open-source">
<span class="ico-wrapper">
<i class="ico ico-monitor-small"></i>
</span>
<h5 class="benefit-title">Open Source, free to use</h5><!-- /.benefit-title -->
</div><!-- /.benefit-head -->
<div class="benefit-entry open-source">
<p>The Scout framework is open source software and free to use for both pesonal and commercial projects. At the same time, Scout profits from the world-class IP management enforced in all Eclipse projects. </p>
</div><!-- /.benefit-entry -->
</div>
</div>
<div class="benefit-entries">
<div class="benefit-entry sustainable-investment">
<p>Sustainability and long-term thinking are in Scout’s genes. Over 15 years, Scout has evolved into the mature and versatile framework it is today. The open source communit around Scout is growing since 2009. This makes Scout a perfect choice for your business-critical applications.</p>
</div><!-- /.benefit-entry -->
<div class="benefit-entry open-source">
<p>The Scout framework is open source software and free to use for both pesonal and commercial projects. At the same time, Scout profits from the world-class IP management provided by the Eclipse foundation. </p>
</div><!-- /.benefit-entry -->
<div class="benefit-entry increase-productivity">
<p>Scout covers many recurring requirements such as user authentication, client server communication, data binding and building rich user interfaces. This allows the application developer to spend more time on understanding and implementing business cases. </p>
</div><!-- /.benefit-entry -->
<div class="benefit-entry time-to-market">
<p>Scout is simple to learn, offers free access to many resources and increases developer productivity. Backed by commercial support, the Scout framework can help your team to meet demanding deadlines. </p>
</div><!-- /.benefit-entry -->
<div class="benefit-entry simple-to-learn">
<p>Thanks to its plain Java/HTML5 technology stack and the available documentation Scout is simple to learn. Java developers can expect to get started within a few days. </p>
</div><!-- /.benefit-entry -->
</div><!-- /.benefit-entries -->
</div><!-- /.container -->
</section><!-- /.section-benefits -->
<section class="section-features">
<div class="container">
<div class="row">
<div class="section-head">
<h3>Scout Framework Features</h3>
</div><!-- /.section-head -->
</div><!-- /.row -->
</div><!-- /.container -->
<div class="section-body">
<div class="container">
<div class="row feature">
<div class="col-sm-6 col-md-5 col-md-offset-1">
<div class="feature-image">
<img class="img-responsive" src="css/images/scout_neon_multi_device_430.png" alt="" />
</div><!-- /.feature-image -->
</div><!-- /.col-sm-6 col-md-5 col-md-offset-1 -->
<div class="col-sm-5 col-md-5">
<div class="feature-content">
<h4>Multi Device Support</h4>
<p>Scout clients run on the desktop, on tablets and mobile devices.</p>
<p>A single code base is used to support the different devices. Default device transformations rules help you to keep device specific code to a minimum.</p>
</div><!-- /.feature-content -->
</div><!-- /.col-sm-6 col-md-5 -->
</div><!-- /.row feature -->
<div class="row feature">
<div class="col-sm-6 col-sm-push-6 col-md-push-6 col-md-5">
<div class="feature-image feature-image-right">
<img class="img-responsive" src="css/images/scout_java_model_background.png" alt="" />
</div><!-- /.feature-image -->
</div><!-- /.col-sm-6 col-md-5 -->
<div class="col-sm-6 col-sm-pull-6 col-md-5 col-md-pull-5 col-md-offset-1">
<div class="feature-content">
<h4>Java Application Model</h4>
<p>Scout applications are written against a plain Java application model.</p>
<p>This modeling approach keeps your business code clean and increases long term maintainability.</p>
</div><!-- /.feature-content -->
</div><!-- /.col-sm-6 col-md-5 col-md-offset-1 -->
</div><!-- /.row feature -->
<div class="row feature">
<div class="col-sm-6 col-md-5 col-md-offset-1">
<div class="feature-image" >
<img class="img-theming" width="340" src="css/images/scout_neon_theming_and_styling.png" alt="" />
</div><!-- /.feature-image -->
</div><!-- /.col-sm-6 col-md-5 col-md-offset-1 -->
<div class="col-sm-5 col-md-5">
<div class="feature-content">
<h4>HTML5 Rendering</h4>
<p>The rendering of Scout applications relies on HTML5, CSS3 and Javascript.</p>
<p>Styling and theming your Scout application is both simple and powerful. You may use global or component specific options to tune the look and feel of your application.</p>
</div><!-- /.feature-content -->
</div><!-- /.col-sm-6 col-md-5 -->
</div><!-- /.row feature -->
<div class="row feature">
<div class="col-sm-6 col-sm-push-6 col-md-push-6 col-md-5">
<div class="feature-image feature-image-right">
<img class="img-responsive" src="css/images/scout_modular_app.png" height="180" width="470" alt="" />
</div><!-- /.feature-image -->
</div><!-- /.col-sm-6 col-md-5 -->
<div class="col-sm-6 col-sm-pull-6 col-md-5 col-md-pull-5 col-md-offset-1">
<div class="feature-content">
<h4>Modular Applications</h4>
<p>Scout applications are modularized into layers and slices.</p>
<p>Depending on a common core, you may implement individual modules for different business aspects.</p>
</div><!-- /.feature-content -->
</div><!-- /.col-sm-6 col-md-5 col-md-offset-1 -->
</div><!-- /.row feature -->
</div><!-- /.container -->
</div><!-- /.section-body -->
</section><!-- /.section-features -->
<section class="section-testimonials">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="section-head">
<h3>We’re trusted by thousands of happy users</h3>
</div><!-- /.section-head -->
</div><!-- /.col-md-10 col-md-offset-1 -->
<div class="section-body">
<div class="col-sm-4 col-md-4 testimonial">
<blockquote>
<p>We were convinced by Scout's architecture, the short training times and the many active Scout committers. </p>
<!-- re-enable once other testimonials are ready
<a href="https://www.bsi-software.com/en/customers/agro.html" target="_blank">Read More</a>
-->
<span class="blockquote-triangle"></span>
</blockquote>
<div class="author">
<div class="author-image">
<img src="css/images/temp/nils.png" height="56" width="56" alt="" />
</div><!-- /.author-image -->
<div class="author-content">
<p class="author-name">Nils Israel</p><!-- /.author-name -->
<p class="author-position">Software Developer</p>
</div><!-- /.author-content -->
</div><!-- /.author -->
</div><!-- /.col-md-4 -->
<div class="col-sm-4 col-md-4 testimonial">
<blockquote>
<p>Everything you need in a business application is possible in Scout.</p>
<span class="blockquote-triangle"></span>
</blockquote>
<div class="author">
<div class="author-image">
<img src="css/images/temp/bertin.png" height="56" width="56" alt="" />
</div>
<div class="author-content">
<p class="author-name">Bertin Kiekebosch</p>
<p class="author-position">IT Manager</p>
</div>
</div>
</div>
<div class="col-sm-4 col-md-4 testimonial">
<blockquote>
<p>Tools and frameworks, such as Eclipse Scout, can significantly boost the productivity of developers.</p>
<!--
<a href="https://www.bsi-software.com/en/customers/agro.html">Read More</a>
-->
<span class="blockquote-triangle"></span>
</blockquote>
<div class="author">
<div class="author-image">
<img src="css/images/temp/mike.png" height="56" width="56" alt="" />
</div>
<div class="author-content">
<p class="author-name">Mike Milinkovich</p>
<p class="author-position">Director Eclipse Foundation</p>
</div>
</div>
</div>
</div><!-- /.section-body -->
</div><!-- /.row -->
</div><!-- /.container -->
</section><!-- /.section-testimonials -->
<section class="section-contact" id="contact-us">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">
<div class="form-contact">
<form action="mail-send.php" method="post">
<div class="form-head">
<h3>Ask a Question</h3>
<p>We can help. Tell us about your project and we'll get in touch.</p>
<p class="form-success" id="scroll"></p><!-- /.form-errors -->
<p class="form-errors"></p><!-- /.form-errors -->
</div><!-- /.form-head -->
<div class="form-body">
<div class="row">
<div class="col-md-6">
<div class="form-row">
<input type="text" class="field form-control" placeholder="First Name" name="fname" id="fname" />
</div><!-- /.form-row -->
</div><!-- /.col-md-6 -->
<div class="col-md-6">
<div class="form-row">
<input type="text" class="field form-control" placeholder="Last Name" name="lname" id="lname" />
</div><!-- /.form-row -->
</div><!-- /.col-md-6 -->
</div><!-- /.row -->
<div class="form-row">
<input type="text" class="field form-control" placeholder="Email Address" name="email" id="email" />
</div><!-- /.row -->
<div class="form-row">
<textarea name="message" id="message" cols="30" rows="10" placeholder="Message" class="textarea form-control"></textarea>
</div><!-- /.form-row -->
<!--
<div class="form-row">
<div class="form-controls">
<div class="checkbox custom-checkbox">
<input type="checkbox" name="newsletter" id="newsletter" checked="YES" />
<label for="newsletter" class="form-label">
<span class="custom-checkbox-fake"></span>
I wish to receive the quarterly Scout NEWSLETTER
</label>
</div>
</div>
</div>
-->
</div><!-- /.form-body -->
<div class="form-actions">
<input class="form-btn btn-default" type="submit" value="Submit" />
<!-- <input type="reset" class="form-btn form-btn-blue" /> -->
</div><!-- /.form-actions -->
</form>
</div><!-- /.form-contact -->
</div><!-- /.col-md-6 col-md-offset-3 -->
</div><!-- /.row -->
</div><!-- /.container -->
</section><!-- /.section-contact -->
</div><!-- /.content -->
</div><!-- /.main -->
<footer class="footer">
<a href="#" class="footer-toggler">show/hide footer</a>
<a target="_blank" href="http://www.eclipse.org" class="lnk-footer">Eclipse Home</a>
<a target="_blank" href="http://www.eclipse.org/legal/privacy.php" class="lnk-footer">Privacy Policy</a>
<a target="_blank" href="http://www.eclipse.org/legal/termsofuse.php" class="lnk-footer">Terms of Use</a>
<a target="_blank" href="http://www.eclipse.org/legal/copyright.php" class="lnk-footer">Copyright Agent</a>
<a target="_blank" href="http://www.eclipse.org/legal" class="lnk-footer">Legal</a>
<a target="_blank" href="https://twitter.com/EclipseScout" class="btn-social"><i class="fa fa-twitter-square"></i></a>
<a target="_blank" href="http://www.bsi-software.com/scout" class="btn-social"><i class="fa fa-rss-square"></i></a>
<a target="_blank" href="https://plus.google.com/103593107241008270960" class="btn-social"><i class="fa fa-google-plus-square"></i></a>
<a target="_blank" href="https://www.facebook.com/EclipseScout" class="btn-social"><i class="fa fa-facebook-square"></i></a>
<a target="_blank" href="https://www.youtube.com/user/eclipsescout" class="btn-social"><i class="fa fa-youtube-square"></i></a>
</footer><!-- /.footer -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-29181496-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</div><!-- /.wrapper -->
</body>
</html>