Week 4: Languages and Logistics

Adam P -

Hello readers, today I’m going to shift my focus from my test case timelines towards the actual coding of my project. I’ve been learning the HTML language this week as well as working on my algorithm in Python. One single coding language won’t be able to encompass everything I wish to accomplish.

HTML will provide the basic framework of the website, while I may use a little CSS later for styling. This mainly includes UI and boxes. UI, also known as user interface, is how a website is designed on the front-end (what the users can see). It dictates how various text boxes, pictures, buttons, and bars will appear.

JavaScript will help me design interactive buttons and boxes that can update without requiring refreshing the page. In other words, HTML is the framework, and JavaScript provides most of the functionality to the website. Refreshing the page every time a user clicks or enters information would not be ideal, so using JavaScript makes the whole ordeal far more efficient. It’s also how I’ll take user inputs and feed them to my algorithm.

The web framework Flask will be used to connect the front-end and back-end (behind the scenes calculations and logic) to each other. As inputs are sent from the portions of the website written in JavaScript, Flask will be used to send them over to my algorithm written in Python, where the information from those user-inputs will be processed.

Python has the ability to store information as objects and lists, so I can instantiate an object for every event in the timeline and assign variables to it like its name, date range, linked events, present characters, media origin, and canon-status. The language is also capable of the logic and data storage I’ll need to turn my goals into a reality.

All in all, I intend to mainly use 3 languages for my website: HTML to provide the framework (with CSS for stylization), JavaScript to provide functionality, and Python to process the information and build the timelines (connected to the interface by Flask).

visual representation of the languages I’ll use

More Posts

Comments:

All viewpoints are welcome but profane, threatening, disrespectful, or harassing comments will not be tolerated and are subject to moderation up to, and including, full deletion.

    Claude Treeman
    Will this website be public for people to use assuming you complete it? This is fascinsting
    March 16, 2025 at 7:37 pm - Reply
    Anonymous
    Adam, I really appreciate your explanations here, especially for someone like me who loses you after HTML, to know the details about how the website will work in respect to refreshing the page is interesting. Your simplifications here are very helpful. HTML, Python, Javascript.... you are in for some coding. :) You are good at logical thought, there is no doubt in my mind that your adventure with coding will prove to be... sound.
    March 17, 2025 at 7:20 am - Reply
    Avy Gagneja
    It’s great to see how you’re strategically combining multiple programming languages to build a fully functional and efficient website! Since you’re working with Flask to connect the front-end and back-end, are you planning to implement any database system to store and retrieve timeline data efficiently?
    March 17, 2025 at 1:09 pm - Reply
    tate_d
    I really appreciate the humorous diagram of the coding languages you are using and how each coding language serves a purpose for the aesthetics of the final website. I'm already curious as to what the graphics (stuff like the buttons and text boxes) will look like when completed; I love seeing how the design process comes along
    March 18, 2025 at 10:07 pm - Reply
    adam_d
    Its cool to see how you highlight each coding language's best features and bring them into a cohesive unit. Do you think that these languages will suffice for what you are trying to accomplish or do you think you will need to add another one to pick up the slack somewhere.
    March 20, 2025 at 8:05 pm - Reply
    adam_p
    Hi Adam, I don't think I'll need to use anything else yet, perhaps something for the database I intend to create to store information, but I still need to research that more thoroughly.
    March 30, 2025 at 9:50 pm - Reply
    adam_p
    Thanks Tate! I hoped that diagram would be informative and give a few laughs.
    March 30, 2025 at 9:51 pm - Reply
    adam_p
    Thanks Avy, I do intent to use a database.
    March 30, 2025 at 9:52 pm - Reply
    adam_p
    Hello Mr. Treeman. I do intend to make my website public. Even if I can't finish within the confines of this project, this is a goal of mine I've had for a few years now, and I intend to see it through one way or another. Thanks for the interest!
    March 30, 2025 at 9:54 pm - Reply

Leave a Reply

Your email address will not be published. Required fields are marked *