Closed annazwicker closed 8 months ago
completed relational UML page about homescreen. Now need to create a wireframe diagram
Starting work today by watching the Figma introduction video posted in the slack channel. Will provide update in half an hour.
Learned how to transition between screens. The different types of animation will be especially useful when trying to navigate between the different tabs on the website. Also learned about the eyedrop tool for keeping colors consistent. Ideally, we will have the website themed with SU colors, not some random colors.
Learned how to create relationships with buttons that are consistent on all the pages. We plan to have all tabs visible on each page, just on the top of the page or in a menu bar, and knowing how to navigate to each page from any page is crucial to the functionality of our website. Also learned how to scroll on a page, this could potentially be useful if we have some long drop down boxes or if we store feeder information vertically.
Learned how to create horizontal scrolling screens and toggle switches. I don't anticipate our team using either, but we will see.
Learned how to design moving features in a screen. I don't anticipate our team using this feature either but it could come in handy if we decide to create some extra aesthetic features. Stopping work for here today. Put in a little over two hours.
beginning home page figma framework design
finished proof of concept page. awaiting approval from other team mates regarding suggested features and general structure
attempting to create first framework of this page through Flutter. As designs have not yet been finalized with Kelly, I will focus on creating files for each page and the shared navigation bar that will be in every page
created initial working web design for home page with a top app bar and segmented navigation bar. Will upload prototype to Github tomorrow after I've created Dart files for other pages and have organized the code of my components into separate files for better modularity. I still also need to figure out how to customize components in Dart after they've been imported over
updating prototype to prep for upload on github as either a starting point or a helpful reference for how Flutter works
the difference seems to lie in creating all the pages upfront in a list and swapping between them and creating a switch method that creates a new instance of the page and makes it its state on click
created and uploaded flutter project framework on github. Currently has
adding cat sightings section to figma home page design
forgot to fencepost: completed cat sightings section to figma home page design. Took about 30 minutes
Create home screen:
This feature should include: