Chaotic Backup Forum

Members Log In. Show your support. Boost our moral. Don't just browse, log in.

King's Royal Chaotic Backup


    Chaotic Portal Development

    Share
    avatar
    Marrillian
    Marrillian

    Chaotic Username : KingMaxor4
    Chaotic Coins : 2329
    Location : where the steak is

    Re: Chaotic Portal Development

    Post by Marrillian on Wed Jan 25, 2017 8:24 pm

    Yeah since this isn't a wiki but a controlled environment, we won't have the issue of unreviewed material being published - no 'fake news' as the media would put it XD

    Blits if we're going for something new, I need concept art to work off of. I'll start tackling the data itself for now, but I'm not a UX person.


    ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== ===== =====
    Founder and leader of Marrillian Reign. Marrillian
    Supporter of Maxxor Ruler of Perim


    Light vi Britannia - 
    "This is what happens when I take an anime personality quiz..."
    avatar
    Marrillian
    Marrillian

    Chaotic Username : KingMaxor4
    Chaotic Coins : 2329
    Location : where the steak is

    Re: Chaotic Portal Development

    Post by Marrillian Yesterday at 3:22 pm

    I've begun creating the webapp. @Blits

    https://chaoticbackup.github.io/portal/

    Yeah its in really early stages! We need to discuss layout and content organization. I'm still deciding how to do the content delivery network (cdn). We can hook this up to a dropbox or googledrive account for all the image hosting. Google Drive CDN Realistically, we should store the data in an spreadsheet or something (json file) so that authorized users can edit content without having to edit the github repository (webpage itself). Google Sheets API

    I'm having so much fun designing a system that is completely free to run! Using github pages, we can have free hosting (but it has a size limit for storage) so if we have a separate free hosting service as the cdn then we have a completely sustainable model.

    What do you think? I definitely see potential (like its gone from an idea to a puddle of mud, but that's still better than all talk).

    After we get this underway, I'm going to apply what I've learned to making the "Collection" page. (Yeah with the advanced card searching capabilities we always wanted.)

    The learning curve for the website itself is a little steeper than pure html, I'm using a platform called react.js to create a single page app. Its cool stuff. It's state driven so it removes redundancy in html code.

    Edit:
    Alright, I decided it. I'm going to go with the format I proposed. Spreadsheets for data and images with name. (Might want to make a thumbnail folder too).

    So here's the layout
    Root/
    |_Creatures/
    _|_Overworld (spreadsheet) etc.
    _|_Overworld/
    _|_Underworld/
    _|_Danian/
    _|_Mipedian/
    |_Locations/
    _|_(spreadsheet)
    |_Mugic/
    _|_Overworld (spreadsheet) etc.
    _|_Overworld/
    _|_Underworld/
    _|_Danian/
    _|_Mipedian/
    _|_Generic/
    |_Battlegears/
    _|_(spreadsheet)
    |_Attacks/
    _|_(spreadsheet)


    • At the root page, you have an option for each of the categories. 
    • Once in the category, the system will grab the spreadsheet to generate the list of items.
    • The name of the items are the url
    • At a specific item it populates the fields based on the layout
    • Grabs picture
    • Grabs data


    This makes design simplified into having a template/theme for each card type and tribe. Populating the spreadsheet data, and adding images (name corresponding to name in spreadsheet).

    Example user flow:
    Main page -> Clicks Overworld Creatures-> Clicks Maxxor
    Resulting URL:
    /portal/Creatures/Overworld/Maxxor
    Boom! The user has Maxxor's portal page

    As for linking pages together, that will be a little more involved on my end. I'm thinking of defining a code (like mediawiki) of enclosing a link in double brackets [[ ]] (in the data file)

    Due to the url layout, we will have to make a lookup table so that [[Maxxor]] -> /portal/Creatures/Overworld/Maxxor

    I'll eventually do some performance tests on the system. It may have to be broken down into smaller spreadsheets if look up times are too long (aka per set).

    Anything else I'm missing? I guess you'll see this post added to a lot haha

    Stretch Goals:
    Mobile Friendly

    So I created the drive schema, and its changed a little bit. I abstracted "card data" into their own spreadsheet so it can be used again later (also reduces data to be parsed through when generating the list of creatures).

    Program flow -> 
    /portal/Creatures/Overworld/Maxxor
    navigates to Creatures folder, finds Overworld sheet file, looks for Maxxor entry
    populates page with corresponding columns
    pulls image from Creatures/Overworld/Maxxor.jpg
    opens card_data, looks for Maxxor entry
    populates corresponding fields

      Current date/time is Fri Apr 28, 2017 1:02 pm