User:KeybladeSpyMaster/Mobile Apps/Windows

Kingdom Hearts Wiki for Windows is an app for Windows that accesses the wiki's content. The app was submitted to the Windows Store on March 20, 2015, and is based on the Wikipedia app for Windows.

The source code will be provided shortly.

Planned Features
A listing and explanation of planned features (with images, yay! [You'd be surprised how long the images took {not very long}]).

Editing
Eventually, the app will have the functionality to edit pages and articles like you would on the actual website itself. Ideally, it would have a full-screen textbox and capabilities for previews. It would come in three stages. In the first, "Edit Mode", there is simply an Edit box that takes up almost the whole screen, with two buttons, Save, which saves the document and loads "Summary", and Preview, which loads "Preview Mode." The second, "Preview Mode", has two screens: an edit screen that looks like "Edit Mode" to make further changes, and the preview screen, which displays the most recent preview submission (the last time "Preview" was hit), just like having the article in Preview above the text box on the website. A simple arrow would switch between the two screens. Finally, "Summary" simply asks for a summary of the changes, which can be ignored just like on the website by clicking Save.

https://lh6.googleusercontent.com/-cBew7MFvLlY/VQ-AqBjOJZI/AAAAAAAAAq4/Ajrp_klL2fw/s900-no/Editing.png

Gradients
This is solely for the purpose of certain pages in the magazine which use gradients, without which they appear weird in the app (pages like "Unlocking the Keyhole" have black text on a black background because the gradient does not load, which makes the background color load).

Gallery and Image Viewer
A replacement for the image viewer that the Wikipedia Mobile Apps team added, which currently creates a "lightbox" load with the image inside over the text/article, which dims. Instead, this new image viewer would load the image against an entirely dark background (like the "Photos" app), with a caption and title in white over it.

In addition, Galleries currently appear in list form, with bullets next to them. Instead, they'll be presented in an actual gallery view, in the manner of Windows (like the Twitter app does with user's photos).

https://lh3.googleusercontent.com/-8tY6IBrE3GU/VQ-Ap_A7U_I/AAAAAAAAAqw/2Dwvfma7Y7k/s800-no/Gallery%2BView.png

Main Page
Currently, the app launches to a rather blank page that lists the most recent ten changes. Instead, I want the app to have a true Main Page with the content from the website's Main Page, with some sort of function to replace the Game portals (either panels of main content or panels for the games) and potentially a partner's news feed (maybe a combination of more than 1 website's news feed). Another great addition would be to have a Hub image right at the beginning of the image, either of a current game's concept art or something else. The app should load to this page, and searching for "Main Page" would return this page instead of the actual wiki's Main Page.

https://lh4.googleusercontent.com/-oerIdWQEZbg/VQ-AsuTi-1I/AAAAAAAAArY/rMmFaZ49518/s900-no/Main%2BPage.png

Navigation
The app should eventually take care of navigation within app bars, rather than rely on Search to access the wiki's content. Using App Bars, the top bar would have content Navigation, while the bottom bar would have Actions. Regarding Navigation, we could have a couple of content categories (Characters, Worlds, Enemies, Games, Weapons, Merchandise) and links to the Main Page and a form of Special:RecentChanges, as well as a link to the User Profile, if there isn't a panel within the app's content (See "Log In" under "User"). For Actions, the app bar would have relevant actions to the page, such as "Edit", "History", "Pin/Unpin to Start", "View in Browser", "Find", "Watch/Unwatch", "Create a new Page", and "Talk" (if not taken care of as part of Template:Suite, see "Template:Suite Remake"). We could also potentially have more advanced options, such as "Move/Rename", as well as Administrator actions like "Protect" and "Delete", though this is somewhat less likely and not as big a priority (these actions can't be done within MobileFrontend, so I don't know whether they're possible in a mobile app).

Another option would be to move Navigation to a sidebar, as is done in the Gospel Library, Xbox Music, or Windows 10 Photos apps. While more visually appealing and cleaner (it wouldn't have to be hidden, and you wouldn't have to right-click or swipe from above/below to bring it up), it clashes with a hidden app bar for Actions, which wouldn't be so easily moved (circular menu like in Gospel Library is a "NO", Xbox Music uses a context menu, and Windows 10 Photos has items appear towards the top of the app when right-clicked/selected, which doesn't work either).

https://lh3.googleusercontent.com/-BcRSCN4ZQJM/VQ-AtTi0ZlI/AAAAAAAAArk/uHHsmw_CPak/s750-no/Navigation%2B%281%29.png https://lh4.googleusercontent.com/-mcxN6OFPeEI/VQ-At7gVQ7I/AAAAAAAAArw/3qGJU9Avv-4/s900-no/Navigation%2B%282%29.png

Notifications
One of the most interesting and most useful features the app will eventually do, something the Mobile Webview cannot do, is notifications. Eventually, the app should push notifications for certain events, like changes to talk page and changes to followed pages (pages on Watchlist). If we use a newsfeed (whether our own or a partner feed), we can/should also push notifications for breaking Kingdom Hearts news.

https://lh5.googleusercontent.com/-7l8IZxt4FqU/VQ-Auo4FITI/AAAAAAAAAr4/prJ72QUKods/s900-no/Notifications.png

Page Histories
Page Histories will be accessible with the same amount of information as currently present in Mobile View on the website. Histories will be presented in Table form. Clicking on an entry will load that page, with a panel to the left of the article with details on the revision (bytes removed, timestamp, user information). Three buttons also appear in this panel: Previous, which loads the previous revision, Newer, which loads a newer revision, and Current, which simply loads the page in its current state.

https://lh4.googleusercontent.com/-yHnYY_JOxuw/VQ-AqClwhmI/AAAAAAAAAq8/CYx40Ix7wNc/s700-no/History%2Bview%2B%28pages%29.png

Template:Suite remake
This would remake Template:Suite in the way it appears in the app. It would replace them in button/panel-like links. Each button/panel would have an image along with the text. It would also remove the selected tab (if you're on Sora, the tab for "Sora" wouldn't appear). Another thing this set of panels could have is a panel/button for the Talk page.

https://lh4.googleusercontent.com/-6kGzMic5gIY/VQ-Awf8PPiI/AAAAAAAAAsQ/xdAjoq5UQEU/s900-no/Template-Suite%2Bremake.png

Log In
A current placeholder exists in the app for eventual Sign-In capabilities. The script that would have allowed this was non-functional at the time. Logging-In would take place in an Options fly-out accessible from Settings. There's a chance that, once logged-in, there is a panel that opens Special:UserProfile. There's also a chance that once logged-in, a small panel will appear on the main app somewhere displaying the username and number of messages, if any, though I'm currently leaning for taking care of this within "Options".

https://lh3.googleusercontent.com/-LK6SfhHjZkw/VQ-AsYKfypI/AAAAAAAAArM/785QS5PiitM/s800-no/Logging%2BIn.png

Special:UserProfile
The Wiki extension MobileFrontend has a Special Page called Special:UserProfile. This page is inaccessible in Desktop mode, and displays basic user information like user edit count, user upload count, most recent edit and upload, and links to the user's User page and User talkpage. In the app, this special page should also appear, in which the screen is split in two. The first half, about 30% of the screen, shows user information like edit count, upload count, user groups (Admin, Bcrat, Mod, User, Anon), and join date. The right half of the screen, which takes the rest of the space, lists links to the most recent edit, most recent upload, user page, and user talkpage. Contributions should probably be linked, too.

https://lh4.googleusercontent.com/-HdclAVquenI/VQ-AvQ8mc5I/AAAAAAAAAsE/IoYhH7nP6jk/w900-h585-no/Special%2BUser%2BProfile.png

Audio Playback
The app currently cannot play audio. When audio files are clicked, they don't do anything. Eventually, the app should play the audio file just like in-browser, with a similar UI.

https://lh4.googleusercontent.com/-rKYWQGcPlK4/VQ-AuqsxuRI/AAAAAAAAArs/-N4AYp6BhLc/s650-no/Ogg%2BSound-Audio%2BPlayback.png

YouTube Video Playback
The app doesn't display any YouTube videos. The app should eventually display videos from YouTube in full screen, or at the very least, link to the videos on YouTube in-browser.

https://lh6.googleusercontent.com/-v-P2d1e_dEw/VQ-AwoT8XtI/AAAAAAAAAsU/DQmZtYiH0O4/s650-no/YouTube%2BVideo%2BPlayback.png

App
Download The Kingdom Hearts Wiki app from the Windows Store!

Source
Download the Source Code from GitHub. Note that like the wiki's content, I hereby release the source code under the Creative Commons Attribution-ShareAlike 3.0 license (CC-BY-SA).