From Fedora Project Wiki
No edit summary
No edit summary
 
(28 intermediate revisions by the same user not shown)
Line 13: Line 13:
|-
|-
| Share Low-Fi Prototype Version 2 and get feedback
| Share Low-Fi Prototype Version 2 and get feedback
| <Howitworks>
| An [https://www.quant-ux.com/test.html?h=a2aa10aa6jNgRGPGZxXyQkK1ryrayPjHnMDtfyHfpuceTS97Q7EATgyFktgO Initial Wireframe of Revamped Fedora App] was shared on Mailing List. I intend to incorporate the feedback collected from that version to create better version and share with the community again to find the loopholes.
| To be filled by Abhishek
| Done
| <references/>
| [https://www.quant-ux.com/test.html?h=a2aa10albzVO4GPTETM7K8maNo3aObl9zCrhZx3lcvu7ylZRY5xY4eQ98lPy Link to Prototype]
|-
|-
|-
|-
| Finalize the low-fi app structure after feedback
| Finalize the low-fi app structure after feedback
|  
| Discuss and finalise the wireframe and app structure after incorporating the feedback received from the community.
|  
| Done
|  
| [https://marvelapp.com/8ja2ad7 Link to Prototype]
|-
|-
|-
|-
| Feedback on final design from Fedora Design Team( Weekly Meeting on May 22) and Fedora Comm-Ops ( Weekly Meeting on May 21)
| Feedback on final design from Fedora Design Team( Weekly Meeting on May 22) and Fedora Comm-Ops ( Weekly Meeting on May 21)
|  
| Have the design and comm-ops team to take a look at the wireframe and suggest changes
|  
| Done
|  
| -
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on blog
|  
| -
|  
| Done
|  
| [http://thelittlewonder.co/blog/2018/05/20/GSoC-Week1.html Link to blog]
|-
|-
|-
|-
Line 43: Line 43:
|-
|-
| Decide typography and Color Palette for the high-fi design
| Decide typography and Color Palette for the high-fi design
|  
| Need to decide the colors and fonts to be used in the visual design of the application
|  
| Done
|  
| [https://i.imgur.com/WLZRuCf.png Color Palette] and [https://i.imgur.com/wistMYb.png Typography Cheat Sheet], Following Fedora Guidelines
|-
|-
|-
|-
| Icon/Illustration Style
| Icons Style
|  
| Need to work on the Icons to be used in the application
|  
| Done
|  
| Either Self Created or Open Source Google Material Icons, [https://i.imgur.com/ED3LBws.png Icon Set Preview]
|-
|-
|-
|-
| Create Components Design and get feedback
| Work on the visual design and get feedback
|  
| Need to revamp the entire visual design of the application to encorporate the Fedora Brand Identity.
|  
| Done
|  
| -
|-
|-
|-
|-
| Finalize design and style
| Finalize design and style
|  
| After review from a2batic, finalise the visual design
|  
| Done
|  
| [https://marvelapp.com/8j6ihg7 Final Prototype]
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on blog
|  
| -
|  
|Done
|  
| [http://thelittlewonder.co/blog/2018/05/28/GSoC-Week2.html Link to Blog]
|-
|-
|-
|-
Line 79: Line 79:
|-
|-
| Design the Splash Screen and get feedback
| Design the Splash Screen and get feedback
|  
| With changes in the visual design, a new splash screen must be designed to match the new design
|  
| Done
|  
| [https://pagure.io/Fedora-app/issue/22 #22]
|-
|-
| Design the Login Screens and get feedback
|
|
|
|-
|-
|-
|-
| Implement the Splash Screen in the application
| Implement the Splash Screen in the application
|  
|Create pull requests to implement the finalised designs in the actual app
|  
| Done
|  
|[https://pagure.io/Fedora-app/pull-request/67 #67]
|-
|-
|-
|Study the existing code and devise a strategy to implement the new design
| Implement the Login Screen in the application
| Need to go through the existing code and decide how to change the template to a tab based one.
|
| Done
|  
| -
|  
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on Fedora Community blog
|  
| -
|  
| Done
|  
|[https://communityblog.fedoraproject.org/week-3-gsoc-status-report-for-fedora-app-abhishek/ Link to Blog]
|-
|-
|-
|-
Line 115: Line 108:
|-
|-
| Design the home page hi-fi view and get feedback
| Design the home page hi-fi view and get feedback
|  
| Create the final UI design of the home page.
|  
| Done
|  
| [https://marvelapp.com/8j6ihg7 Final Prototype]
|-
|-
|-
|-
| Implement the homepage design
| Implement the homepage design
|  
| Create pull requests to implement the finalised designs in the actual app
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/69 #69]
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on Fedora Community blog
|  
| -
|  
| Done
|  
| [https://communityblog.fedoraproject.org/week-4-gsoc-status-report-for-fedora-app-abhishek/ Link to Blog]
|-
|-
|-
|-
Line 139: Line 132:
|-
|-
| Design the Fedora Calendar and get feedback
| Design the Fedora Calendar and get feedback
|  
| Create the final UI design of the Fedora Calendar Tab
|  
| Done
|  
| [https://marvelapp.com/8j6ihg7 Final Prototype]
|-
|-
|-
|-
| Implement the Fedora Calendar design
| Implement the Fedora Calendar Design
|  
| Create pull requests to implement the Fedora Calendar design
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/74 #74]
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on Fedora Community blog
|  
| -
|  
| Done
|  
| [https://communityblog.fedoraproject.org/week-5-gsoc-status-report-for-fedora-app-abhishek Link to Blog]
|-
|-
|-
|-
Line 163: Line 156:
|-
|-
| Design the Ask Fedora and get feedback
| Design the Ask Fedora and get feedback
|  
| Create the final UI design of the Ask Fedora Tab
|  
| Done
|  
| [https://marvelapp.com/8j6ihg7 Final Prototype]
|-
|-
|-
|-
| Implement the Ask Fedora design
| Implement the Ask Fedora design
|  
| Create pull requests to implement the finalised designs in the actual app
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/89 #89]
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on Fedora Community blog
|  
| -
|  
| Done
|  
| [https://communityblog.fedoraproject.org/week-6-gsoc-status-report-fedora-app-abhishek-sharma Link to Blog ]
|-
|-
|-
|-
Line 187: Line 180:
|-
|-
| Design the Fedora Magazine and get feedback
| Design the Fedora Magazine and get feedback
|  
| Create the final UI design of the Fedora Magazine Tab
|  
| Done
|  
| [https://marvelapp.com/8j6ihg7 Final Prototype]
|-
|-
|-
|-
| Implement the Fedora Magazine design
| Implement the Fedora Magazine design
|  
| Create pull requests to implement the finalised designs in the actual app
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/82 #82]
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on Fedora Community blog
|  
| -
|  
| Done
|  
| [https://communityblog.fedoraproject.org/week-7-gsoc-status-report-for-fedora-app-abhishek-sharma/ Link to Blog]
|-
|-
|-
|-
Line 210: Line 203:
|-
|-
|-
|-
| Design the Fedora Social and get feedback
|-
|  
| Design the More Tab and get feedback
|  
| Create the final UI design of the More Tab
|  
| Done
| [https://marvelapp.com/8j6ihg7 Final Prototype]
|-
|-
|-
|-
| Implement the Fedora Social design
| Implement the More Tab design
|  
| Create pull requests to implement the finalised designs in the actual app
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/95 #95]
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on Fedora Community blog
|  
|  
|  
| Done
|  
| [https://communityblog.fedoraproject.org/week-8-gsoc-status-report-for-fedora-app-abhishek-sharma/ Link to Blog]
|-
|-
|-
|-
Line 235: Line 229:
|-
|-
| Get in discussion around Fedora Women
| Get in discussion around Fedora Women
|  
| Need to get in touch with people to decide what to put in Diversity Section
|  
| Done
|  
| -
|-
|-
|-
|-
| Finalize the contents of Fedora Women Section
| Finalize the contents of Fedora Women Section
|  
| Final Decision on contents after approval from a2batic
|  
| Done
|  
| -
|-
|-
|-
|-
| Design the Fedora Women Section and get feedback
| Design the Fedora Women Section and get feedback
|  
| New to design flow of content
|  
| Done
|  
| [https://i.imgur.com/1X3G2dg.png Link to Image]
|-
|-
|-
|-
| Implement the Fedora Women Section
| Implement the Fedora Women Section
|  
| Create PR to implement the design
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/97 #97]
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on Fedora Community blog
|  
| -
|  
| Done
|  
| [https://communityblog.fedoraproject.org/week-9-10-gsoc-status-report-for-fedora-app-abhishek-sharma/ Link to Blog]
|-
|-
|-
|-
Line 271: Line 265:
|-
|-
| Get in discussion around showing Fedora Podcast
| Get in discussion around showing Fedora Podcast
|  
| Figure out how to implement Fedora Podcast
|  
| Done
|  
| Using Simplecast API
|-
|-
|-
|-
| Design the Fedora Podcast section and get feedback
| Design the Fedora Podcast section and get feedback
|  
| Need to design the UI of the Podcast Screens
|  
| Done
|  
|  
|-
|-
|-
|-
| Implement the Fedora Podcast Section
| Implement the Fedora Podcast Section
| Write Code to call Simplecast API and audio player
| Done
|  
|  
|  
|-
|  
|-
| Design and Implement a Loader in the app
| We need to show loader at some places
| In Progress
| [https://pagure.io/Fedora-app/pull-request/91 #91]
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share the weekly update on Fedora Community blog
|  
| -
|  
| Done
|  
| [https://communityblog.fedoraproject.org/week-9-10-gsoc-status-report-for-fedora-app-abhishek-sharma/ link to blog]
|-
|-
|-
|-
Line 301: Line 301:
|-
|-
| Design Empty State Illustration for No Network Error and get feedback
| Design Empty State Illustration for No Network Error and get feedback
|  
| Need to have a empty screen when the app is offline
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/96 #96]
|-
|-
|-
|-
| Design Empty State Illustration for Generic Error and get feedback
| Design Empty State Illustration for Generic Error and get feedback
|  
| Need to have a generic error screen (When API request times out or other technical error)
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/96 #96]
|-
|-
|-
|-
| Design Empty State Illustration for Empty Bookmarks and get feedback
| Design Empty State Illustration for Empty Bookmarks and get feedback
|  
| Need to have a screen that will be shown when there are no bookmarks
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/96 #96]
|-
|-
|-
| Implement the No Network Screen
|
|
|
|-
|-
|-
| Design Empty State Illustration for No Search Results and get feedback
| Implement the Generic Screen
| Need to have a screen that will be shown in case of no search results
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/96 #96]
|  
|-
|-
|-
|-
| Implement the Empty Bookmarks screen
| Design Empty State Illustration for No Events and get feedback
|  
| Need to have a screen that will be shown in case of no meetings in fedocal
|  
| Done
|  
| [https://pagure.io/Fedora-app/pull-request/96 #96]
|-
|-
|-
|-
Line 349: Line 343:
|-
|-
| Design the App Icon
| Design the App Icon
|  
| New Android Icon acc. to adaptive icon guidelines
|  
| Done
|  
| -
|-
|-
|-
|-
| Improve the Micro-copy
| Improve the Micro-copy
|  
| Improve the tone and voice of copy
|  
| In Progress
|  
|  
|-
|-
|-
|-
| Design Promotional Images for the Playstore/F-droid
| Design Promotional Images for the Playstore/F-droid
|  
| Need to design new screenshot images for Playstore
|  
| Done
|  
| -
|-
|-
|-
|-

Latest revision as of 17:42, 22 July 2018

This page aims to list feature/changes requirements and WIP by Abhishek for GSoC 2018. It identifies Must-Have and Nice-To-Have features.

Must-Have

Feature/Changes Description Status Issue/Pull Request
Week 1
Share Low-Fi Prototype Version 2 and get feedback An Initial Wireframe of Revamped Fedora App was shared on Mailing List. I intend to incorporate the feedback collected from that version to create better version and share with the community again to find the loopholes. Done Link to Prototype
Finalize the low-fi app structure after feedback Discuss and finalise the wireframe and app structure after incorporating the feedback received from the community. Done Link to Prototype
Feedback on final design from Fedora Design Team( Weekly Meeting on May 22) and Fedora Comm-Ops ( Weekly Meeting on May 21) Have the design and comm-ops team to take a look at the wireframe and suggest changes Done -
Share the weekly update on blog - Done Link to blog
Week 2
Decide typography and Color Palette for the high-fi design Need to decide the colors and fonts to be used in the visual design of the application Done Color Palette and Typography Cheat Sheet, Following Fedora Guidelines
Icons Style Need to work on the Icons to be used in the application Done Either Self Created or Open Source Google Material Icons, Icon Set Preview
Work on the visual design and get feedback Need to revamp the entire visual design of the application to encorporate the Fedora Brand Identity. Done -
Finalize design and style After review from a2batic, finalise the visual design Done Final Prototype
Share the weekly update on blog - Done Link to Blog
Week 3
Design the Splash Screen and get feedback With changes in the visual design, a new splash screen must be designed to match the new design Done #22
Implement the Splash Screen in the application Create pull requests to implement the finalised designs in the actual app Done #67
Study the existing code and devise a strategy to implement the new design Need to go through the existing code and decide how to change the template to a tab based one. Done -
Share the weekly update on Fedora Community blog - Done Link to Blog
Week 4
Design the home page hi-fi view and get feedback Create the final UI design of the home page. Done Final Prototype
Implement the homepage design Create pull requests to implement the finalised designs in the actual app Done #69
Share the weekly update on Fedora Community blog - Done Link to Blog
Week 5
Design the Fedora Calendar and get feedback Create the final UI design of the Fedora Calendar Tab Done Final Prototype
Implement the Fedora Calendar Design Create pull requests to implement the Fedora Calendar design Done #74
Share the weekly update on Fedora Community blog - Done Link to Blog
Week 6
Design the Ask Fedora and get feedback Create the final UI design of the Ask Fedora Tab Done Final Prototype
Implement the Ask Fedora design Create pull requests to implement the finalised designs in the actual app Done #89
Share the weekly update on Fedora Community blog - Done Link to Blog
Week 7
Design the Fedora Magazine and get feedback Create the final UI design of the Fedora Magazine Tab Done Final Prototype
Implement the Fedora Magazine design Create pull requests to implement the finalised designs in the actual app Done #82
Share the weekly update on Fedora Community blog - Done Link to Blog
Week 8
Design the More Tab and get feedback Create the final UI design of the More Tab Done Final Prototype
Implement the More Tab design Create pull requests to implement the finalised designs in the actual app Done #95
Share the weekly update on Fedora Community blog Done Link to Blog
Week 9
Get in discussion around Fedora Women Need to get in touch with people to decide what to put in Diversity Section Done -
Finalize the contents of Fedora Women Section Final Decision on contents after approval from a2batic Done -
Design the Fedora Women Section and get feedback New to design flow of content Done Link to Image
Implement the Fedora Women Section Create PR to implement the design Done #97
Share the weekly update on Fedora Community blog - Done Link to Blog
Week 10
Get in discussion around showing Fedora Podcast Figure out how to implement Fedora Podcast Done Using Simplecast API
Design the Fedora Podcast section and get feedback Need to design the UI of the Podcast Screens Done
Implement the Fedora Podcast Section Write Code to call Simplecast API and audio player Done
Design and Implement a Loader in the app We need to show loader at some places In Progress #91
Share the weekly update on Fedora Community blog - Done link to blog
Week 11
Design Empty State Illustration for No Network Error and get feedback Need to have a empty screen when the app is offline Done #96
Design Empty State Illustration for Generic Error and get feedback Need to have a generic error screen (When API request times out or other technical error) Done #96
Design Empty State Illustration for Empty Bookmarks and get feedback Need to have a screen that will be shown when there are no bookmarks Done #96
Design Empty State Illustration for No Search Results and get feedback Need to have a screen that will be shown in case of no search results Done #96
Design Empty State Illustration for No Events and get feedback Need to have a screen that will be shown in case of no meetings in fedocal Done #96
Share the weekly update on Fedora Community blog
Week 12
Design the App Icon New Android Icon acc. to adaptive icon guidelines Done -
Improve the Micro-copy Improve the tone and voice of copy In Progress
Design Promotional Images for the Playstore/F-droid Need to design new screenshot images for Playstore Done -
Share the weekly update on Fedora Community blog
Week 13
Work on Backlogs(if any)
Write Documentation/Wiki about the App Design and Frontend
Share final update on Fedora Community blog
Retrieved from "https://fedoraproject.org/w/index.php?title=User:A2batic/Draft/Abhishek_Fedora_App_GSoC_2018&oldid=522684"