Digital solution

Digital solution

1. Task requirement

   • Prescribed Criteria
     • Display API data in a table format
       • The system must retrieve data from the API and present it in an HTML table.
       • Table must have a column header
       • Each row of the data must represent a data item
     • Be efficient, modular, and have accurate code
       • The web application must retrieve data from SWAPI
       • The data must be processed through API
       • The information of the data must be from SWAPI
     • Have an algorithms to retrieve, process and display the star wars data from the API
       • The website must have an efficient code
       • The website must be modular
       • The website must have an accurate code
     • Receive data in one format and programmatically transform it into another format for sharing/displaying
       • The website data must receive data from JSON
       • The website data must be displayed from JSON
       • The website data must be Shared from JSON
   • Self determined criteria
     • The web application must have a search bar for user to search
       • The website must allow user to search
       • The website must have a search bar
   • Constraints and limitation
     • Time
       • 10 weeks
     • Skill
       • requires coding
     • Coding environment
       • API
       • Sql
       • HTML
       • CSS
   • Existing solution
     • Wikipedia
       • pros
         • Many contents included in the website, such as released date, title of movie, notes about movie etc.
         • No ads appearing on the website
       • cons
         • Wikipedia is open to everyone, which means anyone can edit it, so the information may not be accurate.
     • Starwar fandom
       • Cons
         • Have ads appear on the website, the user could accidently click onto it.
       • pros
         • Wikipedia is open to everyone, but Star war Wiki has supervisors, so the information is more reliable.
         • Have images of different characters

2. User problem

   • User persona
     • Jennifer Taylor
       • Wants
         • simple solution that he can search through all characters
       • Needs
         • ability to search for characters
         • To be able to check out her favourite characters detail
       • Detailed
         • 35 years old
         • Laboratory assistant
         • Education: High school
         • Australia
       • Jennifer Taylor, a 35-year-old lab assistant from Australia, loves Star Wars and enjoys chatting about characters but often forgets details. She dislikes wikis and wants an easy way to search for character info.

3. impact

   • Social
     • Strengthen star war fan culture and create a sharing space for discussion.
   • Economic
     • Increasing Star war's influence could lead to higher sales of movie attendance.
   • Personal
     • Provides a space to revisit childhood favorites.

4. Developer problem

   • User interface
     • Usability principle
       • Effectiveness
         • A website is effective when it helps visitors' achieve their goals AND delivers results that align with the goals of the business. (ANNIE MAGUIRE, n.d.)
       • Utility
         • A utility, or utility program, is a software program that helps configure, monitor or maintain a computer and its operating system. (TechTerms.com, n.d.)
       • Accessibility
         • Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, people can: perceive, understand, navigate, and interact with the Web. (Henry, 2024)
       • Learnability
         • Learnability considers how easy it is for users to accomplish a task the first time they encounter the interface and how many repetitions it takes for them to become efficient at that task. (Joyce, 2019)
       • Safety
         • This means avoiding storing sensitive data in any form; passwords, social security numbers, credit card numbers, etc. should not be stored on external servers, even if they are encrypted. (SITE 123, n.d.)
     • User interface components
       • image
       • Buttons
       • Tables
   • Coding environment
     • key algorithms
     • Development tools
       • Figma
         • Use figma to preview what your website interface will look like
       • Thonny
         • Use Thonny to create and edit websites
       • Goconqr
         • Use Goconqr to develop mind map
   • Data
     • data types
       • CSS
         • it can set colours for elements such as text, backgrounds, borders. It can animate interfaces with gradients and other visual effects.
       • Python
         • Python can handle backend tasks, manage databases, process user input, and be used in applications.
       • HTML
         • allows images and tables to be displayed on web pages. It also allows users to enter data, such as searching, logging in, or sign up
       • SQL
         • SQL can manage and manipulate databases, it can update, delete data.
     • data source options
     • data storage and retrieval