B4J Library [Web][ABMaterial] Framework for WebApps

alwaysbusy · Nov 23, 2016

The mail for ABMaterial 2.03 Maintenance Release for the donators has been send. Please mail me if you did not receive this email.

amminf · Nov 23, 2016

Congratulations on your formidable and great work and also the mini team

I am not in a hurry to upgrade, but if I adapt my webapp to the new session system to ABM 2.03, will it be compatible with ABM 2.04, or should I wait?

BTW. Very cool new reconexion system

alwaysbusy · Nov 23, 2016

Thanks! Yes it will keep working (mixing both systems won't be possible). Also, we are discussing if for example GetUUID() shouldn't be called GetPageID(). The method will have the same functionality. It's just that terms like UUID may not be clear to everyone and PageID could. Not sure if the name will change, and if it does it will be a quick search/replace. In any case, if you do the change now and want to switch to the new one, it won't be a huge task. Changing the 2.03 session system to the 2.10 system will take me problably 15 minutes in the Demo app for example for all pages.

amminf · Nov 23, 2016

okay. I'll transition to 2.03 as soon as I find a free time slot. Thks.

clarionero · Nov 30, 2016

Hi. I'm begining to work with this fantastic framework, Congratulations!!!

I have a "simple" question: if i configure a dedicated server machine for use it, can i define it to use the default web port 80 for all my applications? or i must use ever diferent ports por each diferent application?

Thanks

Rubén

mindful · Dec 2, 2016

Hi, if you are looking in running multiple applications in one server then you need to set each application with its own port. However you can setup a proxy server(haproxy, ngix, apache, etc.) that listens port 80 and redirect the user accordingly ... something like:
http://yourserver.com/app1 will bind to http://127.0.0.1:51001/app1

http://yourserver.com/app2 will bind to http://127.0.0.1:51002/app2

clarionero · Dec 2, 2016

mindful said:
Hi, if you are looking in running multiple applications in one server then you need to set each application with its own port. However you can setup a proxy server(haproxy, ngix, apache, etc.) that listens port 80 and redirect the user accordingly ... something like:
http://yourserver.com/app1 will bind to http://127.0.0.1:51001/app1

http://yourserver.com/app2 will bind to http://127.0.0.1:51002/app2

Nice

thank you. I will study your option.

Rubén

orynkanov · Dec 8, 2016

Hello! How to add text on a new line in ABMCard? If writing CRLF, CRLF is changed to a space. If you write {BR}, the line looks like "qwe{BR}rty." I use ABMaterial 1.22.

Erel · Dec 8, 2016

Please start a new thread for this question.

alwaysbusy · Dec 9, 2016

The mail for ABMaterial 2.17 Release for the donators has been send. Please mail me if you did not receive this email.

amminf · Dec 9, 2016

Thank you very much for your efforts.

ABMAterial: The most powerfull framework in the world, definitily.

Congrats.

stanmiller · Dec 11, 2016

A minor edit to ABMSessionCreator.bas for those updating to 2.17.

The new session creator includes a log message that changes the global DateTime.Format. Instead you can use SimpleDateFormatter to format the date which is ideal for situations where you want to log the time without adversity.

Code: Copy

'Filter class
Sub Class_Globals
    Private sdf As SimpleDateFormatter
End Sub

Public Sub Initialize
    sdf.Initialize( "dd/MM/yyyy HH:mm")
End Sub

'Return True to allow the request to proceed.
Public Sub Filter(req As ServletRequest, resp As ServletResponse) As Boolean

'    DateTime.DateFormat = "dd/MM/yyyy"
'    DateTime.TimeFormat = "HH:mm"
'    Log("In filter: " & DateTime.Date(DateTime.Now) & " " & DateTime.Time(DateTime.now))

    Log("In filter: " & sdf.GetDateTime())

    req.GetSession  'a new session will be created if a session doesn't exist.    
    Return True
End Sub

Class attached to this post. Follow this link for a demo and sample B4A project.

B4A/B4J Class - Save the Date! with SimpleDateFormatter
https://www.b4x.com/android/forum/threads/save-the-date-with-simpledateformatter.73998/

Harris · Dec 12, 2016

The following statement is a response from an associate who was deeply involved (DB admin - project manager), as was I (tech support), with a previous company.
I sent him a link to my modified Feedback app for him to explore.

His response:

This is unreal! Hard to believe the "company" apps still run on "Flex" whatever the heck that is. You could single handedly take down 80% of the IT staff there and eliminate the need for "a company's staff!" If there was only a way to get you in a room for a full day with " the company owners"

The "company" was referring to an actual entity - that I disguised. They have already spent 10 M (USD) in developing something going nowhere.

This shows that others with an understanding of what is required to develop such complex projects - are TOTALLY amazed at the B4X simplicity.

I was amazed at his response. Many out there have much to discover.

But how (as Erel asks - promote B4J) ?

techknight · Dec 13, 2016

I really like this framework, however there is still alot of "glue code" needed to frame up the UI in the window which I am not too good at. I was wondering in the future if there would be like a "Visual Designer" like setup wrapped around this library?

point and click, drag and drop like I am used to in B4A. That would be awesome!!

This is almost a product in of itself. It could "technically" be used to build a new environment like B4W. Basic4Web. Now, thats an idea!

Harris · Dec 13, 2016

techknight said:
point and click, drag and drop like I am used to in B4A. That would be awesome!!

Yes that would...

Lets say we have a table, with relation..

Drag and drop the view (contains column names, data types, grid widths, sort-able, etc). How to get related values from other table?

Now, place this in the Build Grid. How does this fit in the maximum of 12 cols supported? (usually 1 table with size of 12).
You want CRUD with this grid? Which fields, what are default values, are they combo, input, text, number, checkbox or what?

Now do the ConnectPage sub. Where to place which item in what cell (small, medium and large form factors).

@Mashiane has been creating support for this. Give it a shot.

Personally, I find the power comes in the CRUD generator, and the ability to tweek anything I need to - which often is many.
This way, I don't have a re-run of a CRUD generator stomping my hard earned modifications.

Unless you have worked with other (be all - end all) framework / type code generators; you can't appreciate what I mean.
I don't mean it is impossible - it is just a tremendous amount of work for the developer - like he/she doesn't have enough to deal with.

Someday, it shall get there... for now, understand and code it - with help from the helpers...

amminf · Dec 13, 2016

ABMaterial already is a framework without the need of a designer.

The Grid is already a designer and automatic and for any device! What designer does that?

As far as I believe the designer has been and will be a source of problems for ABMaterial, without contributing ABSOLUTELY nothing to the improvement of our application.

Internally, the designer will make the development of ABMaterial more complicated. If we add to it the complexity and inefficiency of open technologies, it will make keeping ABMaterial crazy.

Those who have made webapp with the usual technologies PHP + js know how to truly appreciate the value of ABMaterial

Only the work by AB in the last weeks related to the slow connections and the reconnection, already serve to exclaim a great GUAUUUU!

I said it a long time (https://www.b4x.com/android/forum/threads/abmaterial-poll-what-to-do-next.71148/#post-454113 ) ago and I repeat it again.

My two cents

techknight · Dec 13, 2016

amminf said:
ABMaterial already is a framework without the need of a designer.

The Grid is already a designer and automatic and for any device! What designer does that?

Ok, I must have missed something in the video and tutorials, because I don't see any automation anywhere? no WYSIWYG like the designer, Maybe I missed it. To be honest I dont understand ABMaterial at all, I just stumbled upon it yesterday and it intrigued me. But, As far as functionality from a fundamental level, all I saw was teaser demos, and then eventually the website which lets you play with the same demos.

Dont get me wrong, I think this library is next generation excellent. But there are just some things I must be missing...

Edit: Nevermind, I just saw your link. Looks like I am not the only one asking ;-)

stanmiller · Dec 13, 2016

techknight said:
Ok, I must have missed something in the video and tutorials, because I don't see any automation anywhere? no WYSIWYG like the designer, Maybe I missed it. To be honest I dont understand ABMaterial at all, I just stumbled upon it yesterday and it intrigued me. But, As far as functionality from a fundamental level, all I saw was teaser demos, and then eventually the website which lets you play with the same demos.

Dont get me wrong, I think this library is next generation excellent. But there are just some things I must be missing...

Edit: Nevermind, I just saw your link. Looks like I am not the only one asking ;-)

A WYSIWYG designer for a responsive framework like ABM would be very complex. Material design websites are "responsive" in that they flow the content to the client browser be that desktop, tablet, or mobile. On a desktop that may be two columns while on a mobile only one.

Predefined templates seem more practical than a designer (e.g. Order entry, email, login, display table, show report). Then you just grab the template and customize to your specific needs. After all, there are only so many ways you can layout content and still follow the Material design specs.

Material design sites are laid out in a smart "grid" which flows the content on the user's browser. ABM provides a grid API for you to design pages.

ABMaterial - Meet the Grid
http://prd.one-two.com:51042/demo/GridsPage/abmaterial-grid-layout.html?1481252987543

For more details on responsiveness and the grid follow this link.

Google Material Design - Respsonsive UI
https://material.google.com/layout/responsive-ui.html#

techknight · Dec 13, 2016

Except for what I need, I dont need to scroll anything. At most, I need a swoopy menu that slides in from the left that has settings for things. But the main page is constant with controls and labels. Thats it.

Harris · Dec 14, 2016

techknight said:
Except for what I need, I dont need to scroll anything. At most, I need a swoopy menu that slides in from the left that has settings for things. But the main page is constant with controls and labels. Thats it.

This is a typical response from someone new examining this framework.
No dis-respect... it is all of our initial reaction to this new world of web app design.

You are asking for "point and click" magic. It doesn't exist here. You need to apply some work (code logic).

If you hold in here and learn the framework (it gets easier as you progress), you shall see, like many of us, there is nothing quite like this...
That's the magic.

" I dont need to scroll anything. At most, I need a swoopy menu that slides in from the left that has settings for things. But the main page is constant with controls and labels. " - This does not define or describe anything to do with ABM?

When you have come to terms with the fundamentals, you shall be in a better position to ask for specific help.
Take your time, not one of us learned this over-night (even the developer). @stanmiller and others have posted their expert guidance.

Hey, I know and understand your anticipation. I was initially in the same (excited) position as you!

However, like all of us venturing here, it is all up to you. When you understand the basics and know how to pose the right question; we are here to help.

B4J Library [Web][ABMaterial] Framework for WebApps

Expert

Active Member

Expert

Active Member

Active Member

Active Member

Active Member

Member

B4X founder

Expert

Active Member

Active Member

Attachments

Expert

Well-Known Member

Expert

Active Member

Well-Known Member

Active Member

Well-Known Member

Expert

Similar Threads