Sidebar

Build Snappy Web Apps with HTML, DHTML, CSS, and JavaScript

Web Languages
Typography
  • Smaller Small Medium Big Bigger
  • Default Helvetica Segoe Georgia Times

How poor are they that have not patience!

—William Shakespeare

 

Faster, faster, faster! Every day, we are met with these demands: we have to develop fast applications that at the same must be flexible, feature-rich, and user-friendly. They must run on the Internet in a browser—and not just one browser! Nope. Users like Opera, Safari, Chrome, Firefox, and IE. And some developers do not fully agree on how to read the specifications laid out by the w3.org, so they all add their little flavors and leave you as a developer out in the dark screaming your head off. Get the picture?

 

This article will try to give you some weapons to fight the beast of pressure and "please-deliver-tomorrow" expectations.

 

One thing before we head into the jungle: all the various subjects I am touching here are really huge subjects. Some might say that it is impossible to cover them in one article, but I'll give it a try.

 

But before we delve into the more technical part of this article, let me show you what I have in my arsenal to conquer the beast.

Let's Get a Few Things Straight!

Let's start by defining what DHTML is. DHTML is Dynamic HTML, meaning a combination of Cascading Style Sheets (CSS), JavaScript/AJAX, and the Document Object Model (DOM) glued together by HTML. The HTML can be "hand coded," but in most cases, it's generated by a script or programming language like PHP, Java, .NET, or RPG.

 

You might think, "Isn't it pretty cumbersome to write a good Web application even if I use an IDE? How can I cut development time down?" I believe you can cut development time if you use the right tools. These are some of the tools in my world:

 

  • CSS—Use external style sheets to control your site.
  • JavaScript—Use jQuery and jQuery plug-ins to handle the dynamic part.
  • PHP—Get access to hundreds of base functions and thousands of extensions.
  • RPG—You already have most of the code written, I suppose. Direct the output to XML or HTML.

 

On top of that, let HTML and AJAX glue everything together in a flexible and functional Web application. Bingo! You're on your way.

 

So now that the playing field is identified, let the games begin! I will provide more detail and give you some simple examples to help you understand.

Use External Style Sheets

If you have done even just a little Web programming, you might already know about CSS and the use of external style sheets. But still, here is a very simple example. Let's say you want to make some text bold and red. In the "old" days, you would use HMTL code like this:

 

<font color="#FF0000"><b>My Text</b></font>

 

But when using CSS, it would be like this:

 

<span style="color:#FF0000;font-weight:bold;">My Text</span>

 

If you load either code in a browser, you cannot tell the difference.

 

But let's expand the example and move the CSS code into an external style sheet (you could also place it in the <header> section, but that would end up the same) and create a class to hold the formatting. Then your code would look like this:

 

<html>

<head>

<title>Build Snappy Web Apps with HTML, DHTML, CSS, and JavaScript - EX 1</title>

<link rel="stylesheet"href="ex1.css"/>

</head>

<body>

<font color="#FF0000"><b>My Text</b></font>

<br>

<span>My Text</span>

</body>

</html>

 

As you can see, the CSS is "copied" into the HTML document using the <link rel….> tag. The CSS class is defined like this:

 

.myText {

color: #FF0000;

font-weight:bold;

}

 

Now we are getting to the clever part, where you can reuse the style sheet class across various HTML documents.

 

Download example 1, and load the index.htm file into your browser. You will have a view of all the documents in the example in a frameset.

 

020911Janfigure1 

Figure 1: This view shows all your documents in a frameset. (Click images to enlarge.)

 

Now let's say you are told to change the text to blue and make the font size 16 point. If you use the <font> tag, you have to load all documents into an editor and change each tag manually. And the 16pt would not really be possible because you only have a size parameter of 1 to 7 and you really do not know what the point size is on those. So you load the ex1.css style sheet file and add the following to the myText class:

 

.myText {

color: #0000FF;

font-weight:bold;

font-size: 16pt;

}

 

Your job is done!

 

This is a very simple example, but I am sure you get the idea. CSS is a huge subject, so at the bottom of the article, I provide a link section that offers some great links to get you started with CSS styling.

 

One small note: CSS classes are case-sensitive, so be careful when using mixed case like I have done.

JavaScript and  jQuery

JavaScript is the thing that makes a Web site alive; it's used all over the Internet, and when you start using it, you will be amazed what you can do with it. You will also be amazed what you can't do, especially coming from RPG and being used to things like date calculation and strict data types.

 

Most people start doing JavaScript "by hand," and so did I. When I had a problem, I asked Miss Google about it and found some examples. For years, that worked just fine for me. But then six months ago, I was forced into a project where jQuery was used. I had been to jQuery's Web site and had looked at some examples, but to be honest, I did not really understand it. The syntax was odd, and terms like call-back, DOM elements, and likewise were too difficult to learn, so I avoided it.

 

But once in a while, you are forced to learn new tricks, and so was I with jQuery.

 

I am not saying I am an expert, but I am beginning to find my way around, and I must confess that I am sold. It really speeds up the development process and lets me do things faster and more smoothly than I ever imagined possible. True, the syntax is something you have to learn, and sometimes you are lost in all the brackets and parentheses, but you will learn it, and when you discover the plug-in part, the sun will shine on you and your users will be truly amazed.

 

So what is jQuery? According to Wikipedia, jQuery is "…a cross-browser JavaScript library designed to simplify the client-side scripting of HTML." And that is just what it is.

 

What does it cost? Nothing! JQuery is open-source, so it is free for you to use.

 

The first thing you should know is how to get it. Point your browser to jQuery.com and download the latest version, which is 1.4.4 at the time of writing. You can download two different versions of jQuery: a "minified" version and an "uncompressed" version. The only difference is the size of the library and therefore the internal loading time in your browser.

 

Another alternative is to use a version on a content delivery network (CDN), which is a network that holds copies of the jQuery library. Both Google and Microsoft have a CDN network you can use.

 

To make this clear, look at the example below, which shows how you would address jQuery in an HTML document using a CDN and locally.

 

<html>

<head>

<title>Build Snappy Web Apps with HTML, DHTML, CSS, and JavaScript - EX 2</title>

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>  

 

</head>

<body>

 

Addressing jQuery — Google CDN

 

</body>

</html>

 

Example 2a: Addressing jQuery Using Google CDN

 

In example 2b, the code is stored inside a folder call "Javascript," and the code for addressing it will look like below.

 

<html>

<head>

<title>Build Snappy Web Apps with HTML, DHTML, CSS, and JavaScript - EX 2</title>

 

<script src="/javascript/jquery-min.js"></script>  

 

</head>

<body>

 

Addressing jQuery - locally

 

</body>

</html>

Example 2b: Addressing jQuery Locally

 

A small tip: If you are using Firefox, it is very easy to see if your "links" are working. On the page in question, right-click and select View Source or press Ctrl+U, locate the link in your code, and just click it. If not found, you will get a message; if found, you'll see all the code. Use Alt+left arrow to navigate to the previous page.

 

In the link section at the end of the article, I have added some links that point to some pages that give you an overview of jQuery.

 

jQuery Examples Coming Up!

I hope you still are reading and now are ready to create your first jQuery example.

 

First, download jQuery. Right-click on the Minified link and select "Save link as." Save the jquery-min.js file somewhere in your Web server root (if you do not know what I am talking about, please read one of my articles about setting up a local Apache server). You are now ready to use it.

 

As in all my examples, I have a folder structure that looks like the one in Figure 2.

 

020911Janfigure2 

Figure 2: Here's the general folder structure: css, images. and javascript.

 

You might have other ways of doing it, but the reason I use this structure is that I am always "looking down" into my folders and I always try to avoid linking "up" the folder structure. That way, it is very easy to copy my whole Web site to an external Web server because I just copy the "root" folder (in this case called "folder_structure") and I do not have to worry about whether I have forgotten images or other elements.

 

One basic thing to learn when starting to use jQuery is the "ready" event. Before Javascript code is run, the HTML page must be fully loaded. When the page is fully loaded, Javascript can start manipulating the elements on the page, and the ready event does just that. The ready event is coded like the example below:

 

$(document).ready(function(){

   // Your code goes here

 });

 

In the first jQuery example, I will show you how to change the size and color of a header in an HTML document by adding and removing a class to some text. The example is completely useless, but it gives you an idea of what the syntax is and how the jQuery API is used.

 

The following APIs are used:

 

 

<html>

<head>

<title>Build Snappy Web Apps with HTML, DHTML, CSS, and JavaScript - EX 3</title>

 

a)    <link rel="stylesheet"href="css/main.css"/>

      <script src="/javascript/jquery-min.js"></script>  

 

<script>

<!--

$(document).ready(function(){

     

b)    $('#change_header1').click(function() {

            $('#header').addClass('new_header');

      });

     

c)    $('#change_header2').dblclick(function() {

            $('#header').removeClass('new_header');

      });  

 

});

 

-->

</script>

</head>

<body>

d)

<span>Build Snappy Web Apps with HTML, DHTML, CSS, and JavaScript - EX 3</span>

<p></p>

 

e)

<a href="javascript:void(0)">Add class</a>

<a href="javascript:void(0)">Remove class</a>

 

</body>

</html>

 

Example 3a: Adding and Removing a Class Using jQuery

 

Here is what happens:

 

  1. Address the CSS and jQuery files to make them available for the HTML document.
  2. Inside the "ready" event, I "bind" a click event to the href link with the ID "change_header1" and specify that when clicked, it shall add the class name "new_header" to the <span> tag named "header." Note that this tag already has a class called "old_header" added to it.
  3. Bind a double-click event to the href link with the ID "change_header2." And when double-clicked, remove the "new_header" class.
  4. The HTML code for the text to be changed.
  5. The definition of the href's to click.

 

At first glance, this might seem a bit confusing, but fear not; download the example from the download link at the bottom of this article  and run it in your browser. When you see how it works, I am sure you'll "get it" right away.

 

Now let's move on to example two. In this example, we will create a button that, when clicked, will display a text box where you can enter some text. At the same time, we will change the text on the button and add a class to make the text red. Then when you click the Save button, the text area will vanish and the button text will once again be changed; when done, a callback function will be called to show an alert telling you that the text is saved.

 

Does it sound like a lot of coding? Let's see.

 

The following APIs are used:

 

<html>

<head>

<title>Build Snappy Web Apps with HTML, DHTML, CSS, and JavaScript - EX 3</title>

 

a)    <link rel="stylesheet"href="css/main.css"/>

      <script src="/javascript/jquery-min.js"></script>  

 

<script>

<!--

     

b)    var toggle_checker = false;

 

$(document).ready(function(){

     

c)    $('#message_button').click(function() {    

d)      $('#message_box').toggle('slow', function() {

e)                if ( toggle_checker ) {

f)                      $('#message_button').val('Update Message').removeClass('red');

g)                      alert('Data saved....')

h)                      toggle_checker = false;

                  } else {

i)                      $('#message_button').val('Save Message').addClass('red');

j)                      toggle_checker = true;

                  }

            });

      });

     

 });

 

 -->

</script>

</head>

<body>

 

k)

<input value="Enter Message">

<br>

 

l)

<textarea rows="4" cols="40">

....enter something here...

</textarea>

 

</body>

</html>

 

Example 3b: Controlling a Text Area with jQuery

 

Once again, let's run through the code to see some jQuery magic.

 

  1. Address the CSS and jQuery files to make them available for the HTML document.
  2. Declare a variable to control the toggle state.
  3. Bind a click event to the button with id "message_button."
  4. Add the toggle API to the text area with the ID "message_box" and tell the API that the "slow" option is to be used. Add an anonymous callback function to the toggle API. This is just a block of statements that will be called every time the toggle API has finished.
  5. Check the state of the toggle_checker in order to control the button and alert.
  6. If true, add a class called "red" and change the button text.
  7. Show the alert.
  8. Change toggle_checker state.
  9. If false, add class to make button text red and at the same time change the text.
  10. Change toggle_checker state.
  11. Define the input button.
  12. Define the text area.

 

I really hope you still are with me. I know that this might be quite a lot to comprehend, but as said before, download the example at the bottom of the article and run it in your browser, and I am sure you'll see it more clearly.

 

One small note: In f) and i), please note that it is possible to use more than one API at a time on an element.

 

In my examples, I have used IDs to manipulate the elements on the HTML page, but jQuery lets you manipulate more than just IDs. Have a look at the list below to get an idea what you can do.

 

  • $("#id").do_something… (id will only affect one unique ID on the page)
  • $(".class").do_something… (class will affect all classes on the page)
  • $('p').do_something… (do something to all paragraphs or to any other HTML tag on the page)

 

In the above, I have given you an introduction to jQuery. The examples show just a fragment of what it can do.

jQuery Plug-Ins Very Briefly

One last thing I will mention before I close up is jQuery plug-ins. This is where the fun really starts. A lot of very creative and clever people have created jQuery, and on top of that, another lot of creative and clever people have created hundreds of plug-ins that let you do things more simply and easily than you would ever imagine.

 

Have you ever needed to add Google Map to a Web page, create a date picker, provide form validation, offer drag-and-drop functionality, or use AJAX? jQuery plug-ins let you create very complex and cool effects on your Web page very simply and smoothly.

 

I will provide a small example using a jQuery plug-in called goMap, which is built over the Google Map API version 3. I will show you how to create Google Maps more easily than you ever thought possible. The goMap has its own Web page, and I encourage you to visit it and look at all the examples and tips on the page. And if you use it, remember to hit the PayPal donate button.

 

The code example below shows all you have to code to create a map on your page and make it point to Odense, Denmark, which is where I live.

 

<html>

<head>

<title>Build Snappy Web Apps with HTML, DHTML, CSS, and JavaScript - EX 3</title>

 

      <script src="http://maps.google.com/maps/api/js?sensor=false"></script>      

      <script src="/javascript/jquery-min.js"></script>

      <script src="/javascript/jquery.gomap-1.2.2.min.js"></script>

 

      <link rel="stylesheet"href="css/main.css"/>

 

<script>

<!--

$(document).ready(function(){

     

      $(function() {

            $("#map").goMap({

                  markers: [{ 

            latitude: 55.403756,

            longitude: 10.40237,

                  id: 'my_town',

            html: {

                content: 'This is where I live...',

                popup: false

            }

                  }],

                  hideByClick: true,

                  disableDoubleClickZoom: false,                 

                  zoom: 7,

                  maptype: 'roadmap'

            });

      });

 

});

 

-->

</script>

</head>

<body>

Build Snappy Web Apps with HTML, DHTML, CSS, and JavaScript - EX 4

<hr>

 

<div></div>

 

</body>

</html>

Example 4: Use jQuery Plug-in goMap to show Odense, Denmark

 

Click here to see it in action: http://agnethe.dk//mcpressonline/buildsnappywebapps/ex4/ex4a.htm

 

A Real Application Built Around  jQuery

I have created a real application called Persons just to show you what jQuery really can do.

The Web site is a PHP application that uses AJAX, Google Map, and some jQuery plug-ins.

 

020911Janfigure3

Figure 3: Here's what the Persons application looks like.

 

These are some of the features within it.

 

  • Load a table of persons using AJAX  (rock musicians, of course).
  • Click to see a photo.
  • Click to see where they were born on a Google Map.
  • Click to see the albums they have made.
  • Use mouse rollover.
  • Retrieve the time using an AJAX call.
  • Automatically adjust the size of maps and such when resizing the browser window.

 

All this is created using jQuery and jQuery plug-ins. You might want some of the features to behave differently, so just download the application and change whatever you want to change.

Because I have already used my allotted space for this article, I will not go through the all the code; instead, I'll leave it up to you to have a look at it and find all the goodies yourself. If you have any questions or comments, feel free to use the forum associated with this article. I'll do my best clear things up.

 

To see the Persons application in action, point your browser to the following address:

 

http://agnethe.dk/mcpressonline/buildsnappywebapps/persons/

Moving Ahead All the Time…

I hope this article inspired you to start using a tool that can really speed up the development process, add features to your Web site that would be hard to code on your own, and least but not least put some fun and enjoyment into your programming life.

 

Till next time, happy jQuerying, and now that you know where Odense is, let me know if you're ever in the neighborhood!

Links and Downloads

Download

All the examples and the Person application: http://agnethe.dk//mcpressonline/buildsnappywebapps/app.zip

 

jQuery Links

Main: http://jquery.com

Download: http://docs.jquery.com/Downloading_jQuery#Current_Release

Tutorials: http://docs.jquery.com/Tutorials

Plug-ins: http://plugins.jquery.com/

Wikipedia: http://en.wikipedia.org/wiki/JQuery

goMap by pittss: http://www.pittss.lv/jquery/gomap

CSS Tutorial: http://www.w3schools.com/css/default.asp

Document Object Model: http://en.wikipedia.org/wiki/Document_Object_Model

 

Example Links

Example 4: Google Map – Odense, Denmark http://agnethe.dk//mcpressonline/buildsnappywebapps/ex4/ex4a.htm

as/400, os/400, iseries, system i, i5/os, ibm i, power systems, 6.1, 7.1, V7,

 

Jan Jorgensen

Jan Jorgensen is one of the owners of www.reeft.dk, which specializes in mobile and i5 solutions. He works with RPG, HTML, JavaScript, Perl, and PHP. You can reach him at jj@reeft.dk

 

BLOG COMMENTS POWERED BY DISQUS

LATEST COMMENTS

RESOURCE CENTER

  • WHITE PAPERS

  • WEBCAST

  • TRIAL SOFTWARE

  • Mobile Computing and the IBM i

    SB ASNA PPL 5450Mobile computing is rapidly maturing into a solid platform for delivering enterprise applications. Many IBM i shops today are realizing that integrating their IBM i with mobile applications is the fast path to improved business workflows, better customer relations, and more responsive business reporting.

    This ASNA whitepaper takes a look at mobile computing for the IBM i. It discusses the different ways mobile applications may be used within the enterprise and how ASNA products solve the challenges mobile presents. It also presents the case that you already have the mobile programming team your projects need: that team is your existing RPG development team!

    Get your copy today!

  • Automate IBM i Operations using Wireless Devices

    DDL SystemsDownload the technical whitepaper on MANAGING YOUR IBM i WIRELESSLY and (optionally) register to download an absolutely FREE software trail. This whitepaper provides an in-depth review of the native IBM i technology and ACO MONITOR's advanced two-way messaging features to remotely manage your IBM i while in or away from the office. Notify on-duty personnel of system events and remotely respond to complex problems (via your Smartphone) before they become critical-24/7. Problem solved!

    Order your copy here.

  • DR Strategy Guide from Maxava: Brand New Edition - now fully updated to include Cloud!

    SB Maxava PPL 5476PRACTICAL TOOLS TO IMPLEMENT DISASTER RECOVERY IN YOUR IBM i ENVIRONMENT

    CLOUD VS. ON-PREMISE?
    - COMPREHENSIVE CHECKLISTS
    - RISK COST CALCULATIONS
    - BUSINESS CASE FRAMEWORK
    - DR SOLUTIONS OVERVIEW
    - RFP BUILDER
    Download your free copy of DR Strategy Guide for IBM i from Maxava today.

     

  • White Paper: Node.js for Enterprise IBM i Modernization

    SB Profound WP 5539

    If your business is thinking about modernizing your legacy IBM i (also known as AS/400 or iSeries) applications, you will want to read this white paper first!

    Download this paper and learn how Node.js can ensure that you:
    - Modernize on-time and budget - no more lengthy, costly, disruptive app rewrites!
    - Retain your IBM i systems of record
    - Find and hire new development talent
    - Integrate new Node.js applications with your existing RPG, Java, .Net, and PHP apps
    - Extend your IBM i capabilties to include Watson API, Cloud, and Internet of Things


    Read Node.js for Enterprise IBM i Modernization Now!

     

  • 2020 IBM i Marketplace Survey Results

    HelpSystems

    This year marks the sixth edition of the popular IBM i Marketplace Survey Results. Each year, HelpSystems sets out to gather data about how businesses use the IBM i platform and the IT initiatives it supports. Year over year, the survey has begun to reveal long-term trends that give insight into the future of this trusted technology.

    More than 500 IBM i users from around the globe participated in this year’s survey, and we’re so happy to share the results with you. We hope you’ll find the information interesting and useful as you evaluate your own IT projects.

  • AIX Security Basics eCourse

    Core Security

    With so many organizations depending on AIX day to day, ensuring proper security and configuration is critical to ensure the safety of your environment. Don’t let common threats put your critical AIX servers at risk. Avoid simple mistakes and start to build a long-term plan with this AIX Security eCourse. Enroll today to get easy to follow instructions on topics like:

    • Removing extraneous files
    • Patching systems efficiently
    • Setting and validating permissions
    • Managing service considerations
    • Getting overall visibility into your networks

     

  • Developer Kit: Making a Business Case for Modernization and Beyond

    Profound Logic Software, Inc.

    Having trouble getting management approval for modernization projects? The problem may be you're not speaking enough "business" to them.

    This Developer Kit provides you study-backed data and a ready-to-use business case template to help get your very next development project approved!

  • What to Do When Your AS/400 Talent Retires

    HelpSystemsIT managers hoping to find new IBM i talent are discovering that the pool of experienced RPG programmers and operators or administrators is small.

    This guide offers strategies and software suggestions to help you plan IT staffing and resources and smooth the transition after your AS/400 talent retires. Read on to learn:

    • Why IBM i skills depletion is a top concern
    • How leading organizations are coping
    • Where automation will make the biggest impact

     

  • IBM i Resources Retiring?

    SB HelpSystems WC GenericLet’s face it: IBM i experts and RPG programmers are retiring from the workforce. Are you prepared to handle their departure?
    Our panel of IBM i experts—Chuck Losinski, Robin Tatam, Richard Schoen, and Tom Huntington—will outline strategies that allow your company to cope with IBM i skills depletion by adopting these strategies that allow you to get the job done without deep expertise on the OS:
    - Automate IBM i processes
    - Use managed services to help fill the gaps
    - Secure the system against data loss and viruses
    The strategies you discover in this webinar will help you ensure that your system of record—your IBM i—continues to deliver a powerful business advantage, even as staff retires.

     

  • Backup and Recovery Considerations for Security Data and Encrypted Backups

    SB PowerTech WC GenericSecurity expert Carol Woodbury is joined by Debbie Saugen. Debbie is an expert on IBM i backup and recovery, disaster recovery, and high availability, helping IBM i shops build and implement effective business continuity plans.
    In today’s business climate, business continuity is more important than ever. But 83 percent of organizations are not totally confident in their backup strategy.
    During this webinar, Carol and Debbie discuss the importance of a good backup plan, how to ensure you’re backing up your security information, and your options for encrypted back-ups.

  • Profound.js: The Agile Approach to Legacy Modernization

    SB Profound WC GenericIn this presentation, Alex Roytman and Liam Allan will unveil a completely new and unique way to modernize your legacy applications. Learn how Agile Modernization:
    - Uses the power of Node.js in place of costly system re-writes and migrations
    - Enables you to modernize legacy systems in an iterative, low-risk manner
    - Makes it easier to hire developers for your modernization efforts
    - Integrates with Profound UI (GUI modernization) for a seamless, end-to-end legacy modernization solution

     

  • Data Breaches: Is IBM i Really at Risk?

    SB PowerTech WC GenericIBM i is known for its security, but this OS could be more vulnerable than you think.
    Although Power Servers often live inside the safety of the perimeter firewall, the risk of suffering a data leak or data corruption remains high.
    Watch noted IBM i security expert Robin Tatam as he discusses common ways that this supposedly “secure” operating system may actually be vulnerable and who the culprits might be.

    Watch the webinar today!

     

  • Easy Mobile Development

    SB Profound WC GenericWatch this on-demand webinar and learn how to rapidly and easily deploy mobile apps to your organization – even when working with legacy RPG code! IBM Champion Scott Klement will demonstrate how to:
    - Develop RPG applications without mobile development experience
    - Deploy secure applications for any mobile device
    - Build one application for all platforms, including Apple and Android
    - Extend the life and reach of your IBM i (aka iSeries, AS400) platform
    You’ll see examples from customers who have used our products and services to deliver the mobile applications of their dreams, faster and easier than they ever thought possible!

     

  • Profound UI: Unlock True Modernization from your IBM i Enterprise

    SB Profound PPL 5491Modern, web-based applications can make your Enterprise more efficient, connected and engaged. This session will demonstrate how the Profound UI framework is the best and most native way to convert your existing RPG applications and develop new modern applications for your business. Additionally, you will learn how you can address modernization across your Enterprise, including databases and legacy source code, with Profound Logic.

  • Node Webinar Series Pt. 1: The World of Node.js on IBM i

    Profound Logic Software, Inc.Have you been wondering about Node.js? Our free Node.js Webinar Series takes you from total beginner to creating a fully-functional IBM i Node.js business application.

    Part 1 will teach you what Node.js is, why it's a great option for IBM i shops, and how to take advantage of the ecosystem surrounding Node.

    In addition to background information, our Director of Product Development Scott Klement will demonstrate applications that take advantage of the Node Package Manager (npm).

  • 5 New and Unique Ways to Use the IBM i Audit Journal

    SB HelpSystems ROBOT GenericYou must be asking yourself: am I doing everything I can to protect my organization’s data? Tune in as our panel of IBM i high availability experts discuss:


    - Why companies don’t test role swaps when they know they should
    - Whether high availability in the cloud makes sense for IBM i users
    - Why some organizations don’t have high availability yet
    - How to get high availability up and running at your organization
    - High availability considerations for today’s security concerns

  • Profound.js 2.0: Extend the Power of Node to your IBM i Applications

    SB Profound WC 5541In this Webinar, we'll demonstrate how Profound.js 2.0 enables you to easily adopt Node.js in your business, and to take advantage of the many benefits of Node, including access to a much larger pool of developers for IBM i and access to countless reusable open source code packages on npm (Node Package Manager).
    You will see how Profound.js 2.0 allows you to:

    • Provide RPG-like capabilities for server-side JavaScript.
    • Easily create web and mobile application interfaces for Node on IBM i.
    • Let existing RPG programs call Node.js modules directly, and vice versa.
    • Automatically generate code for Node.js.
    • Automatically converts existing RPGLE code into clean, simplified Node.js code.

    Download and watch today!

     

  • Make Modern Apps You'll Love with Profound UI & Profound.js

    SB Profound WC 5541Whether you have green screens or a drab GUI, your outdated apps can benefit from modern source code, modern GUIs, and modern tools.
    Profound Logic's Alex Roytman and Liam Allan are here to show you how Free-format RPG and Node.js make it possible to deliver applications your whole business will love:

    • Transform legacy RPG code to modern free-format RPG and Node.js
    • Deliver truly modern application interfaces with Profound UI
    • Extend your RPG applications to include Web Services and NPM packages with Node.js

     

  • Accelerating Programmer Productivity with Sequel

    SB_HelpSystems_WC_Generic

    Most business intelligence tools are just that: tools, a means to an end but not an accelerator. Yours could even be slowing you down. But what if your BI tool didn't just give you a platform for query-writing but also improved programmer productivity?
    Watch the recorded webinar to see how Sequel:

    • Makes creating complex results simple
    • Eliminates barriers to data sources
    • Increases flexibility with data usage and distribution

    Accelerated productivity makes everyone happy, from programmer to business user.

  • Business Intelligence is Changing: Make Your Game Plan

    SB_HelpSystems_WC_GenericIt’s time to develop a strategy that will help you meet your informational challenges head-on. Watch the webinar to learn how to set your IT department up for business intelligence success. You’ll learn how the right data access tool will help you:

    • Access IBM i data faster
    • Deliver useful information to executives and business users
    • Empower users with secure data access

    Ready to make your game plan and finally keep up with your data access requests?

     

  • Controlling Insider Threats on IBM i

    SB_HelpSystems_WC_GenericLet’s face facts: servers don’t hack other servers. Despite the avalanche of regulations, news headlines remain chock full of stories about data breaches, all initiated by insiders or intruders masquerading as insiders.
    User profiles are often duplicated or restored and are rarely reviewed for the appropriateness of their current configuration. This increases the risk of the profile being able to access data without the intended authority or having privileges that should be reserved for administrators.
    Watch security expert Robin Tatam as he discusses a new approach for onboarding new users on IBM i and best-practices techniques for managing and monitoring activities after they sign on.

  • Don't Just Settle for Query/400...

    SB_HelpSystems_WC_GenericWhile introducing Sequel Data Access, we’ll address common frustrations with Query/400, discuss major data access, distribution trends, and more advanced query tools. Plus, you’ll learn how a tool like Sequel lightens IT’s load by:

    - Accessing real-time data, so you can make real-time decisions
    - Providing run-time prompts, so users can help themselves
    - Delivering instant results in Microsoft Excel and PDF, without the wait
    - Automating the query process with on-demand data, dashboards, and scheduled jobs

  • How to Manage Documents the Easy Way

    SB_HelpSystems_WC_GenericWhat happens when your company depends on an outdated document management strategy?
    Everything is harder.
    You don’t need to stick with status quo anymore.
    Watch the webinar to learn how to put effective document management into practice and:

    • Capture documents faster, instead of wasting everyone’s time
    • Manage documents easily, so you can always find them
    • Distribute documents automatically, and move on to the next task

     

  • Lessons Learned from the AS/400 Breach

    SB_PowerTech_WC_GenericGet actionable info to avoid becoming the next cyberattack victim.
    In “Data breach digest—Scenarios from the field,” Verizon documented an AS/400 security breach. Whether you call it AS/400, iSeries, or IBM i, you now have proof that the system has been breached.
    Watch IBM i security expert Robin Tatam give an insightful discussion of the issues surrounding this specific scenario.
    Robin will also draw on his extensive cybersecurity experience to discuss policies, processes, and configuration details that you can implement to help reduce the risk of your system being the next victim of an attack.

  • Overwhelmed by Operating Systems?

    SB_HelpSystems_WC_GenericIn this 30-minute recorded webinar, our experts demonstrate how you can:

    • Manage multiple platforms from a central location
    • View monitoring results in a single pane of glass on your desktop or mobile device
    • Take advantage of best practice, plug-and-play monitoring templates
    • Create rules to automate daily checks across your entire infrastructure
    • Receive notification if something is wrong or about to go wrong

    This presentation includes a live demo of Network Server Suite.

     

  • Real-Time Disk Monitoring with Robot Monitor

    SB_HelpSystems_WC_GenericYou need to know when IBM i disk space starts to disappear and where it has gone before system performance and productivity start to suffer. Our experts will show you how Robot Monitor can help you pinpoint exactly when your auxiliary storage starts to disappear and why, so you can start taking a proactive approach to disk monitoring and analysis. You’ll also get insight into:

    • The main sources of disk consumption
    • How to monitor temporary storage and QTEMP objects in real time
    • How to monitor objects and libraries in real time and near-real time
    • How to track long-term disk trends

     

     

  • Stop Re-keying Data Between IBM I and Other Applications

    SB_HelpSystems_WC_GenericMany business still depend on RPG for their daily business processes and report generation.Wouldn’t it be nice if you could stop re-keying data between IBM i and other applications? Or if you could stop replicating data and start processing orders faster? Or what if you could automatically extract data from existing reports instead of re-keying? It’s all possible. Watch this webinar to learn about:

    • The data dilemma
    • 3 ways to stop re-keying data
    • Data automation in practice

    Plus, see how HelpSystems data automation software will help you stop re-keying data.

     

  • The Top Five RPG Open Access Myths....BUSTED!

    SB_Profound_WC_GenericWhen it comes to IBM Rational Open Access: RPG Edition, there are still many misconceptions - especially where application modernization is concerned!

    In this Webinar, we'll address some of the biggest myths about RPG Open Access, including:

    • Modernizing with RPG OA requires significant changes to the source code
    • The RPG language is outdated and impractical for modernizing applications
    • Modernizing with RPG OA is the equivalent to "screen scraping"

     

  • Time to Remove the Paper from Your Desk and Become More Efficient

    SB_HelpSystems_WC_GenericToo much paper is wasted. Attempts to locate documents in endless filing cabinets.And distributing documents is expensive and takes up far too much time.
    These are just three common reasons why it might be time for your company to implement a paperless document management system.
    Watch the webinar to learn more and discover how easy it can be to:

    • Capture
    • Manage
    • And distribute documents digitally

     

  • IBM i: It’s Not Just AS/400

    SB_HelpSystems_WC_Generic

    IBM’s Steve Will talks AS/400, POWER9, cognitive systems, and everything in between

    Are there still companies that use AS400? Of course!

    IBM i was built on the same foundation.
    Watch this recorded webinar with IBM i Chief Architect Steve Will and IBM Power Champion Tom Huntington to gain a unique perspective on the direction of this platform, including:

    • IBM i development strategies in progress at IBM
    • Ways that Watson will shake hands with IBM i
    • Key takeaways from the AS/400 days

     

  • Ask the RDi Experts

    SB_HelpSystems_WC_GenericWatch this recording where Jim Buck, Susan Gantner, and Charlie Guarino answered your questions, including:

    • What are the “hidden gems” in RDi that can make me more productive?
    • What makes RDi Debug better than the STRDBG green screen debugger?
    • How can RDi help me find out if I’ve tested all lines of a program?
    • What’s the best way to transition from PDM to RDi?
    • How do I convince my long-term developers to use RDi?

    This is a unique, online opportunity to hear how you can get more out of RDi.

     

  • Node.js on IBM i Webinar Series Pt. 2: Setting Up Your Development Tools

    Profound Logic Software, Inc.Have you been wondering about Node.js? Our free Node.js Webinar Series takes you from total beginner to creating a fully-functional IBM i Node.js business application. In Part 2, Brian May teaches you the different tooling options available for writing code, debugging, and using Git for version control. Attend this webinar to learn:

    • Different tools to develop Node.js applications on IBM i
    • Debugging Node.js
    • The basics of Git and tools to help those new to it
    • Using NodeRun.com as a pre-built development environment

     

     

  • Inside the Integrated File System (IFS)

    SB_HelpSystems_WC_GenericDuring this webinar, you’ll learn basic tips, helpful tools, and integrated file system commands—including WRKLNK—for managing your IFS directories and Access Client Solutions (ACS). We’ll answer your most pressing IFS questions, including:

    • What is stored inside my IFS directories?
    • How do I monitor the IFS?
    • How do I replicate the IFS or back it up?
    • How do I secure the IFS?

    Understanding what the integrated file system is and how to work with it must be a critical part of your systems management plans for IBM i.

     

  • Expert Tips for IBM i Security: Beyond the Basics

    SB PowerTech WC GenericIn this session, IBM i security expert Robin Tatam provides a quick recap of IBM i security basics and guides you through some advanced cybersecurity techniques that can help you take data protection to the next level. Robin will cover:

    • Reducing the risk posed by special authorities
    • Establishing object-level security
    • Overseeing user actions and data access

    Don't miss this chance to take your knowledge of IBM i security beyond the basics.

     

     

  • 5 IBM i Security Quick Wins

    SB PowerTech WC GenericIn today’s threat landscape, upper management is laser-focused on cybersecurity. You need to make progress in securing your systems—and make it fast.
    There’s no shortage of actions you could take, but what tactics will actually deliver the results you need? And how can you find a security strategy that fits your budget and time constraints?
    Join top IBM i security expert Robin Tatam as he outlines the five fastest and most impactful changes you can make to strengthen IBM i security this year.
    Your system didn’t become unsecure overnight and you won’t be able to turn it around overnight either. But quick wins are possible with IBM i security, and Robin Tatam will show you how to achieve them.

  • How to Meet the Newest Encryption Requirements on IBM i

    SB PowerTech WC GenericA growing number of compliance mandates require sensitive data to be encrypted. But what kind of encryption solution will satisfy an auditor and how can you implement encryption on IBM i? Watch this on-demand webinar to find out how to meet today’s most common encryption requirements on IBM i. You’ll also learn:

    • Why disk encryption isn’t enough
    • What sets strong encryption apart from other solutions
    • Important considerations before implementing encryption

     

     

  • Security Bulletin: Malware Infection Discovered on IBM i Server!

    SB PowerTech WC GenericMalicious programs can bring entire businesses to their knees—and IBM i shops are not immune. It’s critical to grasp the true impact malware can have on IBM i and the network that connects to it. Attend this webinar to gain a thorough understanding of the relationships between:

    • Viruses, native objects, and the integrated file system (IFS)
    • Power Systems and Windows-based viruses and malware
    • PC-based anti-virus scanning versus native IBM i scanning

    There are a number of ways you can minimize your exposure to viruses. IBM i security expert Sandi Moore explains the facts, including how to ensure you're fully protected and compliant with regulations such as PCI.

     

     

  • Fight Cyber Threats with IBM i Encryption

    SB PowerTech WC GenericCyber attacks often target mission-critical servers, and those attack strategies are constantly changing. To stay on top of these threats, your cybersecurity strategies must evolve, too. In this session, IBM i security expert Robin Tatam provides a quick recap of IBM i security basics and guides you through some advanced cybersecurity techniques that can help you take data protection to the next level. Robin will cover:

    • Reducing the risk posed by special authorities
    • Establishing object-level security
    • Overseeing user actions and data access

     

     

     

  • 10 Practical IBM i Security Tips for Surviving Covid-19 and Working From Home

    SB PowerTech WC GenericNow that many organizations have moved to a work from home model, security concerns have risen.

    During this session Carol Woodbury will discuss the issues that the world is currently seeing such as increased malware attacks and then provide practical actions you can take to both monitor and protect your IBM i during this challenging time.

     

  • How to Transfer IBM i Data to Microsoft Excel

    SB_HelpSystems_WC_Generic3 easy ways to get IBM i data into Excel every time
    There’s an easy, more reliable way to import your IBM i data to Excel? It’s called Sequel. During this webinar, our data access experts demonstrate how you can simplify the process of getting data from multiple sources—including Db2 for i—into Excel. Watch to learn how to:

    • Download your IBM i data to Excel in a single step
    • Deliver data to business users in Excel via email or a scheduled job
    • Access IBM i data directly using the Excel add-in in Sequel

    Make 2020 the year you finally see your data clearly, quickly, and securely. Start by giving business users the ability to access crucial business data from IBM i the way they want it—in Microsoft Excel.

     

     

  • HA Alternatives: MIMIX Is Not Your Only Option on IBM i

    SB_HelpSystems_WC_GenericIn this recorded webinar, our experts introduce you to the new HA transition technology available with our Robot HA software. You’ll learn how to:

    • Transition your rules from MIMIX (if you’re happy with them)
    • Simplify your day-to-day activities around high availability
    • Gain back time in your work week
    • Make your CEO happy about reducing IT costs

    Don’t stick with a legacy high availability solution that makes you uncomfortable when transitioning to something better can be simple, safe, and cost-effective.

     

     

  • Comply in 5! Well, actually UNDER 5 minutes!!

    SB CYBRA PPL 5382

    TRY the one package that solves all your document design and printing challenges on all your platforms.

    Produce bar code labels, electronic forms, ad hoc reports, and RFID tags – without programming! MarkMagic is the only document design and print solution that combines report writing, WYSIWYG label and forms design, and conditional printing in one integrated product.

    Request your trial now!

  • Backup and Recovery on IBM i: Your Strategy for the Unexpected

    SB HelpSystems SC 5413Robot automates the routine tasks of iSeries backup and recovery, saving you time and money and making the process safer and more reliable. Automate your backups with the Robot Backup and Recovery Solution. Key features include:
    - Simplified backup procedures
    - Easy data encryption
    - Save media management
    - Guided restoration
    - Seamless product integration
    Make sure your data survives when catastrophe hits. Try the Robot Backup and Recovery Solution FREE for 30 days.

  • Manage IBM i Messages by Exception with Robot

    SB HelpSystems SC 5413Managing messages on your IBM i can be more than a full-time job if you have to do it manually. How can you be sure you won’t miss important system events?
    Automate your message center with the Robot Message Management Solution. Key features include:
    - Automated message management
    - Tailored notifications and automatic escalation
    - System-wide control of your IBM i partitions
    - Two-way system notifications from your mobile device
    - Seamless product integration
    Try the Robot Message Management Solution FREE for 30 days.

  • Easiest Way to Save Money? Stop Printing IBM i Reports

    SB HelpSystems SC 5413Robot automates report bursting, distribution, bundling, and archiving, and offers secure, selective online report viewing.
    Manage your reports with the Robot Report Management Solution. Key features include:

    - Automated report distribution
    - View online without delay
    - Browser interface to make notes
    - Custom retention capabilities
    - Seamless product integration
    Rerun another report? Never again. Try the Robot Report Management Solution FREE for 30 days.

  • Hassle-Free IBM i Operations around the Clock

    SB HelpSystems SC 5413For over 30 years, Robot has been a leader in systems management for IBM i.
    Manage your job schedule with the Robot Job Scheduling Solution. Key features include:
    - Automated batch, interactive, and cross-platform scheduling
    - Event-driven dependency processing
    - Centralized monitoring and reporting
    - Audit log and ready-to-use reports
    - Seamless product integration
    Scale your software, not your staff. Try the Robot Job Scheduling Solution FREE for 30 days.

  • ACO MONITOR Manages your IBM i 24/7 and Notifies You When Your IBM i Needs Assistance!

    SB DDL Systems 5429More than a paging system - ACO MONITOR is a complete systems management solution for your Power Systems running IBM i. ACO MONITOR manages your Power System 24/7, uses advanced technology (like two-way messaging) to notify on-duty support personnel, and responds to complex problems before they reach critical status.

    ACO MONITOR is proven technology and is capable of processing thousands of mission-critical events daily. The software is pre-configured, easy to install, scalable, and greatly improves data center efficiency.