Hi Dakshika,

Following are the meeting notes on flowchart editor:

   - Drag and drop basic elements to create a new element.
   - Distinguish the elements in the palette.
   - Set two endpoints for each element. (one in and one out)
   - Highlight the target endpoints when a connector is being dragged from
   an endpoint.
   - Break single line content to multiple lines based on the element width.
   - Delete a connection/element by showing a cross over it.
   - Show delete option when an element/connection is clicked.
   - If possible, inside a single div separate the palette and the drawing.
   - Change the border color of end element.
   - Highlight the whole background of an element when it is selected.
   - Avoid the endpoint dislocation of the decision element.

I implemented these suggestions to the existing flowchart editor.

Thank you.

Dilini Mihindra Mampitiya Arachchi
Intern - Software Engineer
WSO2 Inc.
Mobile: +94 710 420 550
Email: [email protected]
   <http:///dilinimampitiya.wordpress.com>  <https://twitter.com/dilu_7392>

On Wed, Apr 6, 2016 at 11:06 AM, Dakshika Jayathilaka <[email protected]>
wrote:

> Hi,
>
> Can you share the notes that taken during the review.
>
> Regards,
>
> *Dakshika Jayathilaka*
> PMC Member & Committer of Apache Stratos
> Senior Software Engineer
> WSO2, Inc.
> lean.enterprise.middleware
> 0771100911
>
> On Fri, Mar 18, 2016 at 12:13 PM, Dilini Mihindra <[email protected]>
> wrote:
>
>> Hi all,
>>
>> I implemented a flowchart editor for the Process Center (PC). It was
>> implemented using the jsPlumb.js library. A user can describe a BPMN
>> process by creating a corresponding flowchart diagram using this editor.
>> There are four basic elements in the editor; the start element, the
>> decision element, the step element and the end element.
>>
>> Following functionalities are included in the editor:
>>
>>    - User can draw flowchart diagrams using the elements provided in the
>>    palette.
>>    - User can connect elements by drawing connections from source
>>    endpoints to target endpoints.
>>    - These connections can be labeled.
>>    - Elements and connections can be deleted.
>>    - All the elements within the drawing area can be dragged and
>>    re-positioned.
>>    - The step and the decision elements can be re-sized.
>>    - User can edit the label of an element and specify his/her own
>>    descriptions.
>>    - User can modify previously saved flowcharts.
>>
>> Please find a document containing more details regarding the flowchart
>> editor, attached herewith.
>>
>> Thank you.
>>
>> Dilini Mihindra Mampitiya Arachchi
>> Intern - Software Engineer
>> Mobile: +94 710 420 550
>> Email: [email protected]
>>
>> _______________________________________________
>> Architecture mailing list
>> [email protected]
>> https://mail.wso2.org/cgi-bin/mailman/listinfo/architecture
>>
>>
>
_______________________________________________
Architecture mailing list
[email protected]
https://mail.wso2.org/cgi-bin/mailman/listinfo/architecture

Reply via email to