hermet pushed a commit to branch master.

http://git.enlightenment.org/website/www-content.git/commit/?id=a3c43bb61322232de9504791be5072143cd29bc4

commit a3c43bb61322232de9504791be5072143cd29bc4
Author: Hermet Park <her...@hermet.pe.kr>
Date:   Tue Jul 12 18:57:55 2016 +0900

    about enventor: updated content.
---
 media/enventor-about.png        | Bin 0 -> 78655 bytes
 media/enventor-autocomplete.png | Bin 0 -> 110676 bytes
 media/enventor-candidate1.png   | Bin 0 -> 104095 bytes
 media/enventor-candidate2.png   | Bin 0 -> 102057 bytes
 media/enventor-candidate3.png   | Bin 0 -> 111879 bytes
 media/enventor-layout.png       | Bin 0 -> 247204 bytes
 media/enventor-main.png         | Bin 574740 -> 281133 bytes
 pages/about-enventor.txt        |  69 +++++++++++++++++++++++++++++++++++++++-
 8 files changed, 68 insertions(+), 1 deletion(-)

diff --git a/media/enventor-about.png b/media/enventor-about.png
new file mode 100644
index 0000000..ae63efa
Binary files /dev/null and b/media/enventor-about.png differ
diff --git a/media/enventor-autocomplete.png b/media/enventor-autocomplete.png
new file mode 100644
index 0000000..e53f9f1
Binary files /dev/null and b/media/enventor-autocomplete.png differ
diff --git a/media/enventor-candidate1.png b/media/enventor-candidate1.png
new file mode 100644
index 0000000..632d44e
Binary files /dev/null and b/media/enventor-candidate1.png differ
diff --git a/media/enventor-candidate2.png b/media/enventor-candidate2.png
new file mode 100644
index 0000000..43733d3
Binary files /dev/null and b/media/enventor-candidate2.png differ
diff --git a/media/enventor-candidate3.png b/media/enventor-candidate3.png
new file mode 100644
index 0000000..65641fa
Binary files /dev/null and b/media/enventor-candidate3.png differ
diff --git a/media/enventor-layout.png b/media/enventor-layout.png
new file mode 100644
index 0000000..69d406e
Binary files /dev/null and b/media/enventor-layout.png differ
diff --git a/media/enventor-main.png b/media/enventor-main.png
index e07c78b..c6466bf 100644
Binary files a/media/enventor-main.png and b/media/enventor-main.png differ
diff --git a/pages/about-enventor.txt b/pages/about-enventor.txt
index 89ee56f..b19f7e5 100644
--- a/pages/about-enventor.txt
+++ b/pages/about-enventor.txt
@@ -7,4 +7,71 @@
 
 {{ :enventor-main.png?&200|}}
 
-Enventor, which is also known as EDC (Edje Data Collections) Editor, is a 
useful EDC script editor tool that supports text edit function and preview 
function for EDC source code. When your application requires realtime 
changeable layouts like animative ones, then you could write those layout 
design using EDC script, compile it to EDJ format then import it into your 
application. You can write any kinds of design layouts from simple to complex 
ones if you use EDC script with Enventor. Enve [...]
+Enventor, which is also known as EDC (Edje Data Collections) Editor, is a 
useful EDC script editor tool that supports text edit function and preview 
function for the EDC source code. When your application requires realtime 
changeable layouts like animative ones, then you could write those layout 
design using EDC script, compile it to EDJ format data file then import it into 
your application using a UI layout. But not only for that, you can write any 
kinds of design layouts from simple to [...]
+
+=== About Enventor ===
+
+{{:enventor-about.png?&200 |}
+
+Basically, Enventor view is divided into 2 sections, live view and text view. 
The live view is the left pane of Enventor window and it previews images 
corresponding to the part objects of the EDC source code. The text view is the 
right pane of Enventor window and it contains the EDC source code. Thanks to 
its realtime updation mechanism, Enventor updates the preview on realtime while 
you are modifying the source code that helps you to see the result on the spot. 
Other than that, Enventor [...]
+
+ * Enventor Layout
+ * Using Text View
+ * Using Live View
+ * Using EDC Navigator
+ * Interactive Feedback
+ * Tool Functions
+ * Configuration Setting
+
+==Enventor Layout==
+
+{{ :enventor-layout.png?&200|}
+
+The following figure illustrates the whole layout of Enventor. In the figure:
+
+  * Red: Toolbar
+  * Cyan: File browser
+  * Green: Live view
+  * Blue: Text view
+  * Orange: EDC navigator
+  * Purple: Console view
+  * White: File tab
+  * Yellow: Status bar
+
+==Using Text View==
+
+Enventor text view mainly supports text editing. You can write and modify EDC 
source code in this view. Once part sections are written in the text view and 
the modified EDC source code is saved, preview images corresponding to the part 
objects of the EDC source code are displayed in the live view.
+
+Text view supports the following features:
+
+  * Auto-complete
+
+{{:enventor-autocomplete.png?&200 |}
+
+  To help you write EDC source code, Text view supports auto-complete 
function, which lists the reserved keywords in a contextual pop-up.
+
+  When you enter a part of a reserved keyword, a contextual pop-up comes up 
with a list of keywords beginning with your input string. Choose one keyword 
with up and down arrow keys and press "Enter". The keyword is selected and a 
related EDC code snippet is inserted in the text view automatically. In 
contrast, if you press "Backspace" key, the auto-complete function is cancelled 
and the contextual pop-up will be dismissed. In addition, you can enable or 
disable the auto-complete function [...]
+
+  You can also suse auto-complete as context help: press "Ctrl+Space" key 
combination to show a list of available keywords in the current cursor position 
context.
+
+  * Candidate list
+
+{{ :enventor-candidate1.png?&200|}
+
+  The EDC script provides a variety of pre-defined keywords including part 
object types and program action types. To edit the keywords easier, text view 
supports a candidate list function for the keywords. When you double-click a 
keyword in the text view, the available candidate keyword list based on the 
context pops up. If you select one of the candidate keywords, the 
double-clicked keyword is changed to the selected one.
+
+{{:enventor-candidate2.png?&200 |}
+
+  The candidate list function also helps you to know the available range of 
the numeric values based on the context. The numeric candidate function shows 
the range of the available number. While you are dragging the slider, Enventor 
updates the preview instantly.
+
+  * Color selector
+
+{{ :enventor-candidate3.png?&200|}
+
+  To change color values, use the color selector tool. Each time when the 
"color" keyword is double-clicked, it displays the color selector.
+
+  * Text Zooming
+
+{{:enventor-text-zoom.png?&200 |}
+
+  Zooming in/out text view area changes the font size relative to the zoom 
factor. This action can be done by "Ctrl+Mouse Wheel Up/Down" or inside Text 
Editor Setting. (Settings -> Text Editor)

-- 


Reply via email to