osr-plastic/control-freak-ide
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
master
control-freak-ide/Control-Freak-Documentation/screenshots/Screenshots.html
plastic-hub-dev-node-saturn 538369cff7 latest
2021-05-12 18:35:18 +02:00

165 lines
19 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<!-- saved from url=(0084)http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots -->
<html class="no-js" lang="en"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Screenshots</title>
<meta name="description" content="">
<meta name="author" content="Justin Walsh">
<meta charset="UTF-8">
<link rel="icon" href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/themes/daux/img/favicon-blue.png" type="image/x-icon">
<!-- Mobile -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Font -->
<link href="./Screenshots_files/css" rel="stylesheet" type="text/css">
<!-- CSS -->
<link href="./Screenshots_files/theme.min.css" rel="stylesheet" type="text/css"><link href="./Screenshots_files/theme-blue.min.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body class="">
<div class="container-fluid fluid-height wrapper">
<div class="navbar navbar-static-top hidden-print">
<div class="container-fluid">
<a class="brand navbar-brand pull-left" href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/index">Control - Freak</a>
</div>
</div>
<div class="row columns content">
<div class="left-column article-tree col-sm-3 hidden-print">
<!-- For Mobile -->
<div class="responsive-collapse">
<button type="button" class="btn btn-sidebar" id="menu-spinner-button">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="sub-nav-collapse" class="sub-nav-collapse">
<!-- Navigation -->
<ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Getting_Started">Getting Started</a></li><li class="open"><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">Overview</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Technologies">Technologies</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Goals">Goals</a></li><li class="active"><a href="./Screenshots_files/Screenshots.html">Screenshots</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">Software</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">MQTT</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Software/MQTT/Software">Software</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Software/MQTT/Architecture">Architecture</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Software/Tools" class="folder">Tools</a><ul class="nav nav-list"></ul></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Installation" class="folder">Installation</a><ul class="nav nav-list"></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">Interface Designer</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Guide">Guide</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">Examples</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Examples/Button_Group">Button Group</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets" class="folder">Widgets</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/Button">Button</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/channelBreakpoints">channelBreakpoints</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/Checkbox">Checkbox</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/Combobox">Combobox</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/features">features</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/LinearLayout">LinearLayout</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">list</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/list/List">List</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/list/PageableList">PageableList</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/ProgressBar">ProgressBar</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/ProgressIndicator">ProgressIndicator</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/RadioButton">RadioButton</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/ResponsiveColumns">ResponsiveColumns</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/ScrollableContainer">ScrollableContainer</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/Select">Select</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/setup">setup</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/SidePane">SidePane</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/Slider">Slider</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/StarRating">StarRating</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/Store">Store</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/styling">styling</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/SwapView">SwapView</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/Switch">Switch</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/Toaster">Toaster</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/ToggleButton">ToggleButton</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/tutorial" class="folder">tutorial</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/tutorial/Part1GettingStarted">Part1GettingStarted</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/tutorial/Part2QuickLook">Part2QuickLook</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/tutorial/Part3PhotoFeedApp">Part3PhotoFeedApp</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/tutorial/Part4ListView">Part4ListView</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/tutorial/Part5CustomRenderer">Part5CustomRenderer</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/tutorial/Part6DetailsView">Part6DetailsView</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/tutorial/Part7SettingsView">Part7SettingsView</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/tutorial/Part8Build">Part8Build</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/ViewIndicator">ViewIndicator</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Interface_Designer/Widgets/ViewStack">ViewStack</a></li></ul></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">Utils API</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Utils_API/Arrays_Strings_Numbers">Arrays Strings Numbers</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Utils_API/Time_Dates">Time Dates</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Utils_API/jQuery">jQuery</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">SDK</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">XIDE VE</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/SDK/XIDE_VE/Actions">Actions</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/SDK/XIDE_VE/Readme">Readme</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/SDK/XIDE_VE/VisualEditor">VisualEditor</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/SDK/XIDE_VE/XBlox">XBlox</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">XIDE</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/SDK/XIDE/Actions" class="folder">Actions</a><ul class="nav nav-list"></ul></li></ul></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">Deployment</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Deployment/Overview">Overview</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">Logging</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Logging/Overview">Overview</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Components" class="folder">Components</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Components/IDE">IDE</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Components/Dependencies">Dependencies</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#" class="aj-nav folder">Driver</a><ul class="nav nav-list"><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Driver/Overview">Overview</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Driver/Guide">Guide</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Driver/API">API</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Driver/Editors">Editors</a></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Driver/Debugging">Debugging</a></li></ul></li><li class=""><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Folder_Structure" class="folder">Folder Structure</a><ul class="nav nav-list"></ul></li></ul>
<div class="sidebar-links">
<p><small>Documentation generated by <a href="http://daux.io/">Daux.io</a></small></p>
</div>
</div>
</div>
<div class="right-column content-area col-sm-9">
<div class="content-page">
<article>
<div class="page-header sub-header clearfix">
<h1><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Technologies">Overview</a> <i class="glyphicon glyphicon-chevron-right"></i> <a href="./Screenshots_files/Screenshots.html">Screenshots</a> </h1>
<span style="float: left; font-size: 10px; color: gray;">
Tuesday, November 3, 2015 </span>
<span style="float: right; font-size: 10px; color: gray;">
1:31 PM </span>
</div>
<h2>Summary</h2>
<p><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#basics">1. Basics</a><br>
<a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#classics">2. Classics</a><br>
<a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#xblox">3. XBlox</a><br>
<a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#ve">4. Visual Editor</a><br>
<a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#drivers">5. Drivers</a><br></p>
<p><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#screenshots">6. Even More Screenshots</a><br></p>
<h3><a name="basics">1. Basics</a></h3>
<h3>Most in <em>Control Freak</em> is based on files. The file manager is being developed since 3 years and combines the best known from native file - managers:</h3>
<img style="width:100%" src="./Screenshots_files/browser.png">
<img style="width:100%" src="./Screenshots_files/preview.jpg">
<hr>
<h3>As in any operating system, items can be opened in different editors:</h3>
<img style="width:100%" src="./Screenshots_files/editors.png">
<img style="width:100%" src="./Screenshots_files/aviary.png">
<img style="width:100%" src="./Screenshots_files/pixie.png">
<h3><strong>Important</strong></h3>
<p>Users can use their preferred editors. Any change of files will cause updates in the IDE and the control-application.</p>
<hr>
<h3><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#classics">2. Classic Interface</a><br></h3>
<p>All user actions can be performed through:</p>
<ul>
<li>Ribbons</li>
<li>Context - Menu</li>
<li>Local Toolbar</li>
<li>Main-Menu</li>
<li>Keyboard Short-cuts</li>
</ul>
<img style="width:100%" src="./Screenshots_files/menus.png">
<hr>
<h3><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#xblox">3. Visual Scripting Language "xBlox"</a><br></h3>
<p><em>Control Freak</em> provides a visual programming language which has been integrated through the entire system, enabling extensibility and comfortable automation tasks:</p>
<h4>XBlox as IDE plugin:</h4>
<img style="" src="./Screenshots_files/xblox.png">
<hr>
<h4>The powerful and flexible 'Set Style' block</h4>
<img style="" src="./Screenshots_files/xblox2.png">
<h5>This block can style multiple properties and elements (by css, id, class,....) !</h5>
<br>
<br>
<h4>A simple expression editor</h4>
<img style="" src="./Screenshots_files/command.png">
<hr>
<h4>A guided expression editor</h4>
<img style="" src="./Screenshots_files/exp.png">
<hr>
</ul>
<img style="" src="./Screenshots_files/behaviours.png">
<hr>
<ul>
</ul>
<h3><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#ve">4. Visual Editor</a><br></h3>
<h4>Widgets with xBlox scripts</h4>
<img style="" src="./Screenshots_files/widget-blox.png">
<hr>
<h4>Creating xBlox scripts per element or domain events</h4>
<img style="" src="./Screenshots_files/variable_changes.png">
<hr>
<h4>Features of the 'Visual Editor'</h4>
</ul>
<h4>Recent screenshot</h4>
<img style="" src="./Screenshots_files/ve.png">
<hr>
<h3><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#drivers">5. Drivers</a><br></h3>
<p>Lets talk pictures:</p>
<img style="" src="./Screenshots_files/drivers_200.png">
<hr>
<img style="" src="./Screenshots_files/drivers_127.png">
<hr>
<h3><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Screenshots#screenshots">6. More screenshots</a><br></h3>
<img style="" src="./Screenshots_files/protocol_editor.png">
<hr>
<img style="" src="./Screenshots_files/prev2.jpg">
<hr>
<img style="" src="./Screenshots_files/run.jpg">
<hr>
<nav>
<ul class="pager">
<li><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Overview/Goals">Previous</a></li> <li><a href="http://127.0.0.1/projects/x4mm/Control-Freak-Documentation/daux/Software/MQTT/Software">Next</a></li> </ul>
</nav>
</article>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="./Screenshots_files/jquery-1.11.3.min.js"></script>
<!-- hightlight.js -->
<script src="./Screenshots_files/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- JS -->
<script src="./Screenshots_files/daux.js"></script>
</body></html>
Reference in New Issue View Git Blame Copy Permalink