Sidebar

A Bootstrap Love Affair, Part Three

Development Tools / Utilities
Typography
  • Smaller Small Medium Big Bigger
  • Default Helvetica Segoe Georgia Times

Jump on the Bootstrap Carousel.

 

During the last couple of months, I have taken you around a part of the Bootstrap universe and hopefully covered enough of the elements and methods to give you an idea of what you, together with jQuery, can accomplish with it. My Aim Is True!

 

In the previous article, I promised you that I would combine all of what we have seen so far and, on top of that, give you some information about my lifelong passion for Elvis Costello, so that’s what I will try to do. In this article of our Bootstrap series, I’ll look at the Bootstrap Carousel plugin, which is a component for cycling through elements, like a carousel or slideshow.

 

The Carousel plugin is a part of the Bootstrap package, so you don’t need to do anything special to make it work—again, some classes and some HTML code and you’re done.

 

For Carousel to function, an ID is required on the outermost container, which then defines the Carousel with the class of the same name. The Carousel is controlled via the use of data attributes. These attributes are added in various places in the HTML structure to make the Carousel function the way you want. The data attributes can also be set/changed using JavaScript (jQuery) so that, for example, you can pause and start the Carousel programmatically.

 

The Carousel plugin has two events available: slide.bs.carousel and slid.bs.carousel. They’re fired like this:

 

  • slide.bs.carousel fires immediately when the slide instance method is invoked.
  • slid.bs.carousel is fired when the Carousel has completed its slide transition.

 

So with this knowledge inside our head, let’s take the Carousel for a spin and look at a real-time example. (Note: All the code shown here can be downloaded at the end of the article.)

 

Before I list a lot of code and start explaining, try having a look at the result first, because I think that will make it a little easier to comprehend. The example link below shows the first three Elvis Costello albums released. The cover will be shown, and the name of the album will be shown as caption text. You can navigate in the Carousel by clicking the arrows on the left orright or by using the control indicators to show a specific item.

 

http://agnethe.dk/mcpressonline/bootstrap-part-3/index_ex1.htm

 

Below is the code needed to create a simple bootstrap Carousel. I’ll explain it step by step, trying to point out what’s happening.

 

<!DOCTYPE html>

<html lang="en">

<head>

<title>MCpressonline.com -> Bootstrap part 3 - The Costello Tour</title>

 

1.0

      <meta charset="utf-8">

      <meta name="viewport" content="width=device-width, initial-scale=1">

      <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">

 

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/

      jquery.min.js"></script>

    <script src="/bootstrap/js/bootstrap.min.js"></script>

 

<style>

 

2.0

 

.carousel-inner > .item > img {

   margin: 0 auto;

}

 

</style>

 

</head>

 

<body>

 

<div class="container">

 

<h3>Bootstrap carousel example 1</h3>

 

3.0

 

<div id="mycarousel" class="carousel slide" data-ride="carousel" data-interval=3000

data-pause="hover" data-wrap="true">

 

4.0

 

<!-- Indicators -->

<ol class="carousel-indicators">

   <li data-target="#mycarousel" data-slide-to="0" class="active"></li>

   <li data-target="#mycarousel" data-slide-to="1"></li>

   <li data-target="#mycarousel" data-slide-to="2"></li>

</ol>

 

5.0

 

<!-- Wrapper for slides -->

<div class="carousel-inner" role="listbox">

   <div class="item active">

     <img src="/images/ex1/1.jpg" alt="1">

     <div class="carousel-caption">My Aim Is True</div>

   </div>

   <div class="item">

     <img src="/images/ex1/2.jpg" alt="2">

     <div class="carousel-caption">This Years Model</div>

   </div>

   <div class="item">

     <img src="/images/ex1/3.jpg" alt="3">

     <div class="carousel-caption">Armed Forces</div>

   </div>

</div>

 

 

6.0

 

<!-- Controls -->

<a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev">

   <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

   <span class="sr-only">Previous</span>

</a>

<a class="right carousel-control" href="#mycarousel" role="button" data-slide="next">

   <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

   <span class="sr-only">Next</span>

</a>

</div>

 

</div>

 

</body>

</html>

 

 

 

1.0

Declare the bootstrap and jQuery needed to make it all happen.

 

2.0

A little custom CSS centers the images shown in the example.

 

3.0

Define the outermost div of the Carousel with some attributes and classes specified. The following are used:

 

  • id="mycarousel" is the ID of the Carousel.
  • class="carousel slide"Classes tell Bootstrap what we’re creating.
  • data-ride="carousel"This attribute is used to mark a Carousel as animating starting at page load. If it is not specified, the Carousel will not start automatically.
  • data-interval=3000This attribute defines how many milliseconds are between each slide when running. Default is 5000.
  • data-pause="hover"When the mouse cursor is “over” the Carousel, it will be paused, and when the mouse is removed, it will start again.
  • data-wrap="trueThis attribute will make the Carousel wrap and start over again when the last slide is reached.

 

4.0

Define the control indicators. This is a simple ordered list with the carousel-indicators class specified. The data-slide-to specifies which slide will be shown when an indicator is clicked. Note that the slide-to is zero-based, which is different from RPG, for example.

 

5.0

Here, we define the slider items and the caption text that will be shown when the Carousel is running. Each item is straight HTML tags with the class “item” specified, which will control the showing of the slides. The “active” class controls which item will be shown first. If you want to show slide three first, that’s where to put the “active” class. Remember to change the Carousel-indicators or, even better, use the “carousel(number)” method and change it programmatically.

 

6.0

The controls shown on the left and right of the Carousel will change an item when clicked. The glyphicons are optional but are added to draw attention to the direction of the slides when clicked.

 

And that’s pretty much how you set up a Bootstrap Carousel and make it work! Very easy. And best of all, it’s all included in the Bootstrap package.

 

This could have been the end. You now know how to create a Bootstrap Carousel. But I wouldn’t have kept my promise to tell you something about Elvis Costello and to create an example that combines various techniques that include Bootstrap and jQuery elements. So if you’re up for some more, read on and learn something about a collector who went over the top. And see some programming that might even be useful in your daily life.

 

My Aim Is True

Let’s start with the Costello trivia. In July 1977, Elvis Costello released his first album, called My Aim Is True, on the small London record label Stiff Records. The album was recorded at some late-night studio session in about 24 hours and at a cost of £2000.

 

Elvis Costello was backed by American country rock band Clover, which in the late 1970s was touring England as a supporting act for Thin Lizzy. This happened to be around the time when the album was to be recorded. Later, Clover split up and some of the members joined Huey Lewis and became The News, but that’s a totally different story.

 

In 1977, I was 13 years old, and as I lived in a small town, Elvis Costello was totally out of reach at the time. But in 1978 he released his second album, called This Year’s Model, and when I heard “Pump It Up,” ”Radio Radio,” and “Watching the Detectives,” I was lost and have been ever since.

 

Over the years, my Costello record collection grew and grew, and I found out that My Aim Is True was released in many variations with different colors, and they also varied from country to country. As a passionate record collector, I just had to own them all. After almost 40 years of collecting and spending quite a sum of money on eBay and at record fairs, I now think I have every one.

 

And how many is that? Well, I have 52 different copies on vinyl and also a huge number on CD and cassette tape, so in total I have 78 copies of this album, which of course makes people shake their heads and roll their eyes. But then I just top it by telling them that my whole Costello collection includes about 730 items. And that’s when their heads start spinning and they just run away from the madman.

 

So how can an MC Press Online article have anything to do with an old new-wave album released in 1977?

 

When I started to write this article, my first idea was to use pictures of various products and then add text to them, but then I thought, why not show (off) the various album covers so people can see what I’ve spent almost 40 years collecting? So, ladies and gentlemen, please allow me to present the Bootstrap Carousel containing about 50 My Aim Is True album covers.

 

"What’s in It for Me?" You Ask

Of course, you’ll see the fantastic covers, but that’s the smallest part of it.

 

Instead of typing all the information in one file, I have created JavaScript functions that will build the code based on some arrays containing all the cover names. This method can be used by presenting information stored somewhere on the IFS of your IBM i.

 

The data about each cover is stored in HTML files and displayed in the file, using AJAX to fetch it. This technique can be used to get information stored inside the IBM i database, and it doesn’t take much code to make this come true.

 

You can write the “ajax fetch” program in RPG or PHP or any language of your choice, and you can very easily combine various databases and platforms if your information is stored that way.

 

The program is about 370 lines long and involves 50 commented HTML files and about 90 image files. I know that sounds like a lot, but don’t worry; when you get the idea, you’ll see that things are pretty simple and easy to understand.

 

I have chosen to list all the code, and as with the first code example in this article, I have highlighted some of the points that I consider important to understand what’s happening.

 

I hope I’m not scaring you away! If you have questions or comments, please email me. I will do my utmost to clear up what might be unclear.

 

Let the Pictures Roll

When I have to create something new, I always think of how to solve the problem and then I combine my idea with the knowledge I might have about the solution I want to create. Then I ask Google, because there are people out there on the Internet who are much more clever than I am. They are also kind enough to share their work, so I can modify and benefit from their cleverness.

 

So after a little search, I found a good example that could get me started. You can see it here.

 

That was just what I needed, and after some hours of work, I ended up with the picture you see below.

 

 

081016JanFig1

Figure 1: The My Aim Is True Carousel is working!

 

To see the Carousel of My Aim Is True, click this link.

 

On the left, you see the cover. On the right, you see information about the cover shown. At the bottom is a list of thumbnails where you can navigate between the various elements. On the top are buttons you can use to control the slideshow.

 

I haven’t explained everything in this program because some of it is common Bootstrap/jQuery stuff and is likely something that you have seen before.

 

Well, that’s it. Let’s look at the code.

 

<!DOCTYPE html>

<html lang="en">

<head>

<title>MCpressonline.com -> Bootstrap part 3 - My Aim Is True</title>

 

1.0

      <meta charset="utf-8">

      <meta name="viewport" content="width=device-width, initial-scale=1">

      <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">

 

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

    <script src="/bootstrap/js/bootstrap.min.js"></script>

     

<style>

 

 

2.0

 

.hide-bullets

{

      list-style:none;

 

}

 

 

</style>

 

<script type='text/javascript'>

 

3.0

 

//======================================================================

// Build carousel

//======================================================================

function buildCarousel () {

 

3.1  

      // Get input

      var csvString = $('#csv-string-front').val();

     

      // Create array

      var frontImageAry = csvString.split('|');

     

      var i = 0;

 

      $('#carousel-div').html('');

     

3.2

      while (frontImageAry[i])

      {

 

            if ( i == 0 ) {

                  var activeClass = 'active';

            } else {

                  var activeClass = '';

            }

           

            // Split file because we want the name without extension

            var fileAry = frontImageAry[i].split('.');           

 

3.3

            // Create html line and append the data to the div

            var htmlLine = '<div id="' + fileAry[0] + '" class="' + activeClass + '

item" data-slide-number="' + i + '">'

                              + '<img class="img-responsive" src="/images\\front\\' +

frontImageAry[i] + '">'

                              + '</div>'

                              ;

                             

            $('#carousel-div').append( htmlLine );

 

            // Increase counter

            i++;

      }

 

 

}

 

4.0

 

//=====================================================================

// Build thumbnail grid

//=====================================================================

function buildThumbnails () {

     

      // Get input

      var csvString = $('#csv-string-front').val();

     

      // Create array

      var frontImageAry = csvString.split('|');

     

      var i = 0;

 

      $('#thumbnails-div').html('');

 

4.1

 

      while (frontImageAry[i])

      {

     

            // Split file because we want the name without extension

            var fileAry = frontImageAry[i].split('.');

 

            // Create html line and append the data to the div

            var htmlLine = '<li class="col-sm-2">'

                              + '<a class="thumbnail" id="' + i + '"

onclick="showThumbnail(this.id' + ',\'' + fileAry[0] + '\'' + ')"><img style="width:75px" src="/images/front/' + frontImageAry[i] + '"></a>'

                              + '</li>'

                              ;

            $('#thumbnails-div').append( htmlLine );

 

            // Increase counter

            i++;

      }

 

}

 

 

5.0 //========================================================

// Show thumbnail

//============================================================

function showThumbnail ( id ) {

 

      var id = parseInt(id);

      $('#myCarousel').carousel(id);

 

}

 

6.0

 

//============================================================

// Show image in modal

//============================================================

function showImage ( id ) {

     

      $('#show-picture').html('<img src="/images/back/' + id + '">');

     

      // Pause slide show

      $("#pause-button").click();

     

      $('#myModal').modal('show');

 

}

 

7.0

 

//============================================================

// Close modal

//============================================================

function closeModal() {

 

 

      // Pause slide show

      $("#cycle-button").click();

 

 

}

 

8.0

 

//============================================================

// Show big image in modal

//============================================================

function showImageAll ( id ) {

 

      $('#show-picture-all').html('<img class="img-responsive" src="/images/' + id + '">');

     

      $('#myModalAll').modal('show');

 

}  

 

 

9.0

 

//===========================================================

// Show comment

//===========================================================

function getPictureComment( picture_id ) {

 

9.1

 

            var commentPath = 'comments/' + picture_id + '.htm';

     

            $.ajax({

                  type: "GET",

                  url: commentPath,

                  dataType: "html",

                  cache: false,                

                  success: function( htmldata ) {

                       

9.2

 

                        $('#carousel-text').html( '<div class="label label-info">File: ' +

commentPath + '</div><p></p>' + htmldata );

                 

                  },

                  error:function (xhr, ajaxOptions, thrownError){      

                 

                        $('#carousel-text').html( 'Error retrieving data...' );

                 

                  }

                 

            });  

 

 

}

 

//================================================================

// Init it all

//================================================================

$(document).ready(function(){

 

10.0

 

      // Build data

      buildThumbnails();

      buildCarousel();

     

 

11.0

      //----------------------------------------------------------------------

      // Init slider

      //----------------------------------------------------------------------

      $('#myCarousel').carousel({

            interval: 5000

      });

     

      $("#carousel-status").html("<b>Running</b>");

     

     

      //----------------------------------------------------------------------

      // Pause slider

      //----------------------------------------------------------------------   

   $("#pause-button").click(function(){

       $("#myCarousel").carousel("pause");

            $("#carousel-status").html("<b>Paused</b>");

   });    

 

      //----------------------------------------------------------------------

      // Run slider

      //----------------------------------------------------------------------   

   $("#cycle-button").click(function(){

       $("#myCarousel").carousel("cycle");

            $("#carousel-status").html("<b>Running</b>");

   });    

     

 

12.0

 

      //----------------------------------------------------------------------

      // Get first comment

      //----------------------------------------------------------------------

      var picture_id = $('.item.active').attr('id');

      getPictureComment( picture_id );   

     

      //----------------------------------------------------------------------

      // When the carousel slides, auto update the text

      //----------------------------------------------------------------------

      $('#myCarousel').on('slide.bs.carousel', function (e) {

     

           

            $('#fire').text('slide');

     

 

      });

      //----------------------------------------------------------------------

     

13.0

 

      //----------------------------------------------------------------------

      // When the carousel slides, auto update the text

      //----------------------------------------------------------------------

      $('#myCarousel').on('slid.bs.carousel', function (e) {

           

            // Get slide number (not used but nice to know)

            var slide_id = $('.item.active').data('slide-number');

           

            // Get picture number

            var picture_id = $('.item.active').attr('id');

            getPictureComment( picture_id );

           

            $('#fire').text('slid');

 

      });

      //----------------------------------------------------------------------   

     

});

 

</script>

 

 

</head>

 

<body>

 

14.0

 

<input class="hidden" id="csv-string-front" size="1000" value="2122.jpg|2176.jpg|2192.jpg|2200.jpg|2304.jpg|2347.jpg|2608.jpg|261.jpg|

2664.jpg|2984.jpg|3001.jpg|3045.jpg|3087.jpg|3109.jpg|3212.jpg|3239.jpg|3399.jpg|

3400.jpg|3401.jpg|3402.jpg|3403.jpg|3404.jpg|3405.jpg|3406.jpg|3407.jpg|3408.jpg|

3409.jpg|3410.jpg|3411.jpg|3412.jpg|3413.jpg|3414.jpg|3415.jpg|3416.jpg|3417.jpg|

3418.jpg|3419.jpg|3420.jpg|3421.jpg|3422.jpg|3423.jpg|3424.jpg|3425.jpg|344.jpg|

3580.jpg|3581.jpg|3585.jpg|3610.jpg|3611.jpg|3652.jpg">

<input class="hidden" id="csv-string-back" size="1000" value="2608_2.jpg|3239_2.jpg|3399_2.jpg|3400_2.jpg|3401_2.jpg|3402_2.jpg|3403_2.jpg|

3404_2.jpg|3405_2.jpg|3406_2.jpg|3407_2.jpg|3408_2.jpg|3409_2.jpg|3410_2.jpg|

3411_2.jpg|3412_2.jpg|3413_2.jpg|3414_2.jpg|3415_2.jpg|3416_2.jpg|3417_2.jpg|

3418_2.jpg|3419_2.jpg|3420_2.jpg|3421_2.jpg|3422_2.jpg|3423_2.jpg|3424_2.jpg|

3425_2.jpg|3580_2.jpg|3581_2.jpg|3585_2.jpg|3610_2.jpg|3611_2.jpg|3652_2.jpg">

 

<div class="container">

 

      <hr>

 

      <div class="row">

            <div class="col-sm-7 col-xs-12">

                  <h3>Bootstrap part 3 - My Aim Is True</h3><span class="hidden" id="fire">

</span>

            </div>

           

 

15.0

            <div class="col-sm-2 hidden-xs">

                  <div onclick="showImageAll('all_front.jpg')" class="btn btn-primary">

All Front</div>

                  <div onclick="showImageAll('all_back.jpg')" class="btn btn-primary">

All Back</div>

            </div>                       

           

            <div class="col-sm-2 hidden-xs">

                  <div id="pause-button" class="btn btn-warning">Pause</div>

                  <div id="cycle-button" class="btn btn-success">Un-pause</div>

            </div>           

           

            <div class="col-sm-1 hidden-xs">

                  <div id="carousel-status"></div>

            </div>           

      </div>

 

      <hr>

 

   <!-- Slider -->

      <div class="row">

       <div class="col-sm-5 col-xs-10">

 

16.0

 

           <div class="carousel slide" id="myCarousel" style="width:65%">

                      

                                    <!-- Carousel items -->

16.1

 

                       <div class="carousel-inner" id="carousel-div"></div>

                                   

                                    <!-- Carousel nav -->

                       <a class="left carousel-control" href="#myCarousel"

role="button" data-slide="prev">

                          <span class="glyphicon glyphicon-chevron-left"></span>                                      

                       </a>

                       <a class="right carousel-control" href="#myCarousel"

role="button" data-slide="next">

                           <span class="glyphicon glyphicon-chevron-right"></span>                                      

                       </a>                              

                  </div>

       </div>

                       

            <div class="col-sm-7 col-xs-2" id="carousel-text">

            </div>

      </div>

      <!--/Slider-->

 

                        <hr>

                       

               <div class="row hidden-xs" id="slider-thumbs"

style="height:300px;overflow:scroll">

 

17.0

                       <!-- Bottom switcher of slider -->

                       <ul class="hide-bullets">

                                   

                                          <div id="thumbnails-div"></div>

                      

                                    </ul>                

                                   

               </div>

                       

 

18.0

                        <!-- Modal -->

                        <div id="myModal" class="modal fade" role="dialog"

data-keyboard="false" data-backdrop="static">

 

                        <div class="modal-dialog">

 

                              <!-- Modal content-->

                              <div class="modal-content">

                              <div class="modal-header">

                                    <button type="button" onclick="closeModal()"

class="close" data-dismiss="modal">&times;</button>

                                    <h4 class="modal-title">Show backside of cover</h4>

                              </div>

                              <div class="modal-body text-center">

                                          <div id="show-picture"></div>

                              </div>

                              <div class="modal-footer">

                                    <button type="button" onclick="closeModal()"

class="btn btn-primary" data-dismiss="modal">Close</button>

                              </div>

                              </div>

 

                        </div>

                        </div>                       

                       

                       

                        <!-- Modal -->

                        <div id="myModalAll" class="modal fade" role="dialog">

 

                        <div class="modal-dialog modal-lg">

                              <!-- Modal content-->

                              <div class="modal-content">

 

                              <div class="modal-body text-center">

                                          <div id="show-picture-all"></div>

                              </div>

 

                              </div>

 

                        </div>

                        </div>                                         

                                               

      

 

</div>

 

 

</body>

</html>

 

 

OK. Here’s what happens. I’ll try to make the explanations short and easy.

 

1.0

Define the viewport to be responsive on all devices. Import Bootstrap and jQuery.

 

2.0

Customize CSS to hide the list bullet in the thumbnail section.

 

3.0

This JavaScript function dynamically builds the Carousel code. The information is based on the input CSV data stored in input field “csv-string-front” (see 14.0). This data could be retrieved from the server (e.g., IBM i) and “imported” into the program using AJAX or an “include” if PHP. Input could be JSON or XML if needed.

 

3.1

As the data is saved in a CSV string with a pipe, or bar, (|) as delimiter, we can treat it as an array and split it using the JavaScript split function.

 

3.2

Loop trough the array using a while loop.

 

3.3

Build the HTML line to handle the slide items. Output the result at the “carousel-div” id-attribute.

 

4.0

This JavaScript function dynamically builds the Carousel thumbnail code. The information is based on the input CSV data stored in input field “csv-string-front” (see 14.0).

 

4.1

As the data is saved in a CSV string with a pipe/bar (|) as a delimiter, we can treat is as an array and split it using the JavaScript split function and then loop through the array using a while loop. Build the HTML line to handle the thumbnail items. Output the result at the “thumbnails-div” id-attribute.

 

5.0

Use this function to show the thumbnail in the Carousel. The “.carousel(number)” method is used.

 

6.0

Show an image in a modal popup, and while showing it, pause the Carousel programmatically by “clicking” the pause button. The modal is another useful Bootstrap plugin included in the Bootstrap package. This modal can be closed only by clicking the Close button.

 

7.0

Close the modal, and start the Carousel again.

 

8.0

Display the big pictures showing all the albums at once. This modal can be closed by clicking outside the modal and does not have any header.

 

9.0

Use AJAX to load the comment for the album cover. The comment is stored in a simple HTML file and looks like this:

 

<table class="table table-bordered">

<tr>

      <th>Country</th>

      <th>Release year</th>

      <th>Label</th>

      <th>Label no</th>

      <th>Comment</th>

</tr>

<tr>

      <td valign="top">UK</td>

            <td valign="top">1986</td>

      <td valign="top">Demon</td>

      <td valign="top">FIEND 13</td>

      <td valign="top">no LP0028 of 1500. Includes 12 Page booklet<br>

(HMV classis collection)</td>

</tr>

</table>

 

As you see, this is a simple HTML file with a Bootstrap table.

When you download all the examples, you will find a PHP program called crttextfiles.php in dir create_files. I used this automatic program to create all the files used by AJAX and then modified the files where needed (saved me many hours of work).

 

Note: This data can of course be created on the fly by calling a server program, and the IBM i database is where this information should reside.

 

9.1

Build the call to AJAX and fetch the comment file.

 

9.2

Show the information in the “carousel-text” ID attribute. Use the label class to show the name of the HTML file (I just added it here for the demo).

 

10.0

Init the program by building the Carousel and the thumbnails.

 

11.0

Set the slider interval to 5 seconds. Define the functions to pause and un-pause the Carousel and to control the status text of the Carousel.

 

12.0

Get the first comment for the picture, based on the active class.

 

13.0

Define the Carousel events. Note that the ID named “fire” is used to show when the event fires. The div is hidden just under the header, but remove the hidden class and see it change when the Carousel runs. In this example, only the slid.bs.carousel is used, and it will fetch the cover comment and display just after the slide is done.

 

14.0

Input the fields that hold the picture array for the front and the back of the cover. Because there’s not a back cover to every entry, the “crttextfiles.php” took this into account when it created the comment file and only built the link to the back cover if there was one. The result is that only some of the covers have the “Show back cover” button.

 

15.0

Create Bootstrap grids to show the various information in the Carousel solution. This ensures that it is responsive when viewing on various devices. Note the hidden-xs calls; these make the information attached to them disappear when viewed on a mobile device because there’s no place for it. You can test it by resizing the browser window.

 

16.0

Define the div tags for the Carousel.

 

17.0

Define the div tags for the Carousel thumbnails.

 

18.0

Define the modals used to show the images.

 

 

Well, that was a lot! I really hope I haven’t scared you away. Are you still with me?

 

This completes what I have to say this time, but I promise to be back with more Bootstrap goodies when Version 4 hits the street in a final release.

 

Till then, drop me a line if you have questions or comments. And remember that My Aim Is True.

 

To download all the code used in this article, click here.

 

 

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 5450

    Mobile 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. The ROI that mobile applications can produce for your business is substantial.

    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!

  • 3 Compelling Drivers for Implementing an HA Solution on an IBM i Cloud with MIMIX

    SB Connectria 5485

    1. Affordable Cloud Solutions

    2. Efficiencies of MIMIX

    3. Rising Cost of Downtime

    This white paper is a collaborative effort between Connectria Hosting, a pioneer in the development of the IBM i Cloud, and Vision Solutions, the leader in High Availability and Disaster Recovery solutions including MIMIX®, the standard for complete, scalable HA/DR protection for the IBM i.
    It will provide a review of the core causes and costs of both planned and unplanned downtime and will then provide a detailed discussion of current options for IBM i High Availability and Disaster Recovery in the Cloud.
    Most importantly, as you read you will learn why true HA and DR protection are now within reach of even the smallest of businesses.

    Download 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.

  • 5 Winning Strategies to Combat Information Overload

    SB Halcyon WP 5466

    Today’s businesses must be available 24/7 with fewer people having to manage more complex systems and processes.

    IT departments receive a constant bombardment of information from a diverse variety of operating systems, business applications, and critical processes and support a complex array of servers and devices running across their entire network.

    With tight resources and the need to keep costs in check, more and more is expected of IT operational staff to handle this information efficiently. They need to ensure a swift response with appropriate actions, that essential data is received at the right time, prove service levels are maintained, that contingency and high availability strategies are fully operational, and that vital business activities run smoothly and without disruption.

    See More

  • 2017 IBM i Marketplace Survey Results

    SB HelpSystems ROBOT GenericFor the third annual IBM i Marketplace Survey, HelpSystems set out to gather data about how businesses use the IBM i platform. The past two surveys have sparked many thoughtful conversations about this technology and we’re thrilled to be part of such an engaged community.

    Nearly 500 people from across the globe completed this year’s survey. We’re so happy to share the results with you, and hope you’ll find the information interesting and useful as you evaluate your own IT projects.

    Sections: IBM i in the Data Center | IT Initiatives & Trends | Outlook for IBM i | Demographics | Resources

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

    SB Maxava PPL 5476

    PRACTICAL 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 today.
    The DR Strategy Guide for IBM i is brought to you by Maxava – innovative global leaders in High Availability and Disaster Recovery solutions for IBM i.

  • 2016 State of IBM i Modernization White Paper

    SB Profound 5478

    After surveying 400+ IBM i professionals, we discovered:
      -  The state of IBM i modernization in today's businesses and their goals for the future
      -  The effect legacy applications have on the businesses' internal and external processes
      -  The #1 concern upper managers have with the IBM i, and how to combat it

    ...and much much more!

    Download your copy of The 2016 State of IBM i Modernization today.

  • Virus Got You Down?

    SB SkyView PPL 5418

    Does a virus have your server down? Perhaps it’s the latest worm, Trojan horse, buffer overflow or denial of service attack that’s got you or one of your servers down. While one of these bugs may be affecting one or more of your servers in your enterprise, it is highly unlikely that the server affected is a Power server running IBM i. IBM i may be running your core business applications or it may be hosting your website or running Domino. Whatever its function within your enterprise IBM i has remained unaffected by virus and malware attacks. Why is that?

    Viruses and other ailments spread by infecting a host that is vulnerable. Let’s take a look at how IBM i and the applications running on it can remain unscathed by the viruses and malware that are so prevalent today.

    In this white paper, Carol Woodbury of SkyView Partners defines each “ailment” and then describe the defenses and protection mechanisms provided by IBM i to ward off the attack.

  • When Management Turns its Back on Security: The Business Effects

    SB SkyView PPL 5447

    In this white paper we hope to explain why the decision to secure- or not secure – data on the IBM i needs to be a business decision ... not a technical decision.

    Something is preventing management from understanding the need to secure the electronic data. So let’s explore why we think this happens....

  • 2017 State of IBM i Security Study

    SB HelpSystems WP 5453For every breach that makes headlines, dozens of other organizations have had data stolen or corrupted by hackers—or even their own users. Cyberthreats become more sophisticated every year, raising the importance of proper security controls.
    The 2017 State of IBM i Security Study proves once more that many organizations running the IBM i operating system rely on system settings that leave data vulnerable. This is true across all industries for businesses large and small.
    Weak passwords, lax system auditing, and overly privileged users leave your server vulnerable to internal and external threats. A data breach caused by a cybercriminal or a negligent insider can cause irreparable damage to an organization of any size.
    The annual State of IBM i Security Study strives to help executives, IT managers, system administrators, and auditors understand the full extent of IBM i security exposures and how to correct them quickly and effectively.

    Order your copy of this year's guide here.

  • 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!

     

  • Building a Sound Investment Strategy Through Technology

    SB_HelpSystems_WP_5453

    Learn how to combine automation software and IBM i to increase revenue and enhance customer experiences. Download the exclusive Help/Systems White Paper “Building a Sound Investment Strategy Through Technology.”

    This free four-page PDF, written by Help/Systems Director of Automation Technology Chuck Losinski, is packed with concise tips for IBM i. You’ll learn why Power Systems running IBM i are the key to a sound investment strategy. You’ll also discover how automation technologies such as batch processing, agent tasks, interactive processes, backups, report management, and system and message monitoring can save your company money while making your operations more reliable than ever.

  • A Successful Approach to Automated Monitoring in a Complex World

    SB Halcyon WC Generic

    In this 45-minute recorded webinar, we dissect complex system monitoring by introducing best practices and smart techniques that will help you reduce and simplify your multi-platform monitoring workload.

  • Achieving Business Value Through VIOS

    SB Halcyon WC Generic

    In this 45-minute recorded webinar, virtualization specialist Glenn Robinson joins Ash Giddings to discuss the use of VIOS in today’s demanding Power Systems environments. VIOS can help you realize real business value by reducing IT expenditure and adding the flexibility to grow and shrink resources according to data center demands through virtualization across IBM Power Systems estates.

  • ​Multi-Platform Application Monitoring

    SB Halcyon WC Generic

    Make Application Monitoring Easy Across the IBM i, Windows, AIX, and Linux Platforms in Your Environment
    IT departments are constantly bombarded by information from a wide variety of operating systems, business applications, and critical processes. At the same time, the department must support a complex array of servers and devices running across their entire network.
    With limited resources and the need to keep costs in check, more and more is expected of operational staff to handle this information efficiently.
    In this 45-minute recorded webinar, we’ll dissect complex systems monitoring by introducing best practices and smart techniques that will help you:
    - Ensure vital business applications run smoothly and without disruption
    - Respond swiftly and with appropriate actions
    - Confirm that essential data is received at the right time
    - Prove service levels are maintained
    - Keep contingency and high availability strategies fully operational

  • ​IBM i War Stories from the Front Line

    SB Halcyon WC Generic

    IBM i is great at managing varied workloads—the OS offers many built-in work management and system utilities to aid administration.
    But greater customization is sometimes necessary in the line of duty.
    Halcyon has built upon these utilities to deliver a number of advanced functions designed for you to take control of all of your day-to-day IBM i activities.
    During this on-demand webinar, our experts will demonstrate some of Halcyon’s capabilities and describe real-life scenarios that highlight how you can:

    - Reduce your alerting footprint by implementing leading-edge monitoring techniques 
    - Identify both organic growth and spikes in disk space utilization
    - Automate time-consuming housekeeping tasks
    - Take advantage of the powerful IBM i Services
    - Automate literally anything

    Set your sights on having the right monitoring solution, no matter what comes your way. Watch the recording today!

  • Work Smarter: Integrate IBM i and Desktop Applications

    SB HelpSystems WC Generic

    My desktop application users spend a lot of time manually generating and printing letters using IBM i data.
    Our team copies and pastes information between IBM i applications all the time. Launching a PC application from my IBM i screens is impossible today.
    Sound familiar?
    Too many businesses go through manual efforts to transfer documents and data across IBM i and desktop applications—especially ERPs. Whether you use JDE World, JDE EnterpriseOne, Infor, Epicor, Microsoft Dynamics, or any other ERP, chances are your employees are stuck transferring information manually. And all of that manual effort leads to hours upon hours of wasted time.
    But it doesn’t need to anymore.

    See More

  • IBM i Resources Retiring?

    SB HelpSystems WC Generic

    Let’s face it: IBM i experts and RPG programmers are retiring from the workforce. These folks have been managing all areas of your business—often manually and behind the scenes—for decades, everything from IT operations to data and documents to cybersecurity.
    Are you prepared to handle their departure?
    During this 30-minute recorded webinar, 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
    IBM i skills depletion is a top concern for IBM i shops around the world. 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.

    Watch this webcast now

  • IFS Security – Don’t Leave Your Server Vulnerable

    SB HelpSystems WC Generic

    Experts agree that one of the most overlooked areas of IBM i security is the Integrated File System. Available since V3R1, the IFS provides access for users carrying nothing more than a user profile and password, so it better be secure! If you believe nothing important is stored on your server's IFS, think again, because it's a conduit to many things, including the Operating System and all of your application libraries and files.
    Watch this important session to learn about securing the IFS, including:
    Why do we care about the IFS?
    Permissions versus Authority
    Root folder access
    Auditing IFS activities
    Read/Write versus *ALLOBJ
    Anti-Virus Considerations

  • Who’s Afraid of Linux on Power, AIX, and VIOS? Not i.

    SB HelpSystems WC Generic

    This 30-minute recording demystifies Linux on Power, AIX, and VIOS and teaches best practice techniques for maintaining and controlling critical processes and applications running on your Linux, AIX, and VIOS environments.

  • Backup and Recovery Considerations for Security Data and Encrypted Backups

    SB PowerTech WC GenericSecurity expert Carol Woodbury is joined by the newest member of the HelpSystems team: Debbie Saugen.
    Debbie is recognized worldwide as an expert on IBM i backup and recovery, disaster recovery, and high availability. For decades, Debbie has helped 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.

    Watch the webinar today!

     

  • Profound.js: The Agile Approach to Legacy Modernization

    SB Profound WC Generic

    In this presentation, Alex Roytman (CEO, Profound Logic) and Liam Allan (2016 COMMON Student Innovation Award winner) 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

    Watch this Webcast NOW!

  • The Truth About Viruses on IBM i

    SB HelpSystems WC Generic

    Protecting your data from viruses or malicious code is not an unfamiliar concept, but understanding how these threats can affect your Power Systems server may not be as easy to grasp.
    There are many myths about viruses and IBM i—including the belief that the system is immune. Many Power Systems managers still don’t see viruses as a risk because they see them as a Windows threat. While this was once true, today’s connected environments operate under different rules.
    It’s time to take action and protect IBM i and the network that connects to it. This on-demand webinar will help you gain an understanding of the relationships between:

    - Viruses and the integrated file system (IFS)
    - Power Systems and Windows viruses
    - PC-based anti-virus scanning vs native IBM i scanning
    There are a number of ways you can minimize your exposure to viruses. Learn the facts to ensure you're fully-protected.

  • Business Process Automation with Robot

    SB HelpSystems WC Generic

    Automate Process Flow Through the Data Center
    Typical “computerized” business processes are a combination of multiple schedulers, operational scripts, CL programs, and manual file checking, all backed up with the trusty runbook.
    Is there a better way to manage business processes?
    It is a common misconception that a business process cannot be automated if it’s too complicated or requires that someone verify each step. We’re here to tell you there is a better way to manage your business—process automation is possible!
    Take 30 minutes to learn the options for automating your business process flow and how they fit into your data center processing, including cases of:
    - Complex or iterative schedules
    - Event-driven dependencies
    - Multi-platform dependencies
    - Dynamically calculated parameters
    - Exception notification
    - SAP and Oracle JD Edwards EnterpriseOne integration
    How do I know business process automation is effective?
    If you have any doubts that automating complex business processes will improve your level of service, you’ll also hear a success story from the senior systems administrator at Trident Seafoods who embraced automation using the Robot solution and is reeling in the benefits!

  • Find Out Why You Should Keep Data on IBM i

    SB HelpSystems WC Generic

    It’s simple. IBM i is the most reliable, securable, and powerful platform to house your critical business data.
    IBM i was built for business and has added features and functionality over the years to keep up with modern business needs. You can trust it to run your business, access your data in real-time, and keep your data secure. Plus, IBM i can scale to your business and handle all of your critical data.
    Can your other platforms do that?
    We didn’t think so.
    Watch this 30-minute webinar to learn why you should keep your data on IBM i, including:
    - IBM i is reliable
    - IBM i offers fast and secure real-time data access
    - IBM i helps your business prepare for tomorrow
    Plus, we demonstrate how Sequel Data Access helps you modernize IBM i data access and meet your business needs.

  • Mobile Apps for IBM i Monitoring

    SB Halcyon WC Generic

    Overnight and weekend support can be a minefield for operations teams tasked with attempting to maintain system availability, especially when they must rely on laptop-based VPN access—where a delayed response can prove costly.
    With over 2 billion smartphone users worldwide, it’s perfectly reasonable for you to use the BYOD movement to your advantage and start managing your IT infrastructure from the palm of your hand. Watch this on-demand webinar to learn how Halcyon has modernized this crucial layer of support by introducing mobile applications for IBM i monitoring.
    You’ll hear how one company has used the Enterprise Console mobile app to provide a valuable audit trail and speed up response time. You’ll also learn:
    - The benefits of mobile apps
    - How to respond to critical messages within seconds
    - How to get notifications your way on your device
    - How to set up escalation, ensuring alerts are always handled in a timely fashion
    If your team is responsible for managing IBM i applications and services after regular business hours, you won’t want to miss this one!

     

  • Speed Up Your Manufacturing and Distribution with Paperless Processes

    SB HelpSystems WC Generic

    Your ERP system —whether it’s JDE World, Enterprise One, Infor, Epicor, Microsoft Dynamics, VAI, or anything else—is essential to maintaining your company’s key business information and processes. But you’re constantly generating and receiving paper and electronic documents, too, and it’s hard to keep everything straight. So, you wind up chasing documents and data around—and keeping your customers and vendors waiting.
    It’s time to make life easier and make your customers happier. With an electronic document management system, you can integrate with your ERP to keep all of your key documents and data in one spot.
    And when all of your documents are stored digitally, you can speed up your processes and get key documents (like purchase orders and invoices) approved faster.
    Watch the webinar and learn how to:
    - Integrate a document management system with your ERP
    - Capture all of your key shop floor, order, and shipment documents in one central repository
    - Improve customer, vendor, and employee response times
    - Accomplish more work without adding additional staff
    It’s time to deliver your shipments faster and keep your customers happy by streamlining your paperwork processes.

  • Dock Door Signing Made Easy

    SB HelpSystems WC Generic

    How long does dock door signing take your organization? Too long if you’re still using manual processes and paper.
    From generating to collating to printing to routing to signing, manual processes and paper slow down your organization—and your delivery times. Electronic documents and digital signature capture can change all of that. And your organization will be able to create, route, approve (with digital signatures), and retrieve documents faster.
    Learn how digital signature capture helps you:
    - Eliminate steps in your approval processes
    - Improve auditability
    - Reduce customer service time to resolve questions
    Plus, we’ll demonstrate how digitizing signatures and documents will reduce your organization’s costs over the long haul.

  • 5 Reasons Developers Love Robot Schedule

    SB HelpSystems WC Generic

    Why AppDev Should Embrace Automation
    Your application development team is an expensive resource that works hard to improve business processes, yet more and more IBM i shops are putting AppDev in charge of managing day-to-day system operations.
    Instead of taking their attention away from the website, business analytics, mobile, security, SQL data access, and more, streamline operations with automation and build in notifications so your teams have visibility into processing when they need it, and can manage the rest by exception.
    In just 30 minutes, our experts will show how AppDev teams can take advantage of Robot automated operations on IBM i and beyond so they can:
    - Stop programming for multi-platform job and file event dependencies
    - Stop struggling with incorrect parameter values
    - Stop wondering where to fit a process into daily, weekly, or monthly cycles
    - Stop the on-call headaches, the firefighting, and the lack of progress cycle
    - Go ahead, give your AppDev team a productivity boost!

  • Affordable Query Tool for Software Developers

    SB NGS WC Generic

    NGS’ Software Developer Kit (SDK) gives IBM i developers comprehensive query, dynamic mobile reporting, analytics and Web report design features at an affordable cost. Install and create meaningful outputs for managers in one day! Web page and portal integration, email, FTP are included.
    The $895* SDK includes a one user license, online training, user manuals, one year of software maintenance; toll-free support and online incident reporting.
    - Want to modernize beyond Query/400 and PC files transfers?
    - Need a Web reporting solution without the learning curve and overhead of DB2 Web Query?
    - Have many reporting needs, but a tight budget and small staff?
    View the demo and request a FREE TRIAL of the SDK.
    * Limited time offer.

  • Your introduction to RCAC and Authority Collection

    SB PowerTech WC Generic

    IBM has provided us with two powerful and very exciting security enhancements in the last two versions of IBM i.

    Scott Forstie of IBM joins Carol Woodbury to demonstrate and describe the V7R2 feature called Row and Column Access Control (RCAC), which extends how you define which users have access to specific rows in a database file. RCAC also provides a way to mask data for all or selected users.

    The recently released V7R3 adds Authority Collection. Authority Collection provides organizations and vendors with the ability to know exactly what authority is required to perform a task, eliminating the guesswork. Gone is the need to set *PUBLIC authority on database files to *ALL or to automatically grant service accounts *ALLOBJ special authority just because you’re unsure of what authority is required.

    Watch Scott and Carol as they discuss these and other new security features delivered in V7R2 and V7R3.

  • ​Getting Started with IBM i Security: Event Auditing

    SB PowerTech WC Generic

    Learn why event auditing is necessary and how to configure it
    Experts’ fears surrounding the risks associated with poor configuration were recently confirmed by the 2016 State of IBM i Security Study. Published annually, the results reveal most Power Systems lack adequate security controls and auditing measures.
    In this fast-paced webinar series, leading experts Robin Tatam and Carol Woodbury share insight into critical areas of IBM i security.
    This second session of the series introduces event auditing, with Robin Tatam covering the basics and more:
    - Why auditing is necessary
    - Determine if IBM i auditing is currently active
    - How to configure auditing with one simple command
    - What audit events are recorded (and which are missed!)
    - How high availability (HA) applications often make critical events disappear
    - Event reporting and real-time alerting

  • Getting Started with IBM i Security: Securing PC Access

    SB PowerTech WC Generic

    Protect your system from unauthorized network access through readily available PC tools

    Experts’ fears surrounding the risks associated with poor configuration were recently confirmed by the 2016 State of IBM i Security Study. Published annually, the results reveal most Power Systems lack adequate security controls and auditing measures.

    In this fast-paced webinar series, leading experts Robin Tatam and Carol Woodbury share insight into critical areas of IBM i security.

    This on-demand webinar will show you how well-known services like FTP and ODBC enable users to access sensitive data without oversight or restrictions. Robin Tatam will also explain what exit programs are and how you can use them to protect your organization.

  • No Time for IBM I Security? No Problem

    SB PowerTech WC Generic

    “Security” is definitely on your IT staff’s to-do list, but how often does this item get checked off?

    IT doesn’t have enough time for security—the 2016 IBM i Security Study proves it. The trouble is that data security isn’t a set-and-forget project. Data security on your IBM i requires on-going attention and expertise.

    In this on-demand webinar, you’ll learn how to save time and work more effectively. We’re cutting to the core of IBM i security by outlining the simple strategy developed by our experts.

    You’ll see a straightforward approach to understanding and addressing risk to your IBM i data. We’ll also show you how our world-class security services help people protect business-critical data when they don’t have the time, resources, or knowledge to tackle IBM i security on their own.

  • Getting Started with IBM i Security: System Values

    SB PowerTech WC Generic

    Set the tone for data protection with security-relevant system values

    Experts’ fears surrounding the risks associated with poor configuration were recently confirmed by the 2016 State of IBM i Security Study. Published annually, the results reveal most Power Systems lack adequate security controls and auditing measures.

    In this fast-paced webinar series, leading experts Robin Tatam and Carol Woodbury share insight into critical areas of IBM i security.

    The series opens with an introduction to security-relevant system values.

    System values are one of the fundamental elements of IBM i security. The security system values enable you to “set the tone” of security on your IBM i, enforce password composition rules, and enable auditing. Watch this on-demand webinar to see Carol Woodbury describe these system values and provide guidance on their best practice settings.

  • Getting Started with IBM i Security: Integrated File System (IFS)

    SB PowerTech WC Generic

    The IFS is one of the most commonly overlooked aspects of IBM i security
    Experts’ fears surrounding the risks associated with poor configuration were recently confirmed by the 2016 State of IBM i Security Study. Published annually, the results reveal most Power Systems lack adequate security controls and auditing measures.
    In this fast-paced webinar series, leading experts Robin Tatam and Carol Woodbury share insight into critical areas of IBM i security.
    This recorded session has Robin Tatam introducing IFS security:
    - Defining IFS
    - How the IFS is configured
    - Common IFS security mistakes
    - What a virus can do to IBM i through the IFS
    - Tracking user activity

  • ​7 Habits of Highly Secure Organizations

    SB PowerTech WC Generic

    Everyone knows that cyber security is important, but getting started on the road to data protection and compliance can be confusing and intimidating. Understanding common vulnerabilities helps you focus your attention and resources on the areas that need the most help.
    We all want “best-practice” security, but what are top organizations doing to achieve and maintain it?
    Watch this webinar to learn the details about how to develop the seven habits that are part of daily life for secure organizations. You’ll learn how to:
    - Break the Ostrich Syndrome
    - Develop a Security Policy
    - Assess Current Standing
    - Perform Security Event Logging and Review
    - Use “Best of Breed” Technologies
    - Monitor for Ongoing Compliance
    - Plan for the Future
    This on-demand webinar examines what each of these habits means to IBM i, and helps you make sure that you don’t become the next security statistic.

  • An Introduction to PCI Compliance on IBM Power Systems

    SB PowerTech WC Generic

    "From the world's largest corporations to small Internet stores, compliance with the PCI Data Security Standard (PCI DSS) is vital for all merchants who accept credit cards, online or offline, because nothing is more important than keeping your customer’s payment card data secure.” — PCI Security Standards Council
    Complying with the PCI standard is a normal part of doing business in today’s credit-centric world. But, PCI applies to multiple platforms.
    The challenge becomes how to map the general PCI requirements to a specific platform, such as IBM i. And, more importantly, how can you maintain—and prove—compliance?
    Watch this webinar to understand:
    - How PCI requirements relate to IBM i systems
    - IBM i-specific barriers to compliance
    - How PowerTech security solutions help you fulfill PCI requirements, meet compliance guidelines, and satisfy auditors
    You’ll leave with the knowledge and confidence you need to evaluate PCI compliance requirements and prepare your IBM i system for today’s regulatory challenges.

  • Implementing Multiple Layers of Defense

    SB PowerTech WC Generic

    Your IBM i holds a massive amount of data. In most organizations, that data constitutes a mission-critical and high-value asset.

    How do you adequately protect the data residing on your IBM i, given its value to your organization? IBM has provided us with many options for protecting our data, but it’s now always clear how to select and implement the best options for your circumstances.

    This recorded webinar describes IBM i’s different data security options, along with implementation recommendations and tips for getting started. Carol Woodbury, one of the world’s top IBM i security experts, also provides considerations to help you determine how many layers of security are right for your organization.

  • 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 Generic

    Watch 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!
    Watch this Webinar Now!

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

    SB Profound PPL 5491


    Modern, 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.
    We will demonstrate how Profound UI:
    - Goes beyond simple screen-scraping to truly modernize your RPG applications
    - Uses RPG Open Access and your own RPG code and development talent to modernize
    - Supports rapid development with an easy-to-use, drag-and-drop Designer
    - Integrates with our on-the-fly modernization, mobile development, and Enterprise Modernization solutions

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

    SB HelpSystems ROBOT GenericHigh availability for IBM i has been a hot topic in 2017, jumping 20% from our 2016 survey to take the #2 seat on IT priority lists just behind cybersecurity. And no surprise with these two topics so closely tied to your most valuable asset: your irreplaceable business data.
    With major airline outages last year and the recent ransomware attacks, you 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—Tom Huntington, Matt Staddler, and Cole Ragland—deliver lively discussion around the top high availability issues of today, including:

    • 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

    There are no do-overs when it comes to your data. Once it’s gone, it’s gone...unless you have a data replication layer in place to protect it. Learn the value of these strategic solutions and how you can implement them in a hurry—watch now!

     

  • 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 5541Roses are red, your UIs are green...It's time to make your apps proud to be seen!
    Whether 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.
    In this webinar, you'll learn how you can use both Profound UI and Profound.js to:

    • 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

    This webinar will include a live product demonstration and Q&A with the presenters.

    Download and watch today!

  • 2017 IBM i Marketplace Revealed

    SB_HelpSystems_WC_Generic

    IBM i is one of technology’s best-kept secrets, with little information available about what IBM i users are doing on this server. Even companies that use this technology struggle to explain to their own teams what IBM i stands for and who else is using it.
    The IBM i Marketplace Survey—now in its 3rd year—was designed to solve this problem. Watch this on-demand webinar for the exclusive results of the 2017 survey. IBM i Champion Tom Huntington is joined by a panel of technology experts to discuss year-over-year trends and new insights. The panel will discuss:

    • What other platforms do you run alongside IBM i?
    • What programming and Open Source languages are you using?
    • What are your top IT issues?
    • What version of POWER and what OS level is most prevalent?
    • Are you expanding your usage of IBM i?
    • Is IBM i a good ROI?

    The expert panel will provide industry insight and comments about the results. When the webinar concludes, you’ll get access to the full results.

  • 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_Generic

    Everyone wants a piece of your business data. But keeping up with data access requests in the era of constantly growing data is a challenge. As a result, your IT department can be overwhelmed, inundated, and constantly needing to play catch-up.
    It’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 in 2018.
    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_Generic

    Let’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 noted 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_Generic

    There’s a better way to run your queries. With an advanced query tool like Sequel Data Access, you can deliver the IBM i data your organization needs quickly and efficiently—without the hang-ups.
    In this session, we’ll address common frustrations with Query/400, discuss major data access and distribution trends, and help you understand what to look for in a more advanced query tool.
    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
    • Watch the webinar and learn why you shouldn’t just settle for Query/400.

     

  • How to Manage Documents the Easy Way

    SB_HelpSystems_WC_Generic

    What happens when your company depends on an outdated document management strategy?
    Everything is harder.
    Capturing documents means scanning and filing—which takes you away from tasks that actually matter to the business. Managing documents means sorting through an endless sea of shared folders or filing cabinets—and sometimes documents can’t be found. Distributing documents means following a frustrating, manual process for routing documents internally and sending them to vendors and customers.
    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_Generic

    Get 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.

  • Monitor VIOS (and AIX) from Your IBM i

    SB_HelpSystems_WC_Generic

    Virtual I/O Server (VIOS) runs on AIX and allows you to share input/output resources across logical partitions. The health of your VIOS server is critical to the performance of all your Power server partitions, so monitoring it is a must.
    Our 2017 IBM i Marketplace Survey Results uncovered a cool trend: an increasing number of IBM i shops are running AIX instances alongside IBM i on Power Systems servers. We like to see these systems playing nicely together on the same server, though it does shine a spotlight on shared resources.
    During this 30-minute recording, our experts demonstrate the new VIOS and AIX monitoring capabilities in Robot Monitor. You’ll learn about:

    • The top AIX metrics that impact VIOS
    • Real-time monitoring with dashboard displays
    • Threshold and notification options
    • Identifying trends to better allocate resources

    With VIOS/AIX running alongside IBM i, you need visibility into your entire Power environment.
    Watch now to see how Robot Monitor can get you there!

     

     

  • Overwhelmed by Operating Systems?

    SB_HelpSystems_WC_Generic

    You’re responsible for looking after Windows, Linux, AIX, and VIOS, but you worry that you don’t understand their complexities well enough to make your job effective—or easy.
    No problem! Simplify the management of multiple operating systems and applications without becoming experts in each area.
    In 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 and shows how easy monitoring multiple operating systems and applications can be using point-and-click technology.

     

  • Real-Time Disk Monitoring with Robot Monitor

    SB_HelpSystems_WC_Generic

    When IBM i disk space pulls its notorious disappearing act, you don’t have time to waste figuring out how the trick is done. You need to know when disk space starts to disappear and where it has gone before system performance and productivity start to suffer.
    Looking behind the curtain to keep a close eye on disk space—especially in a multi-partition environment—can have its challenges, but every good admin can have an ace up their sleeve. 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

    Start seeing through the sleight of hand and get instant visibility into disk usage. Add advance warning of potential threats and—abracadabra!—you’ll reduce the risk of disk space depletion and curb the sudden flurry of activity to clean things up.

     

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

    SB_HelpSystems_WC_Generic

    Still following manual processes for extracting and transferring data across platforms? You’re not alone. Many business still depend on RPG for their daily business processes and report generation. And that leads to a lot of manual effort.
    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, you’ll see a demonstration of how data automation software from HelpSystems will help you finally stop re-keying data.

     

  • Survey Results: 2018 Top Cybersecurity Risks and Mitigation Strategies

    SB_HelpSystems_WC_Generic

    Protecting your organization from cyberthreats has never been more important—or more difficult.
    IT pros have many tactics to choose from, but time (and budgets!) are not unlimited. The key is prioritizing risks and identifying the most effective ways to mitigate the danger.
    In 2018, HelpSystems surveyed more than 600 IT and cybersecurity professionals to find out what security exploits loom largest and what strategies they’re turning to for protection.
    In this on-demand webinar, our team of cybersecurity security experts analyzes results. You’ll learn about:

    • Security strategies your peers are most interested in implementing
    • How managers and executives prioritize security
    • Who is responsible for cybersecurity at organizations around the world
    • Where IT pros turn for assistance with security

    You'll also get practical tips for using this data to drive cybersecurity conversations at your organization.

     

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

    SB_Profound_WC_Generic

    When it comes to IBM® Rational® Open Access: RPG Edition (also known as RPG Open Access), 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"

    This Webinar features IBM i expert Alison Butterill, and Profound Logic’s Brian May and Alex Roytman.

     

    Watch the On-demand Webinar Now!

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

    SB_HelpSystems_WC_Generic

    Do your users keep paperwork on their desk until it's processed?
    Are people constantly removing documents from filing cabinets?
    What happens when your company depends on an outdated document management strategy?
    Too much paper is wasted—approximately 1,000 pages per month per worker.
    Attempts to locate documents in endless filing cabinets drive your employees crazy.
    And distributing documents to customers, vendors, and business partners 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

    Plus, our experts will provide a live demonstration of how implementing a document management solution will quickly solve your paper-based problems, so you can be more

  • 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

     

  • TRY the One Package That Solves All Your Document Design and Printing Challenges

    SB CYBRA PPL 5382

    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. Why support 5 different products, when you can do it all with MarkMagic?

    - Drive over 450 different printer types.
    - Create invoices, statements, checks.
    - Set dynamic rules that transform output on the fly.
    - Conditionally distribute via Email, fax, or PDF.
    - Integrate with your current applications in minutes.
    - Preview printing on screen.
    - Native System i, Windows, AIX, Linux.

    Try MarkMagic today for free

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

    SB HelpSystems SC 5413

    Disaster protection is vital to every business. Yet, it often consists of patched together procedures that are prone to error. From automatic backups to data encryption to media management, Robot automates the routine (yet often complex) 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 5413

    Managing messages on your IBM i can be more than a full-time job if you have to do it manually. Messages need a response and resources must be monitored—often over multiple systems and across platforms. 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
    Keep your critical applications and data available. Try the Robot Message Management Solution FREE for 30 days.

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

    SB HelpSystems SC 5413

    The thought of printing, distributing, and storing iSeries reports manually may reduce you to tears. Paper and labor costs associated with report generation can spiral out of control. Mountains of paper threaten to swamp your files. Robot 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 5413

    For over 30 years, Robot has been a leader in systems management for IBM i. With batch job creation and scheduling at its core, the Robot Job Scheduling Solution reduces the opportunity for human error and helps you maintain service levels, automating even the biggest, most complex runbooks.
    Manage your job schedule with the Robot Job Scheduling Solution. brKey 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.

  • MS Office Connector for Query/400...FREE Trial!

    SB NGS PPL 5130

    NGS' Qport Office enables Windows users to run IBM Query/400 queries to:
    - Create and update Excel spreadsheets and Access databases
    - Create Word documents
    - Send to Windows screen and PC printers
    No query conversion is required. Works with i5/OS V5R1 & above. Installs in minutes!
    If you don’t have a budget to replace IBM Query/400, but want your users to have one click enhanced output of their queries.... Request the online license agreement and product download instructions today!
    Offer good through December 31, 2016.

  • Control and Monitor User Access from Desktop PCs (ODBC, FTP)

    SB PowerTech 5422

    Protect your company by monitoring network traffic to your IBM i servers with the industry-leading exit program, PowerTech Network Security.
    Without visibility into IBM i's exit points, your users could be viewing, changing, or even deleting sensitive data—and you wouldn’t know!
    Network Security lets you monitor and control access to over 30 exit points, including:

    - ODBC
    - FTP
    - DDM
    - Remote command
    - Fileserve (mapped drives to IFS)
    It’s easy to set up custom access rules and get notified in real-time when security events occur.
    Stop “back door” access today. Try Network Security free for 30 days.

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

    SB DDL Systems 5429

    More than a paging system - ACO MONITOR is a complete systems management solution for your Power Systems running IBM i. Managing the complexities of today's operating systems, business applications, and networks challenges even the most knowledgeable IT professionals. The cost to an enterprise of unplanned downtime, loss of human expertise during sick leave or vacation, and system/application or environmental failure can be devastating. 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 (and staff) efficiency.