<!DOCTYPE html>
<html lang="zxx" class="no-js">
<head>
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon-->
<link rel="shortcut icon" href="/img/fav.png">
<!-- Author Meta -->
<meta name="author" content="vitor viana">
<!-- Meta Description -->
<meta name="description" content="vf-os portal">
<!-- Meta Keyword -->
<meta name="keywords" content="">
<!-- meta character set -->
<meta charset="UTF-8">
<!-- Site Title -->
<title>vf-OS Developer Portal | OAK Toolkit</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
<!--
CSS
============================================= -->
<link rel="stylesheet" href="/css/linearicons.css">
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/bootstrap.css">
<link rel="stylesheet" href="/css/magnific-popup.css">
<link rel="stylesheet" href="/css/nice-select.css">
<link rel="stylesheet" href="/css/animate.min.css">
<link rel="stylesheet" href="/css/owl.carousel.css">
<link rel="stylesheet" href="/css/main.css">
</head>
<body>
<header id="header" id="home">
<div class="container main-menu">
<div class="row align-items-center justify-content-between d-flex">
<div id="logo">
<a href="/"><img src="/img/vf-OS_logo_v2.png" style="width: 115px;" alt="vf-OS Logo" /></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="menu-active"><a href="/">Home</a></li>
<li><a href="/showcases-for-industry/">Showcases for Industry</a></li>
<li><a href="/components-for-industry/">Open Source Components for industry</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</div>
</header><!-- #header -->
<!-- start banner Area -->
<section class="banner-area relative" id="home">
<div class="overlay overlay-bg"></div>
<div class="container">
<div class="row d-flex align-items-center justify-content-center">
<div class="about-content col-lg-12">
<h1 class="text-white">
OAK Toolkit
</h1>
<p class="text-white link-nav"><a href="/components-for-industry/application-development/">Application Development Components</a><span class="lnr lnr-arrow-right"></span><a href="/components-for-industry/application-development/oak-toolkit/">OAK Toolkit</a></p>
</div>
</div>
</div>
</section>
<!-- End banner Area -->
<!-- Start service Area -->
<section class="service-area section-gap-small" style="padding-bottom: 10px;" id="service">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-20 col-lg-7">
<div class="title text-center">
<p>
A composition of tools for developers in the context of vf-OS. The contained tools provide means to develop vf-OS Assets, such as vApps, Enablers, etc.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3">
<a href="/components-for-industry/application-development/oak-toolkit/oak-sdk">
<div class="single-service">
<div class="thumb">
<img src="img/vf-oak-sdk.png" alt="">
</div>
<h4>vf-OAK SDK</h4>
<p>The SDK is the kernel and heart of the vf-OS Framework, putting all needed vf-OS resources at the tip of the developers��� fingers</p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-3">
<a href="/components-for-industry/application-development/oak-toolkit/oak-studio">
<div class="single-service">
<div class="thumb">
<img src="img/vf-oak-studio.png" alt="">
</div>
<h4>vf-OAK Studio</h4>
<p>The vf-OAK Studio is the vf-OS IDE and provides necessary tools and means to develop, publish and deploy applications.</p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-3">
<a href="/components-for-industry/application-development/oak-toolkit/frontend-environment">
<div class="single-service">
<div class="thumb">
<img src="img/vf-oak-frontend.png" alt="">
</div>
<h4>vf-OAK Frontend</h4>
<p>Frontend Environment provides a framework which facilitates the composition of Application frontends</p>
</div>
</a>
</div>
<div class="col-lg-3 col-md-3">
<a href="/components-for-industry/application-development/oak-toolkit/process-enabler-designer">
<div class="single-service">
<div class="thumb">
<img src="img/process-designer.png" alt="">
</div>
<h4>Process Designer</h4>
<p>The vf-OS Process Designer is a front-end application that lets you design vApps by connecting the different Assets provided by vf-OS</p>
</div>
</a>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3">
<a href="/components-for-industry/application-development/oak-toolkit/data-mapping">
<div class="single-service">
<div class="thumb">
<img src="img/data-mapping.png" alt="">
</div>
<h4>Data Mapping</h4>
<p>Data Mapping allows designing Manufacturing Maps to support Data Integration activities between different document schemas. These maps can then be published on vf-OS Marketplace.</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- End service Area -->
<!-- start footer Area -->
<footer class="footer-area section-gap">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>About vf-OS</h6>
<p>
vf-OS offers a manufacturing orientated cloud platform, supporting a multi-sided market
ecosystem that provides a range of services for the connected factory of the future,
allowing manufacturing companies to develop and integrate better manufacturing and
logistics processes
</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>Navigation Links</h6>
<div class="row">
<div class="col">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/components-for-industry/environment/">Environment</a></li>
<li><a href="/components-for-industry/application-development/">Application Development</a></li>
<li><a href="/components-for-industry/application-services-and-middleware/">Application Service & Middleware</a></li>
<li><a href="/components-for-industry/application-deployment/">Application Deployment</a></li>
</ul>
</div>
<div class="col">
<ul>
<li><a href="http://www.vf-os.eu/technologies">Technologies</a></li>
<li><a href="http://www.vf-os.eu/partners">Partners</a></li>
<li><a href="http://www.vf-os.eu/blog">Blog</a></li>
<li><a href="http://www.vf-os.eu/contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row footer-bottom d-flex justify-content-between align-items-center">
<div class="col-lg-8 col-sm-12 footer-text m-0">
<img src="/img/europe.png">
<p>This project has received funding from the European Union���s Horizon 2020 research and innovation programme under
grant
agreement No 723710.</p>
</div>
</p>
<div class="col-lg-4 col-sm-12 footer-social">
<a href="https://www.facebook.com/vfoseuropeanproject/"><i class="fa fa-facebook"></i></a>
<a href="http://www.vf-os.eu"><i class="fa fa-globe"></i></a>
<a href="https://www.youtube.com/channel/UCN-5AXqIaXjXItq8jJuoW1w"><i class="fa fa-youtube-play"></i></a>
<a href="https://www.linkedin.com/in/vf-os-project/"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!-- End footer Area -->
<script src="/js/vendor/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBhOdIF3Y9382fqJYt5I_sswSrEw5eihAA"></script>
<script src="/js/easing.min.js"></script>
<script src="/js/hoverIntent.js"></script>
<script src="/js/superfish.min.js"></script>
<script src="/js/mn-accordion.js"></script>
<script src="/js/jquery.ajaxchimp.min.js"></script>
<script src="/js/jquery.magnific-popup.min.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<script src="/js/jquery.nice-select.min.js"></script>
<script src="/js/jquery.circlechart.js"></script>
<script src="/js/mail-script.js"></script>
<script src="/js/main.js"></script>
</body>
</html>