Shiny User Management and Inapp Slider Input

Suberlin Sinaga
2021-04-26 00:47:19

User management

Why user management (login and logout) becomes so important?

  • User can be messed up
  • User can be mistake
  • User needs to uniquely distincted and detected
  • Each user event must be tracked for further product development

Example of R code to display the login page

library(shiny)
div(style = "width: 500px; max-width: 100%;margin: 0 auto; padding: 20px;",
             wellPanel(
               tags$h2("Please Log In", class = "text-center", style = "padding-top: 0;color: #fff;font-weight: 600;"),
               textInput("userName", placeholder = "Username", label = tagList(icon("user"), "Username")),
               passwordInput("pwd", placeholder = "Password", label = tagList(icon("unlock-alt"), "Password")),
               br(),
               div(
                 style = "text-align: center;",
                 actionButton("login", "SIGN IN", style = "color = red;background-color:#3c8dbc;
                              padding: 10px 15 px; width: 150px; cursor: pointer;
                              font-size: 18px; font: 600;"),
                 br(),
                 shinyjs::hidden(
                   div(id ="notmatch",
                       tags$p("Incorrect input for Password and Username!",
                              style = "color: red; font-weight: 600;
                              padding-top: 5px; font-size:16px;",
                              class = "text-center"))
                 ),
                 br(),
                 br(),
                 tags$code("Username: myuser Password: \" \""),
                 br(),
                 tags$code("Username: myuser1 Password: mypass1")
               )
             ))

<!–html_preserve–>

Please Log In



Incorrect input for Password and Username!



Username: myuser Password: " "
Username: myuser1 Password: mypass1

<!–/html_preserve–>

Inapp Slider

“It is very important to make user able to control their app. One of the way is giving them slider to define whatever value they need to work with.” —– Greatest App marketer

NEXT Coming Feature

As we know that the current development may not yet satisfy you. Here we will give you a hint what will you get along with our massive development.

  • Adding Admin Panel for Managing the whole Apps
  • Extending the input to adopt mind input
  • Automatically changing the theme of the app based on user mood

And many to come. Thank youu.