From Fedora Project Wiki
No edit summary
No edit summary
 
(30 intermediate revisions by 2 users 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
| 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
| -
| Done
| [https://communityblog.fedoraproject.org/week-6-gsoc-status-report-fedora-app-abhishek-sharma Link to Blog ]
|-
|-
| '''Week 7'''
|  
|  
|  
|  
Line 168: Line 179:
|-
|-
|-
|-
| Implement the Ask Fedora design
| 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
| 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
| -
| Done
| [https://communityblog.fedoraproject.org/week-7-gsoc-status-report-for-fedora-app-abhishek-sharma/ Link to Blog]
|-
|-
| '''Week 8'''
|  
|  
|  
|  
|  
|  
|-
|-
|-
| 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 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]
|-
|-
|-
|-
| '''Week 7'''
| '''Week 9'''
|  
|  
|  
|  
Line 186: Line 228:
|-
|-
|-
|-
| Design the Fedora Magazine and get feedback
| 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
| [https://i.imgur.com/1X3G2dg.png Link to Image]
|-
|-
| 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
| -
| Done
| [https://communityblog.fedoraproject.org/week-9-10-gsoc-status-report-for-fedora-app-abhishek-sharma/ Link to Blog]
|-
|-
| '''Week 10'''
|  
|  
|  
|  
Line 192: Line 264:
|-
|-
|-
|-
| Implement the Fedora Magazine design
| 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
| [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]
|-
|-
| '''Week 11'''
|  
|  
|  
|  
Line 204: Line 300:
|-
|-
|-
|-
| '''Week 8'''
| 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
| 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
| Need to have a screen that will be shown when there are no bookmarks
| Done
| [https://pagure.io/Fedora-app/pull-request/96 #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
| [https://pagure.io/Fedora-app/pull-request/96 #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
| [https://pagure.io/Fedora-app/pull-request/96 #96]
|-
|-
| Share the weekly update on Fedora Community blog
|  
|  
|  
|  
Line 210: Line 336:
|-
|-
|-
|-
| Design the Fedora Social and get feedback
| '''Week 12'''
|  
|  
|  
|  
Line 216: Line 342:
|-
|-
|-
|-
| Implement the Fedora Social design
| 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
| -
|-
|-
|-
|-
Line 228: Line 366:
|-
|-
|-
|-
| '''Week 8'''
| '''Week 13'''
|  
|  
|  
|  
Line 234: Line 372:
|-
|-
|-
|-
| Design the Fedora Social and get feedback
| Work on Backlogs(if any)
|  
|  
|  
|  
Line 240: Line 378:
|-
|-
|-
|-
| Implement the Fedora Social design
| Write Documentation/Wiki about the App Design and Frontend
|  
|  
|  
|  
Line 246: Line 384:
|-
|-
|-
|-
| Share the weekly update on Fedora Community blog
| Share final update on Fedora Community blog
|  
|  
|  
|  

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"