|
|
(57 intermediate revisions by 6 users not shown) |
Line 1: |
Line 1: |
| Back to [[Main Page]] | | Back to [[Main Page]] |
| | | |
− | ==== The objective: ====
| |
| | | |
− | * A [http://vernon.is-a-geek.org/JGuiGen/JGuiGen.html Screencast] ... dry run using rev 86 ... recorded 2006/04/13 ... has a burp near the end ... oh well ... maybe it'll be better next time :-)
| + | ==== Our Objectives: ==== |
| | | |
− | Note: for Vern - 4/13
| + | # [http://lightcloud.verns.net/JGuiGen/JGuiGenDemo.html JGuiGen Demo Screencast] 13 minutes |
− | All of these worked for me on my Fedora box.
| + | ## This screencast shows some of the features your users will get if you generate a GUI using JGuiGen |
− | # Login doesn't burp
| + | ## created on 20060510 using revision 235 |
− | # Save Query better (note: You don't see the query until you run FIND again.) | + | ## [[JGuiGenDemo Script]] |
− | # User prefs are working for me. (???)
| + | # [http://lightcloud.verns.net/JGuiGen/JGuiGen.html JGuiGen Screencast] 14 minutes |
− | # JFreeReport worked (finally)
| + | ## This is a demonstration showing how to quickly generate a powerful GUI using JGuiGen |
− | # View ReadMe.html and Manual - removed "qoutes"
| + | ## created on 20060512 using revision 235 |
− | # I went ahead and switched the prompts for UserLogDemo to their own resource bundle. Don't know
| + | ## [[JGuiGen Lead Script]] |
− | what this is going to break since it required doing something I wanted to do but hadn't gotten
| + | |
− | to yet. Mark Table allows you to duplicate a table ruw and have two (or more) classes
| + | |
− | going against the same table. I din't know if the I18N will pick up on this correctly since
| + | |
− | you didn't want to write the bundles yet.
| + | |
− | I know that this isn't all of the list - but I think that it is the Biggies!
| + | |
− | | + | |
− | | + | |
− | ==== The demo script ====
| + | |
− | | + | |
− | # Assumed to have installed: subversion, java sdk, maybe eclipse 3.1.2
| + | |
− | | + | |
− | # Here we are in a virtual network computing session ... going hardcore ...
| + | |
− | # svn checkout https://svn.sourceforge.net/svnroot/jguigen/JGuiGen/trunk/ jguigen
| + | |
− | ## Checking out of the latest JGuiGen source code
| + | |
− | ## In case this is your first time hearing about JGuiGen ... it is all about J for Java, Gui for Graphical User Interfaces, and the Generation thereof, hence "J" ... "Gui" ... "Gen"
| + | |
− | ## Some have said that they'd rather write code that writes code than just write code.
| + | |
− | ## So again what we are checking out here is code that compiles in order to generate code that compiles in order to render GUIs that allow users to do something I call ... View, add, edit, and delete from a table.
| + | |
− | ## The big picture here is that we will be able to quickly generate a screen that allows users to view, add, edit, and delete entries from a table.
| + | |
− | ## Another person called this "Elegant CRUD" which sounds like an oxymoron where CRUD stands for Create, review, update, and delete ... or as I translate it ... add, view, edit, delete
| + | |
− | ## Only the most motivated, high speed, open source development allowed ... no holding back
| + | |
− | ## grabbing the latest source using subversion on sourceforge.net
| + | |
− | ## The jars, a 3 MB sample database, help files, and of course the source ... there it is
| + | |
− | ## we have revision ...
| + | |
− | ## Let's get down to business in JGuiGen
| + | |
− | # cd jguigen | + | |
− | # ls -l - looks like a normal project folder | + | |
− | # here's some images ... here's a lib for supporting libraries ...
| + | |
− | # all code here is under the Gnu General Public License ... the GPL
| + | |
− | # unzip JGuiGenMisc.zip - these are starter files that we usually don't want other folks committing back into the source, such as configuration files that you'll need to customize for yourself when you are generating your own Graphical User Interfaces here ... and other files that you will need to ...
| + | |
− | # time ./build.sh
| + | |
− | ## So again, to be clear, right now we are building our graphical user interface generator, called JGuiGen ... starting with no compiled code ... only source
| + | |
− | ## Looks like it built fine, so we will need a classpath ... something like this ...
| + | |
− | # classpath=".:"`echo lib/*.jar | tr " " ":"`
| + | |
− | # which basically says that we need the vm to look here in this directory, and in the jars in our lib directory, and trans-combobulate spaces into colons for a classpath that looks like this
| + | |
− | # echo $classpath
| + | |
− | # Ok so lets start JGuiGen ...
| + | |
− | # java -cp $classpath JGuiGen
| + | |
− | ## first we will need to tell it who we are ... let's tell it we are Hale ... one of the folks in the sample config file
| + | |
− | ## blow past i18n
| + | |
− | ## Look it found our browser ... and ...
| + | |
− | ## Look it found our word processor
| + | |
− | # Users
| + | |
− | # UserDemo
| + | |
− | ## Let launch right into a full blown gui ... with all the bells and whistles, to give you an idea of what you will be able to generate when you generate your own guis using JGuiGen
| + | |
− | ## Now this is a big screen with, lots, and lots of features ... let's look at a few of them
| + | |
− | # change the social security number
| + | |
− | # change the start date
| + | |
− | # change to a different row in the table and show off the validation catch
| + | |
− | # sort by clicking on a column
| + | |
− | # right click and drop your jaw
| + | |
− | # click back in the main window and change the ssn
| + | |
− | # right click ... choose next
| + | |
− | # watch validation work again
| + | |
− | # mention the 10 or so actions which are already coded for me, and I dont have to write code for that correctly validate and make sure the users of my gui do not loose data in irritating ways
| + | |
− | ## changing rows in the table
| + | |
− | ## right click and ... wow look at all these things you'll get ... do you want to write the code yourself to do all this?
| + | |
− | ## Anyway, if we try to right click and ...
| + | |
− | ### go to the "next" row in the table
| + | |
− | ### go to the "previous" row in the table
| + | |
− | ### "Dup" this row - which means duplicate the current row with a new id number
| + | |
− | ### "Refresh table" in the right click pop-up (not working ... oops)
| + | |
− | ### "Add" a new row
| + | |
− | ### "Find" another row
| + | |
− | ### "Extra" or any of a number of other things, like
| + | |
− | ## "Add" another row from the main menu
| + | |
− | ## "Find" another row from the main menu
| + | |
− | ## Or "Extra" another row from the main menu
| + | |
− | ## Or the "Exit" button in the upper left
| + | |
− | ## or even this nasty X button over here
| + | |
− | ## It's going to perform a check to see if we've changed something ... web developers eat your heart out
| + | |
− | ## Again, this checking is something we want in our gui ... it's just not something we want to actually have to sit down and write the code to do for our gui ... JGuiGen does that for us.
| + | |
− | # Notice that "<b>ExtRa</b>" button ... | + | |
− | ## This is just a simple button in the code that | + | |
− | ## you will be able to easily find the code for it in the java | + | |
− | ## rename it to "my custom report" | + | |
− | ## add your own functionalty to it
| + | |
− | ## and look it has built in functionality underneath that you might like to use ... option 1, 2, 3
| + | |
− | # Notice that the "<b>font chooser</b>" has octothorpes around the text, two points I'd like to make about this:
| + | |
− | ## This entire gui is Internationalized ... every bit of text you see here is coming from a resource bundle ... these pound signs are telling us as a developer of this gui that there is no entry in the resource bundle for this text, but even though the entry is missing
| + | |
− | ## the code still runs, which, for anyone whose ever had to do serious i18n in Java, you will appreciate
| + | |
− | ## we could also go in now with JGuiGen and regenerate the resource bundles for the internationalization of that menu option ... we'll get to tht a bit later
| + | |
− | # Find
| + | |
− | ## First name "is equal to" Hale
| + | |
− | ## OR
| + | |
− | ## last name "is like" Sing%
| + | |
− | ## Execute
| + | |
− | ## Find ... note it saved our most recent find critereon
| + | |
− | ## note the "Show inactive" button which toggles and ... guess what allows the user to find rows that they or someone else deleted last week, but were not really deleted of course ... just flagged that way so that you did not have to write that code again ... just use JGuiGen
| + | |
− | # <b><i>place holder for dicussing
| + | |
− | ## Reports
| + | |
− | ## Look and feel
| + | |
− | ### right click again ... choose inverse mono look and feel
| + | |
− | ### right click ... choose Native
| + | |
− | ## Print the screen</i></b>
| + | |
− | # click Help in upper right ... This is your place to put your own help for your gui
| + | |
− | # Exit out of User Demo
| + | |
− | # The help that is "here" one of the many examples of JGuiGen eating it's own dog food.
| + | |
− | ## Simply tonnes of documentation about JGuiGen e.g.
| + | |
− | ## here is a manual and for those of you who like to RTFM | + | |
− | ## here is a read me which shows you, for example, all of the databases suppoerted by JGuiGen
| + | |
− | ## You can cuddle up with this in bed some evening | + | |
− | # Now let us move on now and generate our own gui
| + | |
− | # Exit JGuiGen | + | |
− | # vi JGuiGenIni.xml, add table name "Lead", add class name "Lead", add table model name "LeadTm" | + | |
− | # sh ./runUtil.sh DatabaseManager
| + | |
− | ## type: "... Standalone"
| + | |
− | ## driver: JGuiGenDb
| + | |
− | ## Ok
| + | |
− | # cut and paste new table "Lead"
| + | |
− | # cut and paste the index
| + | |
− | # discuss the table columns
| + | |
− | ## lead_ID integer identity
| + | |
− | ## lead_DATE timestamp
| + | |
− | ## lead_PHONE char(20)
| + | |
− | ## isremoved smallint - the deleted flag
| + | |
− | ## lastchangedby char(20) - for sanity and multi user functionality
| + | |
− | ## lastchangeddate timestamp default null - for validation and multi user functionality
| + | |
− | # java -cp $classpath JGuiGen
| + | |
− | # Starting in the Data Dictionary Menu
| + | |
− | ## Mark Tables - place a check mark on the "Process Table" field for your new Lead Table
| + | |
− | ## Check Data Dictionary, Leave Flags, Run Now
| + | |
− | ## Edit Data Dict ... Select the Lead table, Do a bunch of stuff for each column
| + | |
− | ## Generate Application (Model, Order, Create Java)
| + | |
− | ## Exit from the Internationalization causes a write
| + | |
− | ## Generate HTML (optional)
| + | |
− | # Compile and run the new gui
| + | |
− | ## show out-of-the-box features of the gui
| + | |
− | ## View, Add, Edit, Delete ... right click duplicate
| + | |
− | ## Search for some rows
| + | |
− | ## Oh ... what's this? ... Reports!
| + | |
− | ## try closing a window after a change
| + | |
− | ## try changing the row to edit after a change
| + | |
− | # wash, rinse, repeat ?, ?, ?, and ? showing features
| + | |
− | ## Quickly adding a column, such as: ssn, phone, address
| + | |
− | ## Internationalization
| + | |
− | ## Hot keys
| + | |
− | ## Change validation error message and Test
| + | |
− | ## blast the coffee cup
| + | |
− | ## run test scripts against the gui
| + | |
− | ## show test script output
| + | |
− | # launch eclipse
| + | |
| | | |
| + | * Assumptions: subversion, java sdk, maybe eclipse 3.1.2 |
| * shameless plug - [http://hale.homeip.net/ Hale Pringle's web site] | | * shameless plug - [http://hale.homeip.net/ Hale Pringle's web site] |
− |
| |
− | ***************
| |
− | <br/><br/>
| |
− | Notes about getting JGuiGen installed on SourceForge:
| |
− | I ran into two "issues" while moving a new project to SourceForge as a Subversion version control project.
| |
− | 1. SourceForce wants a Subversion dump file to start with which menat I needed to place JGuiGen into
| |
− | subversion locally. I created a repository using the Tortisesvn client. I imported the files into the
| |
− | repository and checked them out again. Then it was time to create the dump. TortiseSvn doesn't create
| |
− | dump files so I needed to use the command line. No problem. The instructions said use the svnadmin tool to
| |
− | create the dump file. The issue came with figuring out what folder to be in when I ran svnadmin. I finally
| |
− | found out that being in the main repository folder worked. That seems like a strange place to work from
| |
− | but it worked.
| |
− |
| |
− | 2. The instructions on uploading a new project said to use scp and copy the file to
| |
− | scp FILENAME.ZIP
| |
− | USERNAME@shell.sourceforge.net:/home/groups/P/PR/PROJECTNAME/FILENAME.ZIP
| |
− |
| |
− | I tried this and it didn't work
| |
− | scp jguigen.zip Halepringle@shell.sourceforge.net:/home/groups/P/PR/jguigen.zip.
| |
− |
| |
− | What they don't mention in these instructions is that the "P/PR" are the first letter and first two letters
| |
− | of our project name. This worked
| |
− | scp jguigen.zip Halepringle@shell.sourceforge.net:/home/groups/J/JG/jguigen.zip.
| |
− |
| |
− | 3. To update the SourceForge web site I used Winscp and logged into shell.sourceforge.net using my
| |
− | sourceforge username and password. That placed me in /home/users/h/ha/halepringle. I navigated to /home/groups/j/jg/jguigen/htdocs and uploaded the web pages.
| |
− | Hale 4/10/2006
| |
− | *********************************************************************
| |