Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Background:

As of now we are using a experiencing pdf player as part of the mobile application and it is working as expected , knowlg portal in web view , any users or adapters can experience same. but we don’t have an independent pdf player for mobile devices view to experience the same.

Problem Statement:

we don’t have an independent Currently knowlg block doesn't provide pdf player experience for mobile devices to experience. the mobile device (Experiencing Pdf player in mobile device)

Key design problems:

  • How to render the pdf player in new ionic app

  • How can we extend to add for another player

  • How to test with different sizes of contents

  • Where we need store this application code

  • How to handle portrait and landscape mode

  • How to distribute APK to tester/adapters

Design:

Application Flow:

...

App UI :

...

Solution:

  • We are using the ionic framework to render the player and its link.

  • using ionic version of 6.1.9 and node js version is 14 onwards

  • We can have players like pdf ,video and epub and we can implement different components each.

  • Need to create useful components, which are home , player list, content list, pdf players

  • The home component is the landing component and it should have button and its name Experience Players

  • In the players list component we can have the list of the players

  • In the content list component we can have hardcoded list contents as of now , based on player selected in player list component

  • The player component will load the player with selected content from the list.

  • The player component will be integrated with respected players and the pdf player will be integrated in the pdf player component and follow the steps.

  • We are handling landscape mode only , not supporting the portrait mode.

  • As of now we can have one individual repository to store code or we can get details of new repo and store code.

  • We can have an apk link in the microsite so that it will be accessible to testers and adopters.

...