SteemShutter 3.0 iOS - A complete app re-build

in #utopian-io6 years ago

Github (new):
SteemShutter v3.0

Github (old):
SteemShutter

App Store:
SteemShutter

i1.png


I re-designed the app from the scratch, a new Github repository is active, and I added some graphical ideas from my other app (FetchMyPendingPayout). I also included steemjs.api in this camera app so users will be able to check the pending payout of the most recent post on their blog page which is also the main function of a widget that is now included in the application.

Before listing all the details about what's new in the app, let's check what is the same as in the ​previous version:

  • SteemShutter is an iOS camera application inspired by Steem blockchain.
  • The application​ takes the best from your camera hardware using AVFoundation framework.
  • All useful camera tools included: flash on/off, toggle front/back camera, autofocus/manual focus.
  • SteemShutter saves your photos into your Photo Library​ in size that fits ​your Steemit post, no need to waste your phone's memory.
  • SteemShutter comes with Signature Creator that gives you a ​nice set of fonts and possibility​ to sign your photos in the right-bottom corner.
  • Your signature remains saved in the app when it is turned off or works in the background until​ you change it.
  • Meme Mode included - import any photo from your Photo Library, choose the font and create memes faster than ever.
  • Collage frames made by utopian-io contributors give you a ​possibility to place two, three four, or five photos into a ​collage frame and save them as a single image.
  • Buttons designed by @svarozich.

What's new?

Check the screenshot from my interface builder:
interface builder.jpeg

You notice the scene in the center of the screenshot, this is now the​ initial View Controller. That means when you open the application, first you see is this little menu. In older versions, when you opened the app, you were immediately​ ready to take the photos. But that's why the first page in the app was crowded with​ buttons, as you will see in a few images below.

First, check the new menu:

menu1.jpeg

You notice four buttons​, the first is for the ​SteemShutter Camera, the second is for the​ Signature Creator, the third is for Meme Mode, and the fourth is for Collage Frames. You also notice these labels: Your Steemit Signature, Your Recent Content, and Pending Payout. When you type your Steemit username into the Signature Creator, the app will fetch these data from Steemit using steemjs api (discussion​ by blog) so you are able to monitor what happens with your recent pending payout.
Check the screenshot from my iPhone SE:

37406422_10215983907851079_4321874755008331776_n.jpg


Speaking of Signature Creator, in older versions it had two scenes and were kinda clumsy created. Check the screenshot from my old interface builder to see how it looked before:

old interface.jpeg

BEFORE


In the new version, I added a picker for fonts and avoided two scenes only for the ​Signature Creator:

new interface.jpeg


NOW


The screenshot from a real device looks like this:

37397754_10215985593933230_365789685856862208_n.jpg


Now, when you typed your signature, it remains saved in the app until​ you change it. So next time you open the app, you will see your recent content and it's pending payout. Let's pay some attention to he Meme Mode tool. As in older versions, you have two text fields for the top meme text and the bottom meme text. It is cool because of its​ simplicity, a bunch of fonts and colors are easy to change and you can pick any photo from your Photo Library, no matter was it made with SteemShutter or not. Tap the "next" button to see what you have done, if you did something wrong, you can go back and fix it, or you can save your meme to your Photo Library.
Check the screenshots:

37564217_10215986071225162_7055401205874294784_n.jpg

37617130_10215986071185161_8386601545898131456_n.jpg


However, this is a simple meme generator that offers you bunch​ of fonts and colors, but it is still too simple and restricted on these two horizontal text fields. That's why I'm planning to build a stand-alone meme app for the ​web with more functions and options, inspired by Steem blockchain.


Those frames, in which you can place two, three, four or five photos were created by utopian.io contributors and I find them nice and useful. I didn't change the code since the previous version. I had a lot of troubles trying to make my app automatically resize all the photos, dependingly of the sizes of the empty fields inside the frames.
Here's an example:

37500523_10215986101625922_6395720677617303552_n.jpg

With SteemShutter you can easily add the photos inside the frames and save them as a single image into your phone's photo library.


Now, let's talk about the most important​ part of SteemShutter: CAMERA!

Before this upgrade, the camera view was the first what you saw when you opened the app. And it used to look like this (in the interface builder):

oldcam.jpeg

And now it looks like this:

newcam.jpeg


You notice that I have three buttons less than before, thanks to the opening menu that​ I added in this update. The buttons for Meme Mode, Signature Creator and the Frames, all were placed at the top and at the bottom of the camera view and that made my app look crowded by buttons. And buttons had to be very small, you actually had to tap all of them just to check what is all about.
Now things are neater​ and the whole app is more user-friendly.
The app still has all options as before: flash device, focus (auto/manual) and when you take the photo you are re-directed to the PhotoEdit ViewController where you can add the filters, rotate the image, crop the image using the "crop frame", and save your photo to your iPhone's photo library. The app places your signature in the right-bottom​ corner of your photo along with Steem logo like the ​watermark. Before saving your​ photo, you are able to change the color of your signature to get better visibility.
Check the screenshot:

37403460_10215986448074583_1932609346168946688_n.jpg

Now check the final product:
37410791_10215986448274588_7665483035185250304_n.jpg


This is a huge update for a noob like me.

This was my first app and I had a ton of mistakes along the way, now I came back to fix them. The guys from Apple always review my apps for days, so this will probably be available on the App Store tomorrow.


Check my last post about SteemShutter:

SteemShutter 2.5 - I added frames from contributors


Next on SteemShutter

I'm really having troubles by trying to re-build this app for Android. Xcode and Android Studio are two different things, they use different programing language and it takes too much time for​ a noob like me. So in next few days,​ I will make another task-request post for @utopian-io and ask for some help. Stay tuned!

Thank you!!!

​​​

Sort:  

you're progressing well with the app. glad for you.

you're welcome

Thank you for your contribution, a great update to the app.

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

Hey @dumar022
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Thats really good.
I wanna also try it.
Good team are maybe.
Thanks for sharing sir @dumar022.

pixresteemer_incognito_angel_mini.png
Congratz, your post has been resteemed and, who knows, will maybe appear in the next edition of the #dailyspotlights (Click on my face if you want to know more about me...)
Check the rules of the Daily Spotlights if you want to nominate someone!
Pixresteemer is also listed as promoter on The Steemians Directory

Very cool i cant wait to give it a go on iOS! Always great to see more applications for the steem blockchain and allowing contributors to be more creative

I think that Apple will approve​ it in a few hours

Thanks for the heads up, ill check the app store during the week again

that excellent application! many advantages and good answers will have! are a good team!

wow ! Thanks for sharing info. Godbless!

Sir your post is very beautiful very interesting your all post I love your #post
Sir I am new user on Steemit
My reputation is just 30%
Sir I am best apvoter and comments sir please help me Thank you

Sir? I am definitely​ not a knight ;)

Coin Marketplace

STEEM 0.18
TRX 0.15
JST 0.028
BTC 63064.93
ETH 2468.39
USDT 1.00
SBD 2.55