top of page
Search

#3: Into the First Stage of Coding

  • Writer: Wan Ning
    Wan Ning
  • Jan 10, 2018
  • 2 min read

Updated: Jan 30, 2018

The grind to create a prototype of our application continues..!

This week, my team and I decided to split our roles clearly -- I will be working on the login page of the application, Hui Lin will be working on the Business Interface and Janine will be working on the User Interface. As none of us were exactly proficient in Swift, we spent a couple of days watching several videos and read tons of articles to guide us through this process.


I've started to use Xcode's storyboarding function to help me with building the user interface. I realised that there were many constraints that I had to consider (such as the view constraints). However, being relatively new to the world of iOS programming, I found the constraints portion a little difficult and have just decided to make use of the auto layout constraints Xcode provides.

I also realised that Xcode's storyboarding function did not have features to code some of the UI design that my team has done. I then went on to further read and came up with codes to fix some design errors.


To code the borders of the text fields, I implemented the LoginTextField class, a subclass under UITextField. This code changes the colour of the borders to grey, (white: 231/235, alpha:1).


Next, I have also coded the underlined portion of the login page: "Forgot your password?" I've learnt about outlets and actions this week and how these could be used to code the buttons and text fields in the application.


To sum up my progress for this week:

- Completed creating the UI for Login Page, as well as added constraints to fit all screen sizes.


What I have not yet figured out to do/Plan to do:

- Linking the login and sign up portion to Firebase.

- Coding the remaining of the Sign up pages.

- Learning git to collaborate with my team members.


I'll cover my progress for the application in the next few weeks, so stay tuned!


Wan Ning

 
 
 

Comentários


bottom of page