Stories: Functional Specification

[Brahmanathaswami]

FUNCTIONAL SPECIFICATION

Note: This document is meant to explain how it will "work". It is as explained to the end of the users experience. Not that coding will be unnecessary, but a fully functional coding may be a done with screenshots. We will declare how is working, though for change, testing, how it will work are totally part of game, at this early stages. We will call it "Agile". We coding to finish it a soon as possible, we test it and re-factor it. Or, to come to V1, which as goes into production Then we factor to V2.

---

• Open Stories

• There are two stakes that we use as data

  • one is in the

    • module/stories/makeStoryLocal.livecode
      • it will tell "stories.json," that a stack is from the Dbase
      • it automatically build the users story based the sStoryTitle that choice for the menu/mouse up

  • the other one is on-line, takes it from stories.json, from mouse-up from the menu. It will download a zip file, deflate it automatically. It will go "documents" folder:

  • /media/stories/[sStoryTitle]/[sStoryTitle].livecode | [sStoryTitle].zip

  • exactly, the same,,,

• Inform user: total MB is size

  • Informed user: can use a band width cellular OR use a bandwidth connection OR he can say, "No" -- Don't?/Dismiss the dialog.
  • Inform users she can edit the resources that they do not waste space
  • that they can get of the message, until they say git this specations

    ---

  • Download the visuals
  • Display "slide id=1"
  • log in prefs, user a bkgnd to log on which "slide id=4" they are on. In case they bail of slideshow, save the place of the slide, "id=14" then we start at slide 14
  • wait for user to navigate the "slide id=2"

Slide "visual"

• we show image, and caption in a lower right box, a frame that masks subtle way.
  • Paragraph 1,2,3 includes font style with header, font size, color. If stipulates no text, it shows in plain text
  • if the user clear the caption, show an in a icon. If there no caption, that icon does not appears

Slide "slide_article"

• they go to article with headline show bold, font size, and in color.
• they go default font size, if it not declared
• they mask which shows dims the image, show the article text, they can scroll it

Show the article in htmltext, just be sure the <p></p><p></p> where they have a blank line in the article

Landscape

• can go to a landscape, either on a visual or article

Navigation

• user back or forward, with two icons
  • user a beginning: show advance icon
  • user at end: show only back icon

At end, show a dialog to delete the slideshow from the disk

• "Do want to delete this story from your hard drive?"
  • "Yes"
  • X dismissed the dialog, not deleting the story from the drive.

When go back to Stories, if we clink on the title, if should go to that slide.

JOURNAL

• When we go the Journal icon in the midst of looking at the slide, we record that slide, for example, slide id=32
• When we go the Journal, it appears with its name and slide id
• If you click the Journal entry, we end going store module, to the slide, let's say Slide id=25, go we go there.

---

2021-03-23

On the image: case is:

1. On screen at the time they click on it, the arrow goes to an image
2. Image is 100% on screen / on slide, whether it is landscape or portrait
   • this means they view, for example, a very "tiny" pandorama
   • let say we have a very say that the image is 100% on screen. Well it maybe be small enough to get 3000px (original size) on screen display a 400px wide
3. They tap on the image: it zooms out be full extents of the image size. In this case, it could be 3000 wide X 1000 height. They scroll around and see it, but your view maybe "too close"

4. Now, we want to:

   • tap once: it grows to 25% of the original size.
   • tap twice: it grows to 50% of the original size.
   • tap three times: it grows to 75% of the original size
   • tap four times: it grows to 100% of the original size.
   • tap five times: it will "shrink" back to its 100% screen size

   This should happen, whether it is, by orientation of the phone portrait or "sideways" - landscape.

[Brahmanathaswami]

-- we want the user to click down on image and they get a real size, they can scroll it: then they get a full on "real" photo. Than they click can view it top to bottom, left and right edge, then they click again and it take them to centered on on the full screen. This should happen in landscape mode

Gems and Surprise art works like this

-- a thing we will call again is to let know that we download ; once it is downloaded it local and shows a local mode

[Brahmanathaswami]

[added to the function spec above]

On the image: case is:

1. On screen at the time they click on it, the arrow goes to an image
2. Image is 100% on screen / on slide, whether it is landscape or portrait
   • this means they view, for example, a very "tiny" pandorama
   • let say we have a very say that the image is 100% on screen. Well it maybe be small enough to get 3000px (original size) on screen display a 400px wide
3. They tap on the image: it zooms out be full extents of the image size. In this case, it could be 3000 wide X 1000 height. They scroll around and see it, but your view maybe "too close"

4. Now, we want to:

   • tap once: it grows to 25% of the original size.
   • tap twice: it grows to 50% of the original size.
   • tap three times: it grows to 75% of the original size
   • tap four times: it grows to 100% of the original size.
   • tap five times: it will "shrink" back to its 100% screen size

   This should happen, whether it is, by orientation of the phone portrait or "sideways" - landscape.