Flint User Manual - Embien Technologies
Contents
1. E aNEH File Edit Navigate Search Project Run Window Help e Available Software m M 1 Spo T Quick Access i j Java F Flint ig uu A TES Check the items that you wish to install Quick Access i E8 amp ER F Flint Navigator 51 SE Outline 7 Widgets 53 ke as i it e Work with flint http www embien com eclipse plugins LH FedView D mat demo CJ Button Find more software by working with the A buone A Label type filter text El ListBox Name Version EH uistview A Fii V 4 Flint Plugin For Sparklet and RAPIDSEA 1 0 0 201507281023 ses EditBox EF comboBox 2 Slider Un ProgressBar CheckBox SelectAll Deselect All litem selected IC Meter Details me L ImageHolder ie Properties 5 Hant vos V Show only the latest versions of available software V Hide items that are already installed Pepe Value C Group items by category What is already installed a Info Show only software applicable to target environment derived false 3 2 editable true V Contact all update sites during install to find required software last modified July 27 2015 at 8 14 08 PM linked false location E DSSBT sparklet_andriod mat_d name mat_demo path mat_demo Q Finish Console 7 Flint Console Started Flint Plug In lt gt Figure 10 Available Software Sites Development Overview zb A dialog will list the software sites from where the Eclipse and its components are installed e e Install2. Figure 5 Grouped By Category CHR Development Overview Now uncheck the Groups Item by category checkbox This will show the availability of Flint Plug in eig s Java Eclipse File Edit Navigate Search Project Available Software Check the items that you wish to install 3 Welcome X amp Workbench Work with Flint http www embien com eclipse plugins m Find more software by working with the Available Software Sites preferences type filter text Welco Overview Get an overviel Name Version G Flint Plugin For Sparklet and RAPIDSEA 1 0 0 201507140743 sen Details 7 Show only the latest versions of available software V Hide items that are already installed 7 Group items by category What is already installed E Show only software applicable to target environment I Contact all update sites during install to find required software Figure 6 Flint Plug in Ungrouped Now enable the check box against the Flint Plug in and press the Next button File Edit Navigate Search Project 3 Welcome 1 amp Available Software Check the items that you wish to install Workbench Work with Flint http www embien com eclipse plugins Find more software by working with the Available Software Site
3. There is no site selectef e Add Repository Overview Get an overvie Name Flint Location http www embien com eclipse plugins Samples Try out the sam Details V Show only the latest versions of available software V Hide items that are already installed V Group items by category What is already installed Show only software applicable to target environment V Contact all update sites during install to find required software Figure 4 Flint Plug In address Up on clicking the OK button it should list the available plug in in the site It may not show the plug in as it is not categorized File Edit Navigate Search Project 3 Welcome 5 a Available Software t e lc e Check the items that you wish to install Work with Flint http www embien com eclipse plugins Find more software by working with the Available Software Sites preferences Wel Col senger Name Overview Get an overview Version E There are no categorized items Select Ai Deselect All Details Show only the latest versions of available software V Hide items that are already installed V Group items by category What is already installed Show only software applicable to target environment V Contact all update sites during install to find required software
4. MyDemo sparklet apps Pe N ai Figure 25 New Sparklet Application 1 Designing for Sparklet The New Sparklet Application wizard is started Enter the Folder name to hold the application In this example it is entered as MyApp CURE 1 ia x File Edit Navigate Search Project Run Window Help TID rum PET vu Quick Access P amp Java F Fint New Sparklet Application EE F Flint Navigator 53 EL D GE Outline 23 Widgets pp as v Sparklet App An outline is not available amp MyDemo Specify name of Sparklet App bin resources sparklet apps Enter or select the parent folder MyDemo sparklet apps tbc 4 amp MyDemo amp bin resources sparklet apps E Properties 3 Ep rer B Property Value 4 Info derived false editable true Folder name MyApp last modified 23 July 2015 8 49 04 pm linked false location C Users pandian workspac name sparklet apps poete E on path MyDemo sparklet apps Flint Console Started Flint Plug In L 5 MyDemo sparklet apps 20 57 a Pe ill PN AO 23 57 25 Figure 26 Application Name Entry Up on completing the wizard the Sparklet application is created A efw Embien Flint Window file is created and is ready for editing Designing for Sparklet Mr The below screen shows the MyApp efw file opened in the design view Flint MyDemo spark File Edit Navigate Search Project Run Window
5. INS UTE Quick Access i E amp Java F Fint F Flint Navigator 53 D 3 MyApp efw 22 D Ez Outline Widgets 53 P Beg 2 A Fixeaview E 4e on feier Button y euer A Label 4 sparklet apps ListBox 1m nee ListVi MyAppiefw E B flint efp exe ScrollView EH EditBox EP ComboBox Slider 3 ProgressBar M CheckBox Vee E E Properties 3 Ep rg n Property Value 4 Info derived false editable true last modified 23 July 2015 8 57 51 pm linked false l m location _C Users pandian workspac Design Source ee MyApp 3 path MyDemo sparklet apps M EJ Console 7 AMAB nren Flint Console Generated source file C Users pandian Desktop sparklet_andriod SPARKLET_GUI src sgui APP flint_window_2 c Successfully built D Figure 32 Build Process completed Designing for Sparklet EE During build the Flint displays various steps as well as the result of the operation This information can be used to identify issues if any 3 5 Editing Project Whenever needed the Flint project properties can be edited by opening the project properties section To do the same right click on the project and select Properties option in the pop up menu A dialog will be shown with a list of grouping in the left Select the Flint option there and in the right the Project Properties page will be loaded Edit the fields as necessary and apply changes for them to take effect Designing for
6. 3 Welcome X amp Workbench Work with BEER e Add Find more software by working with the Available Software Sites preferences type filter text Welco Name Version There is no site selected 7 Overview 1 Get an overview Samples Try out the sam Ca Details V Show only the latest versions of available software Hide items that are already installed V Group items by category What is already installed Show only software applicable to target environment V Contact ell update sites during install to find required software 20 17 23 07 2015 e H Al D Figure 3 New Software Entry Now press the Add button which will again shows a dialog asking for the plug in site In the first field Name give a unique name to identify this server for e g Flint In the Location field provide the address http www embien com eclipse plugins Development Overview Ft This step is shown in the below picture Java Eclipse zZ File Edit Navigate Search Project Ri Available Software Select a site or enter the location of a site 3 Welcome 5 amp Work with type or select a site Find more software by working with the Available Software Sites preferences Workbench Welco ype iter tet Name Version
7. Aborting 11 40 AM 8 6 2015 zx 2 Figure 30 New View after Creation 3 4 Building Project Whenever Eclipse detects change in a resource it will automatically build the project In case a complete rebuild is required enable the Build Automatically option in the Project menu and select Clean option Se Designing for Sparklet Open Project Close Project F Flint Navigator 53 6 H Build All Ctri B Bg 2 E Fixedview pe Build Project 4 amp MyDemo Oo amp bin Build Working Set gt Button resources Clean s E 4 sparklet apps Build Automatically ListBox E 4 MyApp ER MyApp efw Properties ES LI ScrollView al tas EP ComboBox lt lt Slider 3 ProgressBar CheckBox Ir SIT EI Properties x r ta v Oo Property Value Background Col RGB 128 255 128 Custom Draw False Event Handler Disable Height 480 a ge 1D fv_demo t Visible True Design Source Width 800 X Position 0 Console 53 Raltaran Y Position Flint Console Started Flint Plug In 2 Figure 31 Rebuild Project A dialog will be shown to choose the projects to be cleaned Choose the necessary projects either all or only specific ones Once done all the resources are built and source files generated in the configured output directories File Edit Navigate Search Project Run Window Help
8. 26 Figure 20 New Project Wizard amants atre oaa e ta eue ood aide Ea oe eae Re er 26 Figure 21 Output Path Selection o eerte e Ue enr eoe ad dote et REO DET ER err E o inre eres 27 Figure 22 Flint Project Wizard Completed ennemis 28 Figure 23 Project in Flint Perspective iioc rte ert emen aea e nl ee e ER eR d eege 28 Figure 24 Creating New Sparklet Application 29 Figure 25 New Sparklet Appltcatton eene nnne nnn nnne nnn nnns 29 Figure 26 Application Name Entry nene nennen ennt nnns sns snnt ananas essa ann ns 30 Figure 27 Window opened in Design View 31 Figure 28 Editing Background Color of a Fixed View 32 Figure 29 Creating New VIGW neces trot herein a Ese pate ea Reste aue eege oe YR dents des 32 Figure 30 New View after Greation uenit teet eue EAR 33 Figure 31 REDUIG Re Ee GE 34 Figure 32 Build Process completed sisi 34 Revision History Revision Author Description 1 0 06 Aug 2015 SP Initial release Introduction Chapter Introduction This chapter provides a brief introduction about the Flint IDE scope of this document and sets the context for the further reading Introduction 1 1 Purpose ofthe Document Embien offers various cutting edge solutions for the industry Of them Sparklet Embedded UI library is a light weight library created to run on top of resource critical embedded systems Intended for a wide range of applications not limited to I
9. Help mees QE Price vor Quick Access i g9 amp Java F Flint F Flint Navigator 7 O MyAppefw GSE Outline 7 Widgets 22 g Bg FA FixedView E yd mi LJ Butto Fixedview resources A Label a sparklet apps E ListBox E 4 amp MyApp E ListView E MyApp efw eet ScrollView D EditBox EP ComboBox lt Slider ProgressBar M CheckBox Tel e za EI Properties i Ep Mee voa Property Value 4 Info derived false editable true last modified 23 July 2015 8 57 51 pm linked false cu A GE location C Users pandian workspac Design Source See MyApp ath MyDemo sparklet apps M EJ Console 5 SE log p cp E Ke Flint Console Started Flint Plug In 20 58 23 07 2015 o s al Figure 27 Window opened in Design View Now the widgets can be dragged and dropped on to the window For example click on the Fixed View in the widget tool box and place it on the design view Double click on the dropped control and edit the properties A brief help information for that property is displayed in the Help Area status bar of Eclipse For example to change the view background color click on the Background Color property and from the dialog select the color needed as shown below Designing for Sparklet File Edit Navigate Search Project Run Window Help EL QE MEME EEE Quick Access EI amp Jova F Tint F Flint
10. Navigator 3 O 1 MyAppeefw 23 am Outline m Widgets 7 o B Y 2 Fixedview ied 4 E cona Button i Le pus Abd a sparklet apps Ei ListBox s 4 MyApp EB ListView E MyApp efa ed LI ScrollView m m L all EditBox AE WI m m EP ComboBox EEE LR 22 Slider EE EES m 2 ProgressBar Lun m V CheckBox EBENEN E m n 1 m E Properties x r E ta v B T Ur uw WD me Property Value 0f UE UL UE 1 Background Col El 0 255 255 fen Custom Drew False Define Custom Colors gt gt Event Handler Disable E amg D fv demo Visible True Design Source Width 800 a X Position 0 EJ Console 3 amp giMme 0 0 YPosition 3 Flint Console Started Flint Plug In E i Widget Used Color 21 02 23 07 2015 e W al Figure 28 Editing Background Color of a Fixed View New view can be created apart from the window which can be placed programmatically on top of the window To create a new view right click on the Application directory My App in this case and select New gt Other On the dialog select Sparklet View option e Flint Eclipse a File Edit Navigate Search Project Run Window Help Debatt gut eet AA EN a ea Quick Access g9 amp ave F Flint F Flint Navigator 52 EI EE D Er Outline 53 idget evra GD mat demo An outline is not available 4 amp My Demo bin resources a sparklet apps 4 MyApp S MyApp efw type fitter text gt amp Gen
11. RAPIDSEA Chapter Designing for RAPIDSEA This chapter introduces concepts for the developer and sets stage for developing applications using RAPIDSEA with Flint IDE Designing for RAPIDSEA 4 1 Introduction RAPIDSEA support in Flint is not publically available for now Expect update from us soon in this regard A dialog will be shown with a list of grouping in the left Select the Flint option there and in the right the Project Properties page will be loaded Edit the fields as necessary and apply changes for them to take effect Appendix Chapter Appendix This section lists external information regarding Flint like Known issues To Do lists etc Appendix 5 1 Known Issues Some of the known issues are e Flint has some issues known to occur when doing certain drag drop operations e During Drag operations the rendering is not consistent as it is not double buffered Our team is continuously working on improving the same We expect all these issues to be closed soon
12. is not available Delete PECH Ae G Annotation a Import amp 3 Source Folder a Export 15 Java Working Set 2 Refresh F5 Folder 17 File 7 Untitled Text File E JUnit Test Case f Task gi t evra dite Bampie Des F Other Ctri N Resource Path Location Type 20 37 23 07 2015 Pod ul Figure 18 New Project Up on selecting the Other option a dialog will be shown listing different kind of projects supported be Eclipse Under the Flint group select Flint Project AS Designing for Sparklet E Java ca x EURE 1 S File Edit Source Refactor Navigate Search Project Run Window Help Re D se Is 0 Gs OSS Quick Access g ID Gs I Package Explorer 23 Se Sia D EjTasklist 52 B C l elelxnala lt Ee Find A gt All Activate izaro LH type filter text gt amp General gt amp cvs 4 Flint Connect Mylyn z Fe Flint Project Connect to your task and ALM tools or E Sparklet Application create a local task D c Ez Outline 73 p eg amp Git An outline is not available Java gt amp Maven gt Tasks gt WindowBuilder 22 Proble vn Description S Resource Path Location Type 20 38 23 07 2015 e W al D Figure 19 New Flint Project New Sparklet Application wizard will be started and will ask for the project name and its properties Enter the project name In this example the Project name is My Demo Also select
13. n Um o NN File Edit Navigate Search Project Run Window Help e Available Software GN Steen IL ER o m os Quick Access j Java F Fin dek S BES Check the items that you wish to install Ze 2 BIg F Flint Navigator 23 Gesi Outline Widgets 23 o e rk with flint http www embien com eclipse plugins ES D mat demo NEE fint eegener loci v am Find more software by working with the Available Software Sites preferences type filter text Available Software Sites Ee gt General if mi ScrollView gt e type filter text EditBox Code Recommenders Fos Help Name Location Se Slider A Pi net http www embien com eclipse plugins Fee i Akuna http download eclipse org releases luna Gs Nt rope Sofaen Pi S Mylyn for Eclipse Luna http download eclipse org mylyn releases luna M CheckBox Hot I The Eclipse Project Updates http download eclipse org eclipse updates 4 4 Gren Da http download eclipse org mylyn releases 3 12 e 4 a _ Disable ImageHolder s Validation P Fe WindowBuilder TE Properties 3 B gt XML Property d 4 Info derived false editable true last modified July 27 2015 at 8 14 08 PM linked false location E DSSBT sparklet_andriod mat d name mat demo path mat demo Console 2 Flint Console Started Flint Plug In Figure 11 List of availa
14. the Project Type as Sparklet In the bottom of the screen enter the display resolution 800x480 in this example Ser e 4 Eug 2 File Edit Source Refactor Navigate Search Project Run Window Help H Quick Access g 8 Java Py Hr Ris Gri Gr iSO 4 0 Tasklist 2 a I8 Package Explorer 2 Esl ep e r r xala S amp New Flint Project SE RN mem X Flint Project Specify Name and Location of new flint project Find Q gt All gt Activate Project Name My Demo V Use Default Location C Users pandian workspace My Demo Browse Connect Mylyn x Connect to your task and ALM tools or Target Platform create a local task Project Type Sparkle D RAPIDSEA BE Outline 5 erro An outline is not available ce Location Browse Use Environment Variables Get From Environment Variables Browse Use Environment Variables Get From Environment Variables Browse Sparklet Screen W 800 1 to 1024 to 1024 Screen He 400 Source Le 20 40 EXT e m D zu PEOR oO 07 2015 Figure 20 New Project Wizard Designing for Sparklet x Now click on the brose button and select the path to the Sparklet library to which the output files from Flint will be copied to Note It must point to the sgui directory where there must be two sub directories APP and ENT is present Make sure this path is properly set If
15. the property is loaded in the help area 2 5 7 Console Flint provides a separate console that is used to display the status of build operations Any errors issues warning as well as success status are displayed in this view 2 5 8 Perspective Selector Eclipse perspective selector usually available in the top can be used to switch between perspectives For example user might go for a Java Perspective when editing a Java code and immediately switch back to Flint perspective when editing the screens Gan Development Overview With an understanding of the Flint perspective we are now ready to proceed to develop Flint and RAPIDSEA projects Designing for Sparklet Chapter Designing for Sparklet This chapter provides with examples steps involved in developing Sparklet UI using the Hint IDE 22 Designing for Sparklet 3 1 Introduction Flint IDE is primarily developed to aid developing screens for the Sparklet Embedded Graphics library Various widgets available can easily be dragged and dropped from the tool box on to the design view and properties edited to suit user requirements It is important to understand that the Flint is also capable of generating RAPIDSEA project as well as a project containing both RAPIDSEA and Sparklet features So when a Flint Project is created it might have resources for both these Also it is possible to have multiple Sparklet applications or windows in a same project The below diagram explain
16. EMBIEN TECHNOLOGIES Flint Eclipse Based IDE User Manual Embien Technologies No 3 Sankarapandian Street Madurai India 625017 www embien com Table of Contents IntroducHol de entr du teet t te ere E le ne 7 11 Purpose of the Document sise 8 1 2 Scopeofthe Document cere rr Rye eser aiaee a ee aceto rn eU Een nsesseedsseestetees 8 1 3 Conventions Used ME 8 2 SENE UP WEE 9 2 1 OVEN VICW E A A E T E 10 2 2 ee UE 10 2 3 Installing ME 10 24 Updating ET 15 25 BlntPerspetctive srusio ee vectes oun Ee Unde NE 19 2 5 1 Project Navigator eee enr Ye dd Eed entiere 20 2 5 2 Design VIEW 20 2 5 3 Widget To0lDOX cec eter e at nn a nn ln 21 2 5 4 Dundee 21 2 5 5 Widget Properties isrener oua Ea ea i E Ra Te edu EUREN ERE e SERRE E ERE ean 21 2 5 6 H Mp Area es 21 2 5 7 Ke EN 2 5 8 Perspective Sel ctor s nimes annee diet nan Rien 21 3 Desigming for Sparklet c iccsscccscesssccescesacsesersstsensetseceveecindenucdauceshscedacdeaisecntenecedngesdeueaaaecessuaenssdeens 23 31 Jntrodu ction WEE 24 3 2 ee Let 25 3 3 Creating Applications sise 29 3 4 Building PTOject i nes eese Ere ete EENS Eege 33 3 9 Editing Project icc P 35 4 Designing for RAPIDSEA nennen nnne tnnt entres inns erret inrer entes nnns 37 41 Jntroduction BE 38 d Tel EE 39 5 1 IO W
17. Flint Console Started Flint Plug In lt gt M49AM a e 7 28 2015 I Figure 13 Update Process Few dialogs are shown as well as the License information Up on accepting them the Eclipse installs the latest plug in and asks for restarting Once restarted the Eclipse is equipped with the latest plug in Development Overview ME 2 5 Flint Perspective There is a separate perspective available optimized for the Flint development This can be chosen from the list accessible from Window gt Open Perspective gt Other File Editi Source Refactor Navigate Search Project Run Window Help STE SNOT E Nev Window i Editor gt Show Toolbar Open Perspective gt 4 Debug Show View gt G2 Java Browsing Customize Perspective Other Save Perspective As Reset Perspective Close Perspective lorer 33 BS le ep Close All Perspectives Navigation gt Preferences E Problems 52 O items c 8 Declaratic doc Declaratio Quick Access g ava Tsklist z E mAd SLAINE el Find Q gt All gt Activate Connect Mylyn 5 Connect to your task and ALM tools or create a local task B Outline 53 HB An outline is not available Description Resource Path Location Type Figure 14 Opening Perspective On the dialog select Flint from the list shown e File Edit Source Refactor Navigate Search Project Run Window Help SS SO E SSS eS eee H
18. IS ER dain cos A 40 Table of Tables Table 1 Conventions Used ect rer rri eege eege Seene attenre 8 Table of Figures Figure 1 Eclipse Welcome Screen 11 Figure 2 Installing New Software 11 Figure 3 New Software Ent 12 Figure 4 Flint Plug In address 13 Figure 5 Grouped By Category 13 Figure 6 Flint Plug in Ungrouped nennen nnne nennen nnns nnne nnt asas saneta ranas 14 Figure Installing Flint ss uite etn toco teer een etre sana REE aaee E kaeT 14 Figure 8 Unsigned content warning iii 15 Figure 9 Beginning Flint Update eren ee e e Ee eee Oe vende eva EU tient 16 Figure TO Available Software Sites oer t et e o ere ee E 16 Figure 11 List of available software sites 17 Figure 12 Reloading Plug in information ii nn nnns nnne ann ns 17 Figure 13 Update Process eet eroe etre oe aeo e car de AREE e ede qe AREE E HN E PERSE e CREER e TERRA da 18 Figure 14 Opening Perspective sisirin dioiii e haec enne x ca e ha eee e a cea eee a cue a bd reu e aa nee dae barra va 19 Figure 15 Selecting Fling Berspecthye iii 19 Figure 16 Flint PErspeCtiVe csccsccccscssssessncssecececdssenenecseevecesssenenstseceen EEEa EEE EE En AE EEEE SEES 20 Figure 17 Flint Project Sparklet RAPIDSEA Relationship eese 24 Figure 18 NEW Projet eden iacere ecd cedi eco ee eee Fete Ore ee uev ed eee Fut oc eta odes 25 Figure 19 New Flint Project nas tie sn catre nter ea Rex EE annee
19. Package Explorer 5 El p amp MyDemo Open Perspective gs Ea CVS Repository Exploring HF Debug F Flint scit amp Java default Bd Java Browsing Te Java Type Hierarchy Planning Ies Resource E Team Synchronizing X XML E Problems 52 Javadoc Declaration O items Description Resource Path Location Type 20 49 23 07 2015 Sol z Quick Access e EM DB Brett X A G JBelslspnelag Find A gt All gt Activate Connect Mylyn z Connect to your task and ALM tools or create a local task E Outline 22 p sep An outline is not available Figure 15 Selecting Fling Perspective 20 52 23 07 2015 Fe wall A Development Overview Once set typically the following organization is shown Perspective Selector File Edit Navigate Search Project Run Window Help CP e PE e ZK et e ES D Quick Access B amp Java F Fint F Flint Navigator 22 O m MyApp efw 3 Ee Outline 7 Widgets 51 sm Bav a FixedView 4 4 amp MyDemo C sutor bin FixedView resources A Label 4 sparklet apps Ed ListBox 4 C MyApp E Listview MyApp efw 7 E wd ScrollView Widget IEN ages AE Toolbox tline EP combobox Slider E ProgressBar M1 CheckBox fm D 4 E Properties amp E dell Project Ti Properties E Property Value Navigator Info derived false editable true last modified 23 July 2015 8 57 51 pm e link
20. begin with the Flint plug in is available from the Embien website Development Overview Mn Start the Eclipse This should show a screen like this File Edit Navigate Search Project Run Window Help Welcome 2 ty pes amp Workbench Welcome to the Eclipse IDE for Java Developers 7 Overview A Tutorials Get an overview of the features SN Go through tutorials Samples What s New Try out the samples Find out what is new Figure 1 Eclipse Welcome Screen This view may be visible only when you start the Eclipse very first time Otherwise it might be showing a different perspective Now select the Install New Software Option from the Help menu u CH File Edit Navigate Search Projet Run Window Help 3 Welcome 53 je Welcome amp Help Contents A Search Dynamic Help Key Assist Ctrl Shift L Welcome to 17 ava Developers 7 Report Bug or Enhancement Cheat Sheets Check for Updates FA Tutorials Q Install New Software Go through tutorials Installation Details me e Overview Get an overview of the featu Eclipse Marketplace Samples About Eclipse What s New Try out the samples Find out what is new Figure 2 Installing New Software i Development Overview Then a pop up is shown asking for the New Software Site address File Edit Navigate Search Project Available Software Select a site or enter the location of a site
21. ble software sites Now select the Flint plug in and press the Reload button This will reload the latest information from the Embien com server e e Install 0 EE File Edit Navigate Search Project Run Window Help Available Software LE Lee pp ES cg t Quick Access jJ Java ET mmu REP Check the items that you wish to install rm Sie F Flint Navigator 21 W SE Outline pm Widgets 23 m SS Work with flint http www embien com eclipse plugins vi Ad Di FiedView G demo M Find more software by working with the Available Software Sites preferences Button E A Label ke Preferences cnm type filter text Available Software Sites gt ER gt General i gt Ant f filter text gt Code Recommenders Se Help Name A Location Add 4 Install Update Automatic Updates Edit Available Software b Java o0 Operation in progress Remove gt Maven z xd H gt in i gt Run Debug UE Team Y Vilidelion Import veg gt WindowBuilder R awa EE Value p g false true E last modified July 27 2015 at 8 14 08 PM linked false x location EADSSBT sparklet andriodvmat d L name mat demo path mat demo lt gt Console 5 Q ok Cancel Flint Console Started Flint Plug In lt gt http www embien ugins contentjar Ki Figure 12 Reloading Plug in inf
22. ed false location C Users pandian workspac Design Source Mane MyApp um path MyDemo sparklet apps M Console 22 Ale B ps a Flint Console Started Flint Plu n M us Flint Widget Console 8 Welter Properties D E o Se E Figure 16 Flint Perspective As seen in this picture the IDE is organized as views each for a particular purpose The areas are explained as below 2 5 1 Project Navigator The left part of the view houses the Project Navigator Here all the Flint projects created by the user will be visible A project can be opened or closed New projects can be created and unnecessary ones can be deleted Other standard Flint project actions are also supported 2 5 2 Design View This is the central part of the UI where the Sparklet view can be designed Users can design their screen in this view Flint offers various features that ease the UIO design Some of them include Drag and Drop New widgets can be dragged from the Widget tool box and placed here All the properties of the created widget can be edited using the Widget Property area Change Parent It is possible to move a widget from one parent to another inside a view just by dragging the child and dropping it to the new parent Development Overview Mai Deleting Widgets A widget can be removed from the view by double clicking it and pressing the Delete button Flint asks for user confirmation before removing the widget Source XML All the resourc
23. eral gt e Cvs 4 Flint Fe Flint Project Fe Sparklet Application Fe Sparklet Font RE Sparklet View gt Git gt amp Java b amp Maven b amp Tasks Properties 53 Eee rr pg b amp WindowBuilder pm Ce 4 Info derived false editable true last modified August 6 2015 at 11 39 13 AM linked false location C Users karthickeyan workspa name MyApp path My Demo sparklet apps MyA Console 7 R amp Bl m E D 7n Flint Console Building window MyApp efw Error E DST SPARKLET_GUI_MAT src sgui APP flint_window_2 h while generating header h file from view Build Failed Flint build failed for MyApp efw Aborting My Demo sparklet apps MyApp 11 39AM 8 6 2015 zm S Figure 29 Creating New View Designing for Sparklet Fc Then the Wizard asks for View Name Once entered the view is created with a design view as below File Edit Navigate Search Project Run Window Help re WE EE Te Quick Access DS amp Java F Flint F Flint Navigator 52 BS rz 6 mMWevev H 6 Bs Outline 52 evra L3 mat demo F Layout 4 amp My Demo bin resources a sparklet apps 4 MyApp B MyApp efw Ei MWiew efv EI Properties 5 ole Rm rco Property Value Design Source Console 7 Flint Console Building view MyView efv SHlng p rp Error while generating header h file from view Build Failed Flint build failed for MyView efv
24. es E Outline 52 poc m D An outline is not available Loc Get From Environment Variables Browse Use Environment Variables Get From Environment Variables Browse Sparklet Screen W ag 1 to 1024 Screen He 400 1 to 1024 Description MELE CAUsers par 20 44 a Bg G D Pe al 53 57 2015 Figure 22 Flint Project Wizard Completed If viewed in Flint perspective the below screen is shown File Edit Navigate Search Project Run Window Help Ort E E TD TITIUS Quick Access g9 amp Java F Fint F Flint Navigator 22 D Bc Outline X Vidget vero Bev An outline is not available E Properties 3 Eh Drm yoo Property Value Console 7 Elte mrena Flint Console Started Flint Plug In 0 items selected Figure 23 Project in Flint Perspective We will now proceed to create Sparklet applications Designing for Sparklet M2 3 3 Creating Applications To create a new Sparklet application that is going to be executed as a separate task right click on the sparklet apps folder On the pop up select the New item followed by Other in the sub menu Erin Edips File Edit Navigate Search Project Run Window Help de DAS APN UO vy Ss Quick Access g9 amp Java F Fint F Flint Navigator 5 O D BE Outline Widgets P TT aS v An outline is not available 4 amp MyDemo bin resources E sparet wer Go I
25. es in the Flint are managed as XML When editing a EFV or EFW file the XML markup of the same can be viewed from the Source tag of the design view This view is only for read purpose and users can not edit this file from here To edit the XML external editors can be used Note Design view supports only one widget as direct child To have more than one children place a container widget like a Fixed view or list view and add multiple children to them 2 5 3 Widget Toolbox In the right side of the view there is a tool box that displays all the supported widgets From here user can select the widget and place them in the design view 2 5 4 Outline Apart from the Widget Toolbox there is another view in the right side called the Outline view This will display the hierarchy of the view by listing all the children in a tree structure 2 5 5 Widget Properties Below the Widget Toolbox area in the right bottom there is a list available showing the properties of a currently selected widget If the user double clicks on a Widget in the design view or Outline view the properties of that widget is loaded to this view User can edit each of these properties individually 2 5 6 Help Area In the status bar of the Eclipse IDE the help corresponding to each widget property is displayed When the user double clicks a widget its properties are loaded in the Properties view Then if any of the property is being clicked then the help text corresponding to
26. int IDE explains the procedure to install Eclipse Fint IDE as well as upgrading the same W Development Overview 2 1 Overview As explained earlier Flint is a Graphical tool to develop projects for working with Sparklet embedded Graphical UI library and the RAPIDSEA platform Flint is implemented as an eclipse plug in to take advantage of the most popular development IDE Taking advantage of cross platform availability of Eclipse Flint can run across platforms including Linux Windows Mac OS etc This section explains the procedure to setup up Flint for developing Sparklet RAPIDSEA projects 2 2 Prerequisites Flint is a light weight plug in running on top of the Eclipse platform Hence the requirements are same as the Eclipse platform being worked with To download the eclipse visit the eclipse download page at https eclipse org downloads Feel free to download the version suitable for your host PC Note Flint IDE is developed and tested extensively with Luna version eclipse java luna SR2 win32 x86 64 But we anticipate no problems in working with other versions variants Eclipse needs other dependencies like JDK etc which should be installed Make sure the Eclipse package is extracted and working fine before proceeding to the next step For any issues in this process refer to Eclipse documentation and community 2 3 Installing Flint This section describes in details the steps involved in installing the Flint Plug in To
27. ndustrial HMI s Medical devices consumer electronics auto infotainment panels RAPIDSEA RAPId Deployment Suite for Embedded Applications is a set of configurable library designed for faster design and development of applications across various platforms Flint IDE is designed to aid development of both these solutions It is based on one of the most popular IDEs Eclipse and available as a plug in Using Flint users can develop screens for Sparklet as well as Embedded applications for RAPIDSEA This document provides a complete overview of development with Flint IDE for both Sparklet and RAPIDSEA including procedure for installing it in PC creating new projects configuring them as well as updating the plug in 1 2 Scope of the Document This document explains the procedure to install and use the Flint IDE It also provides in detail various option available when creating a project configuring the available widgets etc Information about using Sparklet Library of RAPIDISE is not a part of this and it is covered in separate documented under relevant heads available in http www embien com downloads page 1 3 Conventions Used The below table gives a summary of conventions used throughout the document int main Source code most likely in C language Project Name Function Feature Option available in IDE Table 1 Conventions used Development Overview m Chapter Setting Up This Chapter introduces Fl
28. not the build process will fail File Edit Source Refactor Navigate Search Project Run Window Help 0 x T NRT OTR GS pooo Quick Access 5 S DS New Flint Project Eres 1 Package Explorer 22 Ew D amp Task List 2 Flint Project amp B JERE ala Specify Name and Location of new flint project in Find Q gt All gt Activate Project Name My Demo D Use Def Connect Mylyn 5 Connect to your task and ALM tools or create a local task EE Outline 53 p m An outline is not available 22 Problems Screen He A0 1 to 1024 eve Go D items j Source L Description IT gt 20 43 E ad ons Figure 21 Output Path Selection Go Designing for Sparklet Once this path is selected complete the wizard by giving Finish ava E s File Edit Source Refactor Navigate Search Project Run Window Help ir T TLhlucsbwid 0 Q H8 G 03 a e Quick Access e Si Java New Flint Project es I Package Explorer 7 ES sep D ETaklit X cp Flint Project d ErlrIxRelS Specify Name and Location of new flint project Find Q b All gt Activate Project Name My Demo V Use Default Location C Users pandian workspace My Demo Connect Mylyn bd Connect to your task and ALM tools or Target Platform create a local task Project Type Sparklet RAPIDSEA Generic sel Source Lo Use Environment Variabl
29. nto Copy Ctrl C Paste Ctrl V X Delete Delete Remove from Context Ctrl Alt Shift Down Move Rename F2 iw Import fs Export E Properties 3 EJ np j Refresh D Property Value 4 Info Validate derived false Debug As editable true Run As D last modified 23 July 2015 8 49 04 pm SE 5 linked false location C Users pandian workspac rue E name sparklet apps Restore from Local History path MyDemo sparklet apps um amp RHIMmD 0 0 Properties Alt Enter E MyDemo sparklet apps m T 20 54 23 07 2015 Figure 24 Creating New Sparklet Application In the dialog shown select the Sparklet Application option and press Next B Fint Eclipse File Edit Navigate Search Project Run Window Help ye Ee CH SE TE Term Quick Access 7 BY amp Java F Flint F Flint Navigator 52 jw D Be Outline 22 Vidgets e 0 Ba An outline is not available 4 amp MyDemo amp bin resources Wizards rklet sparklet apps type filter text gt General gt CVS 4 Flint Fe Sparklet Font FE Sparklet View gt amp Git gt Java b amp Maven Bee E Properties 3 Ele Met 7 0 gt WindowBuilder Property Value Info derived false editable true last modified 23 July 2015 8 49 04 pm linked false location C Users pandian workspac name sparklet apps path MyDemo sparklet apps DI Console 7 SmE tge m en Flint Console Started Flint Plug In
30. ormation ICS Development Overview Once updated close the dialog and select the Flint plug in site from the Work With drop down list Give Next to begin installation e 6 File Edit Navigate Search Project Run Window Help Available Software m PRE MNE e ipo YT Quick Access i Java F Flint de ec Check the items that you wish to install ow cess Jr et Jove EE F Flint Navigator 2 Ts BE Outline m Widgets 53 m aS e wedi PS Work with flint http www embien com eclipse plugins be Di Foeaview 2 mat demo Find more software by working with the Aa Button A Label filter text KE E ListBox Name Version EA Lien rr SS Flint Plugin For Sparklet and RAPIDSEA 1 0 0 201507281023 E ai EditBox EP ComboBox Slider UD ProgressBar M CheckBox SelectAll Deselect All 1 item selected E TetArea Lee o Deseiect ANS Details ImageHolder Properties 53 Behm Show only the latest versions of available software V Hide items that are already installed Property Value Group items by category What is alre installed 4 Info C Show only software applicable to target environment derived false Mec i ites during install to find required softwa sk Se VE cl we last modified July27 2015 at amp 14 08 PM linked false location E DSSBT sparklet_andriod mat d A name mat_demo path mat_demo Console 2
31. s preferences We Collet Name Version 7 Ge Flint Plugin For Sparklet and RAPIDSEA 1 0 0 201507140743 y Overview Get an overvie IL Select All Deselect All 1 item selected Details V Show only the latest versions of available software Hide items that are already installed Group items by category What is already installed Show only software applicable to target environment V Contact all update sites during install to find required software Q Bak JL Ness Finish e W uod Figure 7 Installing Flint Development Overview ME After giving few Next and accepting the License agreement the installer will show a warning about unsigned content File Edit Navigate Search Project Run Window Help 3 Welcome 1 Al x Ag oO e Kee ae Welcome to the Eclipse IDE for Java Developers Installing Software mg x Overview Sech Warning 999 Q Get an overview of the features SC Warning You are installing software that contains unsigned content The authenticity a or validity of this software cannot be established Do you want to continue with the Samples installation Try out the samples Installing Software 52 amp Figure 8 Unsigned content warning Continue with the installation by pressing OK button Then Eclipse will ask for permission to restart i
32. s the hierarchy for a Flint Project with relation to Sparklet and RAPIDSEA features e resources Figure 17 Flint Project Sparklet RAPIDSEA Relationship The bin directory contains files built if no default path is set The contents of the resource directory can be shared across all the Sparklet Apps and RAPIDSEA The Sparklet Apps folder contains different Sparklet applications organized as directories Each of these apps may have at least one Window and multiple views We will now discuss in detail the steps involved in creating Flint project for a Sparklet application Designing for Sparklet E 3 2 Creating Projects This section explains the procedure to create a new project for Sparklet using the Flint IDE To begin with right click on the Flint Navigator in Flint Perspective or Project Explorer in other perspective On the pop up menu select the New option Another sub menu will be displayed Select the Other option from it a Eclips File Edit Source Refactor Navigate Search Project Run Window Help Rye IRB OQ GSS Frit e gt Quick Access g D I Gel H Package Explorer 5 ESle sep D Testis 52 eu v e lxmol Find A gt All gt Activate New gt JS Java Project Connect Mylyn x Show In Alteshiftew C Project Connect to your task and ALM tools or cuc Ef Package create a local task Copy Qualified Name G Class BE Outline 23 evra B Paste oun X Interface An outline
33. tself Press OK to restart immediately Thus the Flint plug in is successfully installed in our Eclipse setup The procedure to create Flint RAPIDSEA projects are explained in the next chapters The next section explains the steps involved in updating the Flint plug in 2 4 Updating Flint As Flint is constantly updated to incorporate new features follow the below steps update your plug in to the latest version i Development Overview Start by clicking on the Install New Software item from the Help menu Help Welcome Quick Access a B i Java F Flint Navigator 2 o 9 a D Outline T Widgets 33 cum Bt P Search a Dynamic Help mat demo Key Assist CtrleShifteL Tips and Tricks 4f Report Bug or Enhancement Cheat Sheets Ay Check for Updates G gt Install New Software _ Installation Details fap Eclipse Marketplace About Eclipse ImageHolder PA 7 Properties 53 Sep Property Value 4 Info derived false editable true last modified July 27 2015 at 8 14 08 PM linked false location E DSSBT sparklet_andriod mat d name mat demo path mat demo E Console 5i REIMS 0 0 Flint Console Started Flint Plug In lt gt Figure 9 Beginning Flint Update Click on the Available Software Site Link shown below the software site
Download Pdf Manuals
Related Search