Code Monkey home page Code Monkey logo

alpdemo's Introduction

ALPdemo

An analytical List report or ALP is another Fiori Elements floorplan which displays your data in both analytical and list forms allowing the user to analyse the data from different dimensions and at various layers.

In this blog series, I’ll try to discuss Analytical List Page or ALP in detail. As ALP works with OData based on metadata and metadata annotations, In this blog series apart from ALP configurations, we will discuss different annotation supported by ALP in details.

What are we building

We will create an ALP application using SAP Web IDE. I'll be using publicly available OData service from SAP and will add annotations using web IDE annotation modeller.

Prerequisite

  1. You should have a count in SCP to access Web IDE
  2. Register here to access the backend OData Service.
  3. Add the above-registered system as a destination in your SCP account. You can use below destination configuration for your reference
    #
    #Fri Aug 09 05:54:52 UTC 2019
    Description=SAP Gateway Demo System
    Type=HTTP
    TrustAll=true
    Authentication=NoAuthentication
    WebIDEUsage=odata_abap,bsp_execute_abap,odata_gen,odata_abap,ui5_execute_abap,dev_abap
    Name=ES5
    WebIDEEnabled=true
    URL=https\://sapes5.sapdevcenter.com
    ProxyType=Internet
    sap-client=002
    WebIDESystem=ES5
    ​

ALP Application structure

As any other Fiori elements application, an ALP application is also contained inside a shell bar. Majorly an ALP application can be broadly divided into 3 components:
  1. Title area:The title area of an ALP application may contain variant management, Global KPIs, Visual/compact filter switch button and share menu.
  2. Filter areaThe Filter area of an ALP application contains filters bar. ALP in addition to a smart filter bar (known as the compact filter in ALP) also provides an option to represent the filters as charts, known as the visual filter. The filter area also contains the adapt filter and go button.
  3. Content areaThe content area of an ALP application may also contain filterable KPIs. The content area of ALP application may contain a chart subsection and a table subsection or both. The content area also has action buttons along with other toolbar buttons at chart and table toolbar.

Next Blogs

In the forthcoming blogs of this blog series, I'll discuss how to create an ALP application using SAP web IDE, discuss different manifest settings of an ALP application, how to annotate your service using annotation modeller,  discuss the different configuration of global and local filters, visual and compact filters, chart and table area and navigations and action button configuration. I'll also discuss different developer extension possible within an ALP application. so stay connected:

Creating a bare-bone Analytical List Page (ALP) application

Configuring filters area of an Analytical List Page (ALP) application

Configuring chart content area of an Analytical List Page (ALP) application

Configuring table area of an Analytical List Page (ALP) application

Configuring KPI tags of an Analytical List Page (ALP) application

Analytical List Page (ALP) developer extension

I’ll keep updating and adding new features and developments as and when they come in future. Happy reading !! 🙂

Feedbacks, questions and comments are most welcome!!

alpdemo's People

Contributors

ashishcorg avatar ashishanandcopilot avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.