External apps - feature

[tonimese]

Expected feature - External apps

Busy could have a lists of apps on the left sidebar. Busy team could pick the best apps from https://steemprojects.com/ that can be integrated in busy. Each app could have a page designed by busy team in collaboration with project owners.

Apps category that could be integrated:

• Account Creation Tools https://steemprojects.com/categories/account-creation/
• Block Explorers https://steemprojects.com/categories/block-explorer/
• (Busy) Bots status
• E-commerce https://steemprojects.com/categories/ecommerce/
• Trading https://steemprojects.com/categories/Trading/
• Video (and audio) Platforms https://steemprojects.com/categories/video-platform/
• Games

[jm90m]

haha this is what @mynameisek wants also :)

[bonustrack]

For each app we need:

• Name like SteemCool
• Author like fabien
• An embed url, we could have parameter like {username} so the app can define this kind of url https://steemcool.com/@{username} and make personalised experience for user.
• Announcement post like steemcool/we-are-released
• Description like SteemCool is the coolest app in the place

[mynameisek]

• As a User, I want to see Apps list on the Busy menu and Widget

• As a User, I want to see a full App List page + Filters by Tags, Name, Date, Stars count, Suggested by Busy

• As a User, I want to be able to Star (*) an App, and see Star count. The app should then appear first in list

• As a User, I want to be able to See App Name, Author, Desc, Tag, Website URL, Logo/Image, URL (ANN/ Latest Update)

• As a User, I want to be able to see a Support zone with Upvote button on latest post if under 7days period, or Donate to Author via Steemconnect hotsigning transfer link

• As a User, I want to be able to Report an issue or error/message to Busy or App Author. I will select between Busy and App Author and add a message to send as Email (or later private messaging)

• As a User I want to see the App info/details/Terms, and Click on a validate/ACCESS button to launch the iframe/app

• As a Developer, I want to read the Busy App Guideline, with all tools to query the blockchain, + SC2 and Hotsigning URLs Tutorial, +Docs, +boilerplate, basics design set/guideline

• As a Developer, I want to be able to Submit a new App Iframe URL for Test, Name / Display name (subdomain?) Author steem username Email Desc Tags URL (website/ ANN/ Latest updates) Logo/Image/Icon Iframe Size (FB has 2 size, depending on sidebars)

• As Busy App Moderator, I want to be able to Review Submitted App, and Test the Iframe Test App URL provided. Validate or Refuse the app + message.

• As Busy App Moderator, I want to be able to disable/delete App.

• As Busy App Moderator, I want to be able to see Dashboard with information like Sort by Stars, Name, Date, Views

to-be-continued

cc @pareshUD

[mynameisek]

We need to discuss Security Aspect also for iframe cc @Sekhmet @gregory-latinier

[pareshUD]

@mynameisek We do have design for app list page where you can search and filter apps based on rating, author etc.. But we created that for steemconnect but we can use the same design style if needed with Busy branding...

Regarding incorporating Apps list on sidebar we might need to think few stuff

1. Will apps replace treding topics?
2. Will it be similer to facebook model where you can see tags and apps together and have view more button.
3. Do we have a lot of apps right now so we can list them?

[mynameisek]

@pareshUD you can start wireframing this ;) I have some ideas as well but we can start/base on SC design if you feel it can fit.

1. This is your UI/UX design job to define better UX for this applist menu. I initially considered it could be on top of trending topics on the main menu, just like the image posted on this suggestion by tonimese

2. I dont see where you see tags on facebook, but yes i want an app list (small list), and a viewmore to go the the full page list+filters

3. I'm working on it to gather few devs, apps that could be embedded for our tests. We can start with 4/5 apps. You can create tests apps for the demo/design prop, most of them dont have logo anyway.

[pareshUD]

@mynameisek When I say like facebook model.. I mean our tags and apps like facebook sidebar with view more link (Does that make sense?)..

I can definitely make some wireframes atleast and then we can see which way to go..

[pareshUD]

@mynameisek @bonustrack Please check the above design.. I am thinking of adding creator name and stars (rating) but I need to confirm if we will get this data from the app so I can add them.

[pareshUD]

Also I think we dont need a sidebar of myprofile, news, wallet etc.. We can use the top bar for such purpose... Instead we can use that space for trending apps so it doesnt push it below.

[bonustrack]

@mynameisek can you find 3 to 5 apps who like to be visible on Busy within an iframe?

[bonustrack]

We can start like this:

1: We create a JSON file with the required data for each apps (see https://github.com/busyorg/busy/issues/1797#issuecomment-385365368)

2: We create a page busy.org/apps where we display all these apps

3: We create a tab "Apps" like this:

4: When someone open an app from the app page, the app iframe is visible full-width with just Busy top nav.

Here we will have an MVP of this feature and we can test if its working well.

[gregory-latinier]

Where these apps are stored / setup ? I think we need a separate website to manage those apps like busy business with a client website and an admin for us. On the client website there will be everything needed to setup an app + doc. On the admin everything we need to edit, block, allow, review apps, contact owners in case of issues etc. The busy server would call the busy business server to get all the apps info.

[bonustrack]

The first apps would be stored on a JSON file manually. Then we when the database that @Sekhmet is working on will be ready we would make on-chain system to add embed app in Busy. Using Steem blockchain give us ability to replay the data anytime and also to have secure auth ready.