IBMYP 4, 2016

Front End User Interface

Designing
Introduction
JavaScript is the language to make applications via machines (computers, desktops
etc). We, the developers make User Interfaces, which is the key to human-machine
interaction. Front End Designing is the designing of the final product of what the
user sees on his/her screen. E.g. Long time ago, when Google needed a login page
for their e-mail service, they had their employees, or geniuses which helped do

the JavaScript Programming, designing the User Interface, followed by the Front End
Screen which we, the world now see as GMAIL.COM.

Authentication
The process of identifying an
individual, usually based on a
username and password. In security
systems, authentication is distinct
from authorization, which is the
process of giving individuals access
to system objects based on their
identity. Authentication merely ensures that the individual is who he or she claims
to be, but says nothing about the access rights of the individual.

User Interface
The means by which a user and a
machine/software interact with each other.
The user interface is one of the most
important parts of any program because it
determines how easily you can make the
program or machine perform the actions what
you want. Command User Interface and
Graphical User Interface are the most
commonly known user interfaces. Others include command line, menu driven, form
based, and natural language. A successful user interface is Clear, Concise,
Familiar, Responsive, Consistent, Attractive, Efficient, Forgiving.
However, the user interface of an application is only one aspect of the overall user
experience. Other aspects of the user experience that are not visible to the user,
but are integral to an application and critical to its usability, include start up time,
latency, error handling, and automated tasks that are completed without direct user

interaction. The visible part of the user interface is termed Front End and the
part that is not seen by the user is termed Back End. Back End is the
compilation of all the codes (instructions) to the computer which are done by
developer(s). Only developers can understand the back end (inside-outs) of their
user interfaces for their application to the end user.

Login Pages
With the increasing number of Internet-enabled devices, reliable machine
authentication is crucial to allow secure communication in home automation and
other networked environments. In the Internet of things scenario, which is
increasingly becoming a reality,
almost any imaginable entity or
object may be made addressable and
able to exchange data over a
network. It is important to realize that
each access point is a potential
intrusion point. Each networked
device needs strong machine
authentication and also, despite their
normally limited activity, these
devices must be configured for
limited permissions access as well, to limit what
can be done even if they are breached.
Login Pages are the majorly/dominantly used
methods of authentication today. Over 1 million
websites have login pages to secure and
authenticate the data which preserved, created,
or shared by the end user. But recent technology
is destined to make security a part of human
body, where biometric locks are in demand at the
market. Biometric locks follow the same principle

similar to that of Login Pages. They function with the help of the patterns of your
skin present in your fingers. In the back end of the biometric lock. Also Voice and
Face Recognition are examples of top notch technology where the physical person is
considered to be the user/username/input and their body parts are the passwords.
All possess the functions of Login Pages.

Product Analysis

Overgrad was founded in 2013 by Ryan Hoch and Kevin Hoffman, two friends from
the University of Illinois at Urbana-Champaign. After teaching for two years at a high
school in St. Louis, Ryan was discouraged by the lack of transparency his students
faced when trying to plan and prepare for college. While 90% of Ryan's students
wanted to go to college, only 8% would go on to graduate. So with this in mind,
Ryan and Kevin teamed up to build Overgrad to help students make informed
decisions to ensure success as they transitioned into college and beyond.

 The Registration page consists of a decent GUI (Graphical User Interface) with a
convincing design for the student or the educational advisor.
The website doesnt take in much information of the student/educational advisor,

which eventually gives the user work after creating an account.

Considering the commercialization of the website, the website could consist of
more information on maybe how the website functions or how the website
developed with time or how efficiently they can help the users (students and
educational advisors).

Primary and Secondary Research

Primary Research
My client is Mr. Terry Burns, College and Career Counseling at Sreenidhi International
School. I explained to him about the login page and what we do at design. So, he
seems to be very neutral as hes got SOFTWARES that help him do his profession
but he tends to showcase an interest into what I am doing for him. He uses
softwares like ManageBac and Naviance. As I am not a professional developer (like
working for Microsoft), He isnt very demanding for what he wants from me.
Primary Research Questions
1)
a)
2)
a)

Do you need a login page?Why?

Yes, I do require a login for showing people what I do.
What all requirements do you want fulfilled?
Not Completely sure about the question but I would like a page, which helps me

what I do at Sreenidhi. Also I want it to function similar to managebac.

3) How do you help your students?
a) To know themselves, to have a career plan and then strategize for the future
choosing universities and colleges to help them arrive at their goal.
4) What all of a student do you need to recommend/suggest his/her path
ahead?
a) A plan as per the Naviance software package.
5) Do you want to publicize your login page/website to the school and further
i)

beyond?
YES
6) Do you want to store personal/occupational data on the login page?
a) Maybe, depending on the functionality of the page, I may decide.
7) Do you want the page to be sophisticated or simple?

a) I am fine with however it is, it looks like, and the way it functions.

Secondary Research
Factual
The definition of computer programming, actions of developing and
implementing various sets of instructions to enable a computer to do a certain task
demanded by the user. Authentication, The assurance of a person or a
server/system of what is merely claims to be. Also can be executed with login pages
(usernames and passwords) and registration pages into a IT machine/server. What
UI and Front End Design means, nothing but the means by which a user and a
machine/software interact with each other. Front End designing is the development
of the furbished end product after codes are written to form the user interface.
Conceptual
Importance of Authentication Processes
Due to the places like the Dark Net, people cant be reliable and legal users have a
high probability of getting betrayed by the actions of cyber-bullying and fishing. Due
to the security methods provided, people can be authenticated and start serving
people for private/public purposes.

Debatable
Is computer programming really useful in life?
According to Steve Jobs, computer programming teaches an
individual to think logically and provides the person with
another angle of thinking rather than straightforward or
indirect answering. Also jobs concerning computer science
are comparatively high paying jobs.
As our current lifestyle is highly intertwined with computers,
and coupled with the fact that there is a lack of
programmers around the world, this translates to a lot of opportunities for you if you
pick up programming. Aside from the endless opportunities that are presented to
you if you learn programming, there are additional benefits if you start to learn
programming from a young age.
6

Firstly, people should know that at the end of the day, programming is simply a
language for them to express their ideas to others. There is not much difference
between programming languages and the other languages (such as English) in the
world.
Secondly, we should know that technologies are not useful on their own. They will
only become useful if someone is able to utilise them. They will become objects with
endless potential if held in the hands of a person with ambition, determination and
creativity.
As programmers are often faced with challenges when they are coding, a
programmer will subconsciously pick up problem solving skills. This skill is not only
useful in programming but is essential in real life as well. When you begin to learn
programming, you will unconsciously pick up these problem solving skills which will
greatly benefit you in the future.
Hence, using your creative ideas and programming skills, people can create
technologies that may revolutionize the world in just in a room with a computer.
During his college days, there were no efficient ways for Mark Zuckerberg to find out
more about the other students in his university. To solve this problem he created
Facebook. Facebook is now a social media website that is used by more than 1
billion people around the world.
Larry Page and Sergey Brin envisioned a place that can house all the information in
the world and yet be readily accessible at the same time. To do that, they created
Google, a powerful search engine that is utilized by several billion people around
the world. These services had not only made the lives of billions more convenient
but they had greatly changed their way of living too.
However, Mark Zuckerberg, Larry Page and Sergey Brin arent any different. They
are also normal human beings like us, but what made them different was what they
decided to do with their computers.