DESIGNING FOR CONNECTEDNESS DIGITAL DESIGN CRITERION A: INQUIRY AND

ANALYSIS

(i)explain and justify the need for a solution to a problem for a specified client/target audience.

Designing for connectedness being our unit title basically aims at looking at how design projects and solutions can be used to foster
connectedness among the users who happen to be human beings. This unit will help me as an individual to not only improve in my critical
thinking skills but also be considerate on how we can be able to connect people during this technological era by bringing them together towards
a common positive goal.With this I will be connecting my pers who are the MYP mathematics students who seem to have disconnected over the
past one year by creating a blog that has virtually collaborative space just to bring them together enhancing connection and aid them pass in
their examinations.-Commu.nication is the passing of information from one place to another ( Minnesota, 2015)and in this unit, I am tasked to
not only come up with a product but to be able to integrate the aspect of communication in it, basically how will my project be able to pass
information effectively.I aim at challenging myself in coming up with a blog that will be able to bring my peers together in order to connect
,communicate and share their ideas virtually.Enhancing collaboration and connectedness in order to improve their mathematics grade with this
the design will be able to send solution that is able to foster communication among human interactions.Adaptation is the coping mechanism
that a living organism is forced to have while transiting from one state to another, (NGS, 2022) and in this 21st century we are forced to adapt to
the rapid technological changes that happens daily and as a design student, I will be able to integrate technology in solving a problem that being
the disconnection among the extended mathematics students that will connect them.This will be an effort of adapting technology in our daily
human interactions and letting it be part of us.Orientation in space and time basically implies where and when(Lakeside Academy, 2019). and in
this ui nnit I will be focusing on the technological advancements in the 21st century and how they have influenced connection through their
design.I will then apply this to my school context and help the MYP mathematics students connect and interact more

Problem: In this unit, I will be solving the issue of disconnection among my fellow myp mathematics student in my school who are taking their
mathematics classes in different classes

Nature of the problem-How many times have you ever heard of students complaining of how mathematics is hard and how they wish they
could have the opportunity to drop it or opt for an easier route. This is not different from my school. In IB MYP, students are given the liberty
of either doing extended mathematics or standard mathematics. The difference in the two is that in extended classes the students are given the
opportunity to explore the subject to a greater depth since they have additional topics to the standard Mathematics topics.With this two options
students now get the chance to choose their mathematically path depending on their strengths and interests.Those who are interested in
Mathematics related field such as computer science and engineering tend to move to extended mathematics while those who want to take a
course that does not demand a lot of mathematics such as History and hospitality (Indeed, 2023)tend to now take standard mathematics.On
joining the academy two years ago,All of us were enrolled to the extended mathematics course for one semester.During this period students
were collaborating effectively since the course was truly rigorous.During free time, it was normal to seep students in groups solving one or two
mathematics questions,majority of them would even have online discussions via gmail and share out their ideas.During this time since all of us
were doing the same course,my peers respected each others perspective and everyone had an equal say in the group discussions.All this
changed in MYP4 semester 2 when we were told to choose now between the two courses(standard and extended )The extended mathematics
students were enrolled in a more advanced course that was rigorous while the standard mathematics students were covering the essential
parts.This now lead to the division of the MYP mathematics students who now had to take their lessons from different classrooms as compared
to earlier where they were in one jclass.Due to the separation, there has been less interaction between
the students from this two groups bringing in lack of connection and interaction between the two groups.The extended mathematics students
driven by there higher level of mathematics understanding and with their additional topics ,they tend to be overconfidence and perceive
themselves as more advanced and superior than their counterparts taking standard mathematics.On the other hand the standard mathematics
students feel intimidated by this behavior from their peers and tend to hesitate to engage with their counterparts (see appendix.1.1).This is
because they feel like they are less inferior and this lowers their self esteem hindering them from effectively reaching out to the extended
mathematics peers because they doubt their ability.This then perpetuates division among the two groups.
Causes of the problem-This problem has been caused due to several reasons one of them being the actual separation of the two groups and
spread pout in into different classes.In my school, the program is very fixed that sometimes you end up not seeing your peers since students are
always up and down from one session to another.Due to this,it is really hard for this two groups to meet physically and collaborate hence
hindering their connection.Secondly, in this 21st century the ‘Gen Z my peers being one of them are really drawn into using their gadgets and
don’t seem to find time to get along with their counterparts from extended mathematics and share their challenges,milestone achievements and
also get to bond.Instead they are watching youtube which sometimes may not be productive.Thirdly, lack of a collaborative initiative or
program has lead to the drifting away of this two groups this is because my peers do not have a specific event that brings them together and
with this they do not have the chance of collaboratively working together since such programs are the ones that bring students together
enhancing their collaboration.Finally the attitude of the students themselves contributes to further division between the extended and standard
mathematics students .Due to the different ideologies that the two groups have because of their different mathematical capability it becomes
quite hard for them to get alone well and connect enhancing their relationship and collaboration(see appendix.1.1)
Impacts of the problem- Social - Due to the division of the extended and standard mathematics students, it has created a hindrance between
the two groups and they are unable to collaborate effectively since one group feels superior than the other while their counterparts feel
intimidated by this attitude.Poor collaboration has not only been witnessed in class but also outside classroom since they are unable to get along
well. In order to feel safe they tend to form their own small groups in which all the group members are from the same math class.This leads to
close mindedness among the students and they are unable to get diverse perspectives on the knowledge they have.Furthermore my peers are
unable to grow their social skills which is one of the ATL skills in the IB .Individual -With this ,my peers who are underlooked feel so
discouraged and some of them get depressed since they are unable to approach their counterpart in extended mathematics and get help.This may
end up affecting their mental health and lead to depression which may affect their overall health condition.Academics- Due to lack of
interaction among the students it becomes really hard for them to get diverse perspectives in order to improve their critical thinking, furthermore
the standard mathematics students could really benefit from the extended mathematics students who would collaborate with them to improve
their grades and their counterparts will also get to cement their knowledge by teaching their peers.
Justification of why the problem needs to be solved-Division among this two groups leads to negative impacts to my peers
socially,individually and academic wise and it hinders both personal growth and community growth as the academy.By solving this problem I
shall be enhancing my peers collaboration helping them create connections with there fellow peers and through there interaction they will get to
broaden their perspectives enhancing their cognitive reasoning that will in turn help them be good problem, solvers.Furthermore ,by connecting
my peers in standard and extended mathematics through the use of a blog I will be providing a virtual platform for them to share
tricks,strategies and knowledge and since majority of my peers prefer peer-to-peer learning.They will surely benefit from this platform in that it
will be easy for them to ask their peers questions and get help in good time.It is important to note that when this problem is addressed, it will
become easier for the extended mathematics students to serve as guides due to their advance math knowledge they will get a chance of
supporting their fellow counterparts in standard mathematics and with this it will become easy for them to reinforce what they already know
into the brain additionally they will also be improving their communication skills by solving this problem I shall be bridging the gap between
the extended and standard mathematics classes and they will get to connect and interact virtually the benefits will be shared among the two groups because
the extended mathematics students will be forced to simplify the complex content they learnt in class and they will end up understanding this concepts even
better.On the other hand the standard mathematics students will be challenged to think beyond their current level of knowledge which will inturn help both
 my peers to excel in academics and improve their social and personal lives.
Specify the clients or Audience.-The target audience of my blog are The MYP mathematics students(My peers) who have disconnected because of the
different mathematics courses that they are taking in the MYP with this platform they will be able to collaborate more and connect which will help them get
new learning strategies, from their peers.Additionally the blog will help them get tricks and hacks on how to approach criteria based summative exams and
the e-assessment exams plus get access to real time feedback from their peers whom they will be interacting with via the online
platform (blog)bringing the sense of interconnectedness across space and time since all the P

mathematics students irrespective of the course they are taking will come together virtually and work towards a common goal that being passing their
exams.Scope of the problem- This problem does not only affect my year group but it is common across all year groups in the 009”academy.From a
survey that I did I found out that 62.5% (see appendix.1.2)Of the respondents in MYP 4 find it hard to interact with their fellow counterparts who are taking
extended mathematics.Additionally I did a similar survey for the diploma students and found out that 68.4% of the respondents who are taking mathematics
standard level , (see appendix.1.3) found it hard to interact with the higher level students taking mathematics since they undermine there capability.This
clearly shows that this problem is not only in my year group but across all the year groups in the academy.
ii)Identify and prioritize primary and secondary research needed to develop a solution to the problem.
The table below has the relevant research questions and the justification as to why they are important in helping me develop the solution.The question has
been arranged in order of priority
Research Priority Justification and type of question Type of
Question and Date research/Area of
research

1.What HIGH I want my blog to be interesting to be able to attract more users Area of research
makes a blog to use it. To achieve this, I will need to understand what makes Aesthetics and
interesting Starting some blogs popular as compared to others. This will really help functionality
and which date me since I will be able to use some of the components that the
skills should 23/11/2023 successful bloggers have used to make my blog attractive Type of research
I have in Justification for priority Secondary
order to create Deadline Blog making is an ever evolving field and developers are (websites, blogs)
one 25/11/2023 constantly working on strategies and ways in which they can be Primary - Sending a
able to lure more clients in visiting their cites.By doing research survey to the MYP
For the on what they use to really captivate their clients will truly be of students(My clients)
sub questions help during the planning and creation process of the blog.It is of to also get their
of this this reason that the question has a great significance with high views on this
research priority in my research
question( see
appendix.1.4)

2.What are HIGH This is very crucial information that I will need as background Area of research
the information in knowing the requirement that a developer needs Material and
requirement Starting to have a fully functioning blog. This will enable me to prepare environment
s date the materials prior to the creation process and get a chance to *To tackle this
needed to 26/11/2023 quickly learn the skills which will give me an easier time while question, I will need
create a blog creating the blog. Furthermore, technology keeps on evolving secondary research.
Deadline and there might be new blog building software this increases the I will be able to
For the 29/11/2023 need of doing this research in order to be more updated and achieve this by
sub questions aware of the softwares Justification for priority using the
of this For a successful product a developer should use quality following sources.
research products.By researching on the trending quality softwares and 1.E-books
question (see requirements that are in the market.I will be able to make 2.Books from the
appendix.1.5) informed decisions when deciding the equipments that I will school library
need during my creation

What are process and that is the reason why this research question has a 3.Websites (e.g.
some of the high priorityh geeks for geeks)
outstanding

3. features in HIGH Analyzing the already existing solutions of other developers in Area of research
the existing Starting trying to curb this issue will enable me to ge to understand what Material and
MYP date really worked in their blogs and which strategy did they use in environment
students 30/11/2023 order to enhance positive collaboration and the primary
blogging sites interconnectedness of among my peers.With this, I will be able research I will
to get inspirations on how my blogging site will look like conduct an
For the Deadline Furthermore I will also analyze their weakness and get a chance interview with MR.
sub questions 1/12/202 of improving on what they did not achieve in order to have a Osborn an IT expert
of this 3 quality blogging site that brings my peers together in the academy to
research Justification for priority tell me more about
question (see The priority is high because I will need to have the already blog
appendix.1.6) existing projects in order to kick start my creative thinking skills hosting.
on how I would like my solution to look like For my secondary
research I will
depend mostly on
online
websites and e-books
4. What are MEDIUM Since my main aim is to connect and enhance the collaboration Area of research
the different of both the standard and extended mathematics Functionality
online Starting students.Additionally they will be collaborating online this TYPE OF
activities that date calls upon researching online activities that can keep them RESEARCH
can make 2/12/202 busy as they interact. Justification for priority Secondary research
extended and 3 With the growing number of internet users .Gen Zs(My clients)I (website-books and
standard will need something that is truly fun and engaging and which YouTube)
mathematics Deadline calls upon collaboration from my clients by researching on this Primary research-I
students 5/12/202 different online activities I will be able to integrate it in my blog will conduct surveys
collaborate 3 which in turn will help improve the interaction of my clients by sending out
effectively hence it is a crucial research question towards coming up with google forms to my
For the my blog peers in
sub understanding the
questions(see kind of online
appendix.1.7) activities they take
part in

5.What MEDIUM This is a debatable question since different developers may Area of research
programming have different standpoints on which back-end language is the Safety,Material
languages do safest and in this 21st century, cyber security has become one of I will use both
I need to Starting every software developer's first priorities. Having a strong back Primary research
have a date end will protect my user's credentials creating trust and *Interview with a
strong 8/12/202 confidence between my clients and I am the developer hence computer science
backend of 3 the findings of this research question are crucial to the success student in the
my blog of my diploma And
Deadline blog.Justification for priority-This question will help in Secondary
For the 16/12/202 exploring different back-end languages and evaluating Its research
sub questions 3 effective use In keeping the clients data secure .For this reason *Websites (Geeks
(see by carefully choosing the right language I will reduce the for geeks)
appendix.1.8) chances of my backend being hacked or my clients data to lick *e-books
to the public hence letting my clients interact without worrying *YouTube tech
about their credentials safety. videos.

6. What are MEDIUM I want my blog to be multipurpose meaning that it does not Area of research
some of the only provide learning tricks and hacks to use but also have Material and
online Starting some additional links to external site where they will be able Functionality
sources of date to learn new skills for this reason research on some of the
information 18/12/202 online sources that are credible will help me achieve this Secondary
and 3 intention research
softwares Justification for priority -This is a very crucial aspect more so *Websites
items that I Deadline on the referencing bit.By learning how to ethically use other Primary research
can use to 22/12/202 peoples sources of information and acknowledging them I will conduct focus
enrich the 3 appropriately is an group discussions
content of my important aspect of a designer and since I am not the owner of with my peers and
blog and how knowledge incorporating other sources of information in my get to here from
can I blog I will provide my clients with a rich source of knowledge them on
reference helping
them

For the them become more knowledgeable as they interact online what are some of
sub questions getting varied perspectives.This makes the findings of this the online
(see research question to be important in achieving the learning
appendix.1.9) functionality of the blog resource that they use

7.How do I LOW Ensuring that my client's credentials are safe will help promote SECONDARY
ensure that confidentiality among the users of my site. Learning how to RESEARCH
my client's Starting make my blog safe will truly help me in the Development *Websites
credentials date process more so the backend
are safe 27/12/202 Area of research
For the 3 Material and
sub environment
questions(see Deadline
appendix 2.0) 30/12/202
3

8.Which LOW CSS is a well-known programming language that helps in Area of research
dominant Starting ensuring that a site is well pleasing. I personally do not know Material and
color will my date how to use it and by doing research I will help be able to gain environment
clients prefer 1/01/2024 confident in CSS and be able to manipulate it to meet the I will use
and how will desires of my clients Justification for priority Secondary
I use CSS Deadline Getting to meet the desires of my clients in terms of their Research.
effectively in 16/01/202 aesthetics need requires creativity and a perfect mastery of the 1.Read a Book on
order to 4 CSS language that’s why I aim at conducting further research Color psychology
achieve their on this scripting language which will help me know how to from the school
aesthetics manipulate the color gradient of the dominant color in the library Primary
preferences blogging site.Additionally in order to understand what my research
For the clients want as the dominant color will be crucial since the 2.online surveys to
sub questions color scheme will in turn broaden my creative thinking skills in get and see what
(see appendix terms of color choice. I understand that first impression truly my
2.1) matters to a client, and this will determine whether they will classmates prefer
continue browsing or exit the site. For this reason, I want to 3.Interviews with
also understand the color psychology of my clients to make the Diploma
informed decisions while choosing the color palate. Computer science
students who are
bloggers in my
 school

9. What are LOW Justification for priority Area of research

the Starting This question is of equal importance since I will get the chance (general )
expectations date to hear from my client's perspective concerning their Primary research
will my 18/01/202 expectations on their overall expectations on the blog.This will *online surveys to
clients have 4 help me in adding some aspects that I had not thought of earlier get to see what my
in regards to but by listening to the expectations of my clients I might clients expect
the blogging Deadline consider incorporating it in the blogging site. *Interviews with a
site 25/01/202 sample of both the
For the 4 extended and
sub questions standards students
(see SUMMARY OF MY FINDING and listen to what
appendix. they think
2.2 )

I was able to complete my research and I enjoyed conducting the research more so the primary
research.It prompted me to get out of my comfort zone and look for the answers to my burning
questions.I also added secondary research in order to support my primary research and get a better understanding of the concepts and the actual
behaviors/reactions of my clients on the creation of the blog. Here below is a summary of one of the questions I did research on, Quiz 1 What makes a blog
interesting and which skills should I have in order to create one.In my research, I found out that some of the things that makes a blog to be outstanding
and interesting is the font choice,color choices
and the incorporation of color schemes in the blog.For the font size I found out that it is important to observe an easy to read font to increase the readability
of the blog without necessarily straining the user. (Rev Lab, 2023)The most important of them all is to ensure that the articles posted are engaging and fun
for the clients to feel encouraged to continue browsing.For the skills ,I found out that one should have good writing skills and also should be able to master
the art of engaging the audience.For
the technical bit one should be able to use the front end languages(html,css,javascript) (blue
cactus,2021) For the summary of the entire research check the design brief

ithat solve the same problem

Product 1 ii)Analyzes a range of existing 3 products/services
https://www.mypmaths.com/

MYP Maths blog is a blog created in 2020.It provides teachers with

resources and support for teachers of MYP mathematics.Its primary
goal is to help new teachers in the IB MYP mathematics with tips
about key topics through blog posts and templates for
planning.Furthermore the blog also has additional links that acts like
ASPECT ANALYSIS WEAKNESS STRENGTHS
The site seems to be visually appealing since he color choose does The blog has we
AESTHETI the developer opted for cool color schemes not compile to the shaped icons which
CS such as blue, purple, green and purple. This color wheel because are made possible
draws the viewer close to the site and brings in the through the use of
the cool atmosphere which helps the student to developer has used CSS.Furthermore, the
understand the concepts in the blog. The blog green and purple colorful flashcards
seems to be simple and not dynamic which which are neither attracts the user and
makes it easy for the students to find what they analogous colors or they became easily
are looking for. The social media icon has been contemporary color noticeable in the
placed at the right hand side of the blog and the this does seem to blog.The blog posts
icons have been resized perfectly with CSS. bring a sense of color article are in pdf format
The flash cards have colorful titles that are clashing in the blog T this is an advantage to
bold which makes it easy for a student to the user because unlike
identify it. word document pdfs do
not require to be
downloaded

SIZE The actual blog has only 6 pages which A weakness observed Having few blog pages
decreases its loading speed and makes it faster is that the small becomes an advantage
for the student to browse around. The most number of pages in the backend side
significant page being the all blog posts page forces the since the requests that
where all the blogs can be found developer to squeeze are made to the server
some components are few
such as the videos in reducing the loading
the time hence increasing
homepage.Which the
compromises itsbeauty productivity of the user

ENVIRO The website runs in any web browser provided Running canon a web The strength of
NMENT that the student has access to the internet and browser be a using a web
has a search engine limiting factor since browser is that
its only dependent everyone from which
on the internet ever part of the globe
while offline it can can be able to access it
not be accessed through the world wide
web
provided they have
internet connection
 resources for teachers
SAFETY The website has no explicit content or images The site has a login
that may be deemed inappropriate to the form for members to
students. The site is safe and does not log in and browse the
encourage online bullying since the posts are cite using their own
academic related to be specific accounts giving them
they are mathematics based posts the liberty of
commenting
on the posts this helps
to ensure that there is
no identity forgery

FUNCTIO Its primary function of the blog is to help new The blog is only of The blog creatively
N teachers in the IB MYP mathematics with tips help to the teachers and perfectly
about key topics through blog posts and and has minimal help provides the teachers
templates for planning.Furthermore the blog to the with the key insights
also has student on what as

additional links that acts like resources teachers is expected

for teachers of them as they
teach the subject

MATERIAL The website seems to be created using basic The developer has By using wix it
programming languages such as CSS, HTML used wix as the becomes easy for the
and JavaScript but the developer heavily material of creating developer to create the
depended on HTML and CSS since they have the blog this is a blog and deploy it
dominated the website. JavaScript has been limitation since when since he or she does not
used in the Messaging box to help the student the blog crashes or have to handle the
in case they have a query.It is also important to fails to respond the backend side of the
note that the website was not created from developer can not be blog saving him time
scratch since it was created by wix website able to asses the of
maker problem directly creating the site.
because he or she does
not have the actual
codes of the cite

Inspiration The website is simple and easy to navigate due to the well-placed navigation bars on top of the website
which makes it easy for the user to spot and navigate the site. Furthermore, the choice of color of the
website is just amazing by opting for cool colors as the dominant color it gives it a calm atmosphere that
enables the students to be calm and even understand the content inside the blog articles.This is one of the
outstanding aspect from this blog that I will corporate in my final product.The file type that the blog posts
uses is PDF format which I think I will also incorporate in my final design so that the users of my cite will
not have to download the article before reading it .This will help them save up on space that they could
otherwise use to download the files.The website has a texting bot made using JavaScript which is used
with users who want to directly contact the blog team and since the cite seemed a bit flat I am planning of
using JavaScript in my design so as to be able to make it seem more thrilling since my target audience are
teenagers and furthermore they are GenZs who prefer popping content and dynamics web pages

Product 2
https://blogs.ibo.org/
The IB community blog provides useful resources and shared experiences for
the teachers teaching the IB curriculum it has useful resources and provides a
platform for the teachers to share their experience.The blog provides
networking opportunities for the teachers to come together and share
resources with a common goal of enriching the teachers with knowledge on
how to deliver knowledge to an IB student.The blog also has other resourceful
articles that even students might use such as emotional interlligence which
cuts across both students and teachers

ASPECT ANALYSIS WEAKNESS STRENGTH

AESTHETICS The site has well placed images with high The top writings are The navigation bars of
resolution which helps the users to not visible due to the the cite makes it easy
understand the concepts in the blog plus It use of colored fonts to
makes the blog look lively. The website has that seems to be navigate through cite.
white as the dominant color and blue as the blurry and this makes The cite also has videos
subordinate color which is the color scheme the viewer to struggle which makes it easy for
of IB. This not only makes the website look to read them my the visual learners to get
more beautiful but also it brings in the sense the concepts right .The
of the IB community among the users. The website has also
website also has a well-placed hamburger incorporated high
menu on the right side of the website which resolution pictures which
enhances the navigation of the cite.The makes it more attractive
images used are relevant to the content being and easy to
discussed and they see.Furthermore the
color gradient of white
together with shades of

have a high resolution which makes blue makes it be

them visible from afar appealing to the user
SIZE The cite has 9 pages with different So many pages in The many pages allow
functionality which is based on the different the cite prompts the the developer to spread
courses that IB offered.Furthermore the cite clients to send so the content with
also has links to other sources many enough
requests to the server negative space
which leads to traffic enhancing
overloads and slows understanding
the services

ENVIRONME The website runs in any web browser Running on a web The strength of using a
NT provided that the User has access to the browser can be a web browser is that
internet and has a search engine. limiting factor since everyone from which
its only dependent ever part of the globe can
on the internet be able to access it
while offline it can through the world wide
not be accessed web provided they have
internet connection

SAFETY The site is safe since it does not have any The cite does not By being open so many
explicit content or malicious code. The site is require log in people can be able to
safe for both the students and teachers since credentials to access access the blog even if
it is open, and one is not required to have it meaning it is they are not part of the
credentials to access it. This means that the accessible to all to IB community which
site does not have identity theft. even hackers. promotes idea
sharing

FUNCTION The function of the blog is to help both the The blog does not The blog can be accessed
students and teachers who want to be uhave a comment in three languages that is
successful in the IB. It aims at making both section English,Spanish and
the students and teachers to be comfortable where the reader French this helps to
in the IB curriculum can leave their reduce the language
thoughts barrier across space and
after reading the articles time

MATERIAL The website has been made using HTML and There is not By incorporating
CSS with integration of javascript for considerable Javascript the blog
dynamic and interactive content. weakness on the becomes dynamic and
material used thrilling for the user to
interact with

Inspiration The questions section of the site makes it easy for the users with queries to address them and get answers. I
will also use this in my site but through the use of JavaScript I will create a section with a bot which gives
instant answers. The hamburger menu of the site makes it easy for different pages to be accessed easily. I
will also incorporate the hamburger menu on my blog to make my pages easily accessible. This is after
witnessing its usefulness while still using the site it made my navigation easy.In order not to have a flat
website I will incorporate JavaScript codes to make my site more dynamic and fun for the users. This is
after seeing how dynamic and interactive the content of the blog is.The blog has also inspired me to use
videos and high resolution pictures which enhances understanding of the concepts to the user of the
cite.Since the blog can be accessed in three different languages this provides a solution to language
barriers and helps the blog be accessible across space and time

Product 3
https://www.ibscholars.com/blog/

The blog offers articles on various subject in the IB curriculum such as

Mathematics,Physics,Chemistry and Biology.It is also of helps students more so
during exam preparation period with study techniques and exam preparation
techniques to ensure that they achieve their full potential and meet their academic
goals
ANALYSIS
ASPECT WEAKNESS STRENGTH

AESTHETIC The website just like the other blog has The use of red on the The cite is
S white as the dominant color and blue as the logo makes it contrast outstanding since its
subordinate color. The developer has used with the background bot is powered by
Red which is a warm color on the logo of color since red is more or ruby and it is able to
the blog to enhance the visibility of the logo less of a shouting color have a one on one
and make it visually attractive. Furthermore, conversation with the
the use of pictures to enhance understanding user.Futhermore the
at the same time increasing the aesthetic color choice of the
appeal of the blog.The bot in the home page blog is
provides a good experience for the users superb
who interact with it by answering some
questions related to the blog
SIZE The blog has several articles and 13 pages. The too many pages The different pages
The different pages have been placed in the somehow causes the cite provides diverse
dotted hamburger menu on the top right to have an increase information and
corner of the blog which simplifies the loading time since the content to the user of
navigation of the different pages since they cite has to send several the
are all in one place it is a matter of just requests to the server blog.Plus despite the
pressing the one you prefer. before it fully loads pages being many
they have perfectly
been
placed in the
hamburger menu
easing the
navigation process

ENVIRO The website runs in any web browser Running on a web The strength of
MENT provided that the User has access to the browser can be a using a web browser
internet and has a search engine. limiting factor since its is that
only dependent on the everyone from which
internet while offline it ever part of the globe
can not be accessed can be able to access it
through the world wide
web
provided they have
internet connection

SAFETY The cite has not explicit content or images The site does not require The cite does not
and it’s safe for students to use furthermore login credentials to access require any personal
it does not require any login details it meaning it is accessible information from the
to all to even user in order for them
hackers.Futhermore to use the service
anyone can comment on this is good because
the blog articles and there there is no risks of the
is no proper mechanism data liking and getting
that is put in place to help to the wrong hands of
prevent online bullying cyber criminals

FUNC The function of the blog site is to provide The blog does not seem to The blog performs its
TION advice to the IB Diploma students who want receive frequent updates purpose well by
to learn how to manage the rigorous IB from the developer since providing useful
diploma journey. It provides the students right now we are in 2024 information to the
with tricks and hacks furthermore it has and the last time it was students who want
testimonies from post IB DP graduates on updated was 2021 study tricks and hacks
how they passed their A levels exam. in order to pass in their
exams

MATE The blog has been made using HTML, CSS There is not The language used on
RIAL as the front-end languages and Ruby for the considerable the backend side is
backend. More so the chat bot which is fully weakness on the ruby
powered by Ruby material which is a very
strong language

Inspiration “The Blog has inspired me to include videos to my blog to enhance understanding of the concepts, because
this is what was missing in the blog. Furthermore, the white dominant color brings a calm atmosphere to
the users and by using the same in my blog will help my clients feel peaceful as they scroll down the site.
Furthermore, the incorporation of a chat bot in my blog will help in the navigation process helping clients
who seemed to

stack.I will also use white as my dominant color because I have experienced a calm mental atmosphere
as I navigated through the blog.I have been inspired to include a comment section on my blog in order to
allow the users to air out their views and provide their feedback on what is good and what needs to be
improve on the cite

iv)Develop a detailed design brief – This includes a project overview, objectives and description of the whole journey. Provide a summary/conclusion of
the analysis of relevant research done above.

From the research that I conducted ,I found out that 62.5% (see appendix.1.2)of my
respondents really struggle to connect and interact with their counterparts who take a
different mathematics level from them.This then creates a gap in between this two groups because they seem not to come to a common
agreement.After analyzing the interview
responses that I got from a sample of the MYP 5 mathematics students.From the interview, the first interviewer who does standard
mathematics(see appendix 2.5a)admitted that he is unable to connect and interact with the extended mathematics students because he feels that
they are more advanced than them and that there fear that their views will not be taken into consideration which makes him reluctant to connect
with an extended student.On the other hand, from a similar interview with an extended mathematics student( see appendix 2.5)She admitted that
she does not feel like connecting with her standard mathematics counterpart because she loves being challenged and she assumes that interacting with a
standard mathematics student will make her seem more advance and it would not challenge her and she likes being challenged and that is why she also finds
it had to connect with her standard mathematics counterpart.From the
interviews that I carried out( see appendix 2.5)I hence concluded that the extended and standard mathematics students are separated due to their different
ideologies and due to lack of a common activity that brings them together to remind them that despite of having different mathematics courses they are still
classmates and no one is more advanced than the other I know this is a big problem because due to the division of the extended and standard mathematics
students, it has created a
hindrance between the two groups and they are unable to collaborate effectively since one group feels superior than the other while their counterparts
feel intimidated by this attitude, this was
mentioned from the interviews that I conducted.With this, it becomes really hard for the two groups to connect and interact.Which is very risky because
from further research I found out that Student student interaction is very crucial in the success of a class overall grade(narst.org, 2018) this is because it
enhances social and emotional support and students can connect to a personal level and help there classamates to understand the concepts.Furthermore a
class where students connect and interact tend to improve there problem solving skills because there are exposed to different
perspectives.From a google survey that I sent to my year group, I found out that 72.2%(See appendix 2.3)of my respondents rated there student-student
interaction in mathematics as being poor.This problem impacts my peers who have been able to disconnect and lately they have been having minimal
interactions with each other.Due to the fact of being separated and taking their mathematics lessons in different classes based on their interests in the field of
mathematics.From the research that I conducted especially the interviews( see appendix 2.5) I found out that this separation is only brought about by the
preconceived notions that this two groups have on each other and failure to have a common engaging activity.Other products that have tried to help tackle
this problem include ib scholars blog which is a blogging site for IB DP graduates who post and share about their challenges and how they overcome them
as they were still IB students this provides helpful information to the current diploma students, The second product is IB blogs which provides a sense of
belonging to the entire IB
community by uploading useful articles to both the students and the teachers. The third product is MYPMaths blog Which is a blogging cite for MYP
students who want to learn how to hack their summative assessment what is common in all this blogs is the fact of bringing different groups of
people together connecting them and sharing with them a common topic that makes them feel part of the group hence enhancing their communication and
interconnecting them. The things that worked with those products were that they had perfect color schemes which matched with the IB colors.
Furthermore, they did not require one to log in so as to be able to access the content one only requires direct access to the internet. The blog posts and articles
were being updated in good time providing the clients with real time information. The things that did not work with this product were
that for one to comment and follow up on their posts they needed to have accounts prompting them to sign up. The site did not have cookies that could have
collected the data of articles that the clients had accessed so as to suggest articles for them and make the blogging experience superb and easy to navigate.
After collecting preferences of the product that my clients would quickly access and interact I found out that 62.5 % of my respondents (See appendix 2.4 )
preferred an online platform since they can easy access it.For that reason I decided that My product will be a blogging site that is designed specifically for
the MYP mathematics students(my peers) Who have disconnected, from research I found out that Genz’s are mostly accessible via the internet and they are
most likely to interact virtually rather than physically. (Vogels et al., 2022) My product will enhance my peers connection and interconnectedness prompting
them to be better communicators as they collaborate virtually in the blog as they engage in games from quizizz and kahoot and also in discussions
My product will be created using Visual studio code as the Integrated development environment this is after doing research and finding out that Visual
studio is the most widely used IDV and it it preferred by many developers due to the fact that it is easy to navigate through(softermii, 2019) I will use
Python and Ruby at the back end after being inspired by the third product that I analyzed. For the front-end I will use HTML, CSS ,and JavaScript which
I found out from the already existing products that they were the commonly used front end languages My web app will be a simple blogging cite .It will
have Easy to access navigation links this is after doing benchmarking on top website such as CNN and BBC and seeing how simple their menu section
are.For that reason, I will need to make the websites links to be in a hamburger menu so as to make my blog more organized and the links will easily be
accessible. My product will be better than existing products because it will prompt my clients to accept cookies which will be able to help my site to
remember the user and enhance their blogging experience. This is after doing secondary research on most of the well-known websites and online shopping
services such as Amazon and noticed that they also have cookies so that it may become easier for them to recommend stuff based on the user's preferences
(Amazon, 2023). I will integrate this to be able to suggest articles to my users based on their previous search history. The impact my product will have is
that it will help my peers interact virtually and eventually improve their interactions.With the online games and the articles present in the blog, my peers will
be able to gain new insights on the topic of discussion and the online games will enhance a positive competition attitude amongst themselves.Furthermore, by
planning to add a follow and collaborate page it will help my peers engage at a personal level and even organize physical group discussions ones in a
while.This will enhance their collaboration skills and help them adapt to this technological era of connecting and interacting virtually.With improved
interactions between the two groups it will lead to good performance between the two groups
My project overview -From my research I found that lucid chart is one of the most used online collaborative sketcher It is widely used due to its easy to
use user interface and and its tools such as UI containers(Lucid chart, 2018) for this reason I plan to use this software during my idea development process
where I will create 3 sketches after which I will conduct a prototype testing to seek feedback from my target audience on which is the best design to
incorporate in my final design.After the creation of my final product I will use various testing methods to see if it truly functions as intended.The testing
methods that I plan to use are Beta testing ,Compatibility testing ,security testing ,Performance testing,usability testing and finally having an expert
appraisal to crown the testing stage after which I will make improvements and finally deploy my product online for it to be used by my audience.Link to
the . Global context: Orientation in space and time The global context of this unit is orientation in space and time which basically implies where and
when. My Product links to the global context in that the blog aims to connect Gen z in the 21st century who prefer to interact virtually and who are drawn to
using technological devices quite often.This is unlike in the past early 1980s when people could easily interact and interconnect. Addressing one of the
debatable questions, we are connected now more than ever. Personally I feel like technology to some extent has separated us physically but connected us
even more. Link of the design brief with the statement of inquiry: The statement of inquiry of this unit being Design can impact interactions is
connected to my design brief in that my product will be impacting interactions because my peers from different mathematics classes and capabilities from
different parts of the globe taking the IB will now be able to communicate and interact in a platform accessible by anyone
this will impact interactions since students will be able to meet virtually and share their ideas in a platform in which all of them are equal and everyone's
perspectives and inputs are respected.Through the integration of online games and activities, my peers will interact and connect by engaging In constructive
discussions in mathematics and through the follow and collaborate section they will be able to follow each other and collaborate improving the relationship
between the two mathematics group(Standard and Extended mathematics)
CRITERION B: DEVELOPING IDEAS
i)Develop design specifications, which clearly states the success criteria for the design of a solution.

The table below contains the specification that I will be using in the creation of my blog.The
specifications are based on the concluded research.The table has been divided into 4 parts for easier synthesis of the success criteria

GITHUB analyzing the performance

This being a social media platform for
As Constraints,r How to Potential impact to my clients
coders I might get some ideas that I had not
pe equirements, meet /test
thought of earlier by publishing the
ct and for
partially completed blog on the site and
justification specificati
getting feedback.Internet traffic-My blog
on
will use organic internet traffic in that
when a client searches for my product or
services they are able to quickly assess the
services.
Ae 1.Color 1.0) 1.1)By using blue and white as the blog
sth This site will This will be main color this will simulate the IB colors
eti be made tested which would make the blog to break any
cs appealing to through kind of racial
the audience product discrimination and
by testing by different ideologies
incorporating sending out because they shall be interacting as IB
the well a survey to students with a common identity and a
known IB the MYP similar purpose of excelling in
colors that mathematic mathematics and the overall curriculum
being blue s students in
and white my school
.This is after and getting
conducting a to hear
secondary from them 1.2)Having easy to read and visible fonts
research on on will lure more users into using my blog
color whether since they would not have to struggle
psychology my design while reading the information.It will also
and finding prototype reduce eye problems from my peers since
out that has taken they will not struggle to read.
using into
organization account
colors brings this
a sense of specificati
1.3)A perfect layout of the blog will bring
identity and on.Further
a sense of Organisation on my site
heritage more I
bringing calmness to the user as they
among will also
navigate
members of do a self
through their learning
the review
organization and
which may evaluate
inactivate a my
sense of website
commonality based on
and the
belonging specificatio
when they n by
browse the measuring
blog (Ciotti it against
2020) the design
The rubric
background
color or the 1.2)
dominant To test for
color of the this
blog will be specificatio
white this is n
after getting performanc
my inspiration e testing
from existing will be used
products that I .I will
analyzed and select 10 of
conducting a my design
primary classmates
research (see and make
appendix 2.6) them stand
where at different
majority of distances
my clients trying to
prefer white read the
over light information
blue.This is at the
because, website
White brings .This will
a sense of enable me
peace and to see
calmness in whether the
the mind use of the
which will be Roboto font
crucial when 16 was a
my target success for
audience will easier
be exchanging visibility
Ideas and of the
learning new website
concepts from
the posted 1.3) In
articles.The order to
buttons and test for
the this
hamburger specifica
menu will be tion, I
blue will use
dominated expert
making them appraisal
stand out from by
the conducting
background an
color interview
white.This with
color scheme MR.Osborn
will apply to the IT
all the pages. assistant in
1.2,Font-Af my school
ter carefully and inquire
evaluating from him
the on a scale
legibility,scal of 1-5
ability and whether the
readability of
my font
across
multiple
devices I
went for
Roboto font,
and I will be
using 16 as
my font size
this is after
conducting
research of
what
majority of
my clients
prefer while
using a
website.And
from the
survey I
found out
that roboto
was the
widely
accepted one
by my
clients. (see
appendix 2.7)
1.3, Spacing
and layout
From my
secondary
research I
found out
that ,In order
to create
emphasis on
my blog I
will have to
use the
white
spacing
technique
which will
help in
Isolating the
content
columns and
provide
greater
synthesis of
the content
(Soegaard,
2020).Import
ant elements
and content
will be
surrounded
with ample
white space
which will
make them
more
visually
prominent.T
his is after
using doing a
primary
research and
I found out
 that my
clients
preferred
content that
is not
squeezed and
has some
breathing
space.(See
appendix
2.8).I opt to

use negative spac 1.4)

spacing in my ing Clear
entire blog to and images
increase the layo will
readability and ut create
reducing the was better
cognitive achi underst
load.This will eved anding
make the user and to the
interface more if it users
friendly and easy serv most
to scan for es especia
content and the lly to
navigation bars purp my
(Smith, 2016) 1.4) ose peers
Image resolution well who
The image format are
that I will be using 1.4)In visual
is JPEG since I order learner
will be using to test s since
complex images for this they
with color specifi would
gradient.I choose cation not
JPEG over PNG field have to
and GIF because I tests struggl
will not be dealing will be e
with screenshots used .I figuri
and animated will ng
graphics but use out
rather Ideal images print what
with color gradient for fun the
and this can only which pictur
be supported by is a e
JPEG (Adobe image contai
,2020)My images resoluti ns
will not be on
compressed tester
because I want and it
clearly and easy to will
see websites this is enable
after doing me to
research and judge
finding out that on
website with clear whethe
images increases r I have
its aesthetics and used
lures more JPEG
customers in using as the
the site and also image
after doing format
primary research I and its
found out color
majority of my gradi
target audience ent
preferred clear
images (see
appendix 2.9)

C 1.1 Clients The Findi

u The blog that I am webs ng
s making is for the ite out
t MYP mathematics will what
o students taking the have my
m IB curriculum(my cooki cli
e peers).Who are es ent
r disconnected and that s
are unable to will pre
interact and be fer
collaborate .This used wil
site will enable my to l
peers who take colle be
 mathematics ct the be
lessons in different client nef
classes be able to s data ici
interact virtually and al
enhancing their prefe in
connection and rence recom
build positive s, mendi
relations between enhan ng
them .The site cing article
does not have an the s to
age limitation websit them
since I understand e’s which
that knowledge functio enhanc
should not be nality es the
restricted to a to suit produc
particular age the tivity
group. specifi of the
c cite
client.I .Additi
n onally
order the
to test cookie
for s will
this help
specifi me in
cation recom
I will mendin
carry g the
out kind of
authen online
tic games
tests that
they
can be
able to
interact
virtuall
y on
with
their
peers.

C 1.1)Loading 1.1)I Havin

o time will ga
s I opt for my blog test the fast
t to be fast and easy speed respo
for one to access and nding
and in order to loading blog
achieve that I will time of is
reduce the number my crucia
of external scripts Blog l to
so as to prevent By the
the multiple https using produc
request that my Web tivity
blog will have to speed of my
make to the server testers clients
in order to open such as ,the
up, this will reduce Ping faster
loading time and dom. the
also reduce the com blog
cost of buying to get respo
bundles or wifi in and nds
order for the cite see the
to load (Raygun, how more
2019) fast prod
1.2)Internet or ucti
charges slow ve
In order for the my they
clients to access websi get
the website they te and
need to have loads. the
access to the 1.2)I mor
internet that is will e
either wifi or test for user
mobile data this by s the
1.3)Monetary carryin cite
charges for g out a attra
users field cts
My site will be test by
free for all the sendin Havin
users provided that g the g no
they all have link to intern
access to the world my et
wide web.This is peers charg
because I want and es
 majority if nI will collect and
test this through ing mone
self-evaluation their tary
In order to test for feedba charg
the traffic of the ck on es
blog I will use whethe will
google cloud r they remo
counsel which had to ve
will help me inot pay for the
all of my peers to the site socia
effectively 1.3)I l
collaborate will econ
test omic
this barri
throug er
h self betw
evalua een
tion my
and peers
get to and
see if I help
have them
placed intera
mone ct
tary and
charg conn
es ect
witho
ut
worri
ng
about
payin
g
mone
y

E Virtual Creat
n environment ing
v For the entire my
i project I will be blog
r using Visual studio in a
o code which is a qualit
n Virtual y
m environment with envir
e a lot of features onme
n such as the live nt
t server,javascript will
and python truly
extension be
furthermore it has benef
a bug detector that icial
helps to see where In
exactly in the code getting
there is a bug and a
a faster loading quality
time in terms of produc
running codes. t that
(Turing, 2020) will
work
best
for my
clients
of my website

Size Gadget compatibility I will test this Through the inspecting option on the MacBook to check how the site will look like This will
My site will be responsive in that It is able in multiple devices enable my
to resize and fit the gadget size that the peers to be
client is using.This is after doing a For the number of pages I will do that through self review by counting the number of pages I able to use the
primary research(see appendix 3.0)and would have and the ones I application
finding that my mathematics classmates all intended to have this will help me in determining whether the specification was meet regardless of
use different phones while at home and the screen size
since I want my site to be global I would they have
like it to be accessible by all irregardless which will
of the phone size that they are using. further enhance
Pages of the Blog flexibility and
Since I am building a simple blog It will enable them to
have a maximum of 8 pages this is just to connect
ensure that it does few requests to the server effectively
and it is manageable in terms of
services,updates and
maintainers.Furthermore from the research
that I did I found out that majority of my
clients prefer 6-10 pages (see appendix 3.1)
 Safety Data safety I will test this by checking the domain of my website and where it reflects to Safety will lead
The data of the clients will be kept safe in my clients in
the netlify database which is a trusted web In addition to that I will use the two factor having
host server that developers use when authentication using confidence and
hosting their blogs. javascript that will send a random code to the owner of the account just to trust in my
Login and two factor authentication will be prevent account forgery and identity theft .p application and
a part of my blog fostering security but this not worry about
one will only apply to those who want to their credentials
become community members and while
follow up on posts and comments.Meaning interacting
one can freely access the articles and read virtually.
but if they really want to comment and I do not just
follow up on comments they have to log in want to bring
with their accounts so as to comment this people together
is just one of the measurers I have placed in to share
order to ensure that there is no Identity mathematical
forgery and also for accountability purposes ideas but also
when my peers makes a racist comment it be able to
will be easy to track them down and freeze interact
their accounts respectively
despite their
race or color
and by
ensuring that
each and
every
commentator
has an
account it can
be easy to
track who is
cyber
bullying the rest
.

Function The function of my blog will be to help I will test this by I would like
mathematics students excel in the subject conducting a survey and getting to hear different perspectives of my peers on whether the my clients to
by connecting them to their peers in poster improve there
different classes taking different Will be beneficial to the pollution and whether there will be reduction of pollution. relationships
mathematical courses (extended and positively by
standard mathematics).This will enhance bringing the
connectivity among the the students extended and
creating connections and enhancing standard
collaboration and sharing of tricks and mathematics
hacks of how to easily ease their ,improving their
examinations.This will foster positive connectivity and
connections between my peers and help interaction
the adapt to the technological virtually .
advancement by connecting them
virtually.The site will also act as a
platform for the student to ask questions
and get help from peers

Material Coding language I will test this by My clients will get to

For the entire blog to work I will need multiple Conducting an expert have the best product if
languages ,HTML,CSS and Javascript for the front appraisal from the head I use the best materials
end and for the backend I will require Python to aid of ICT in the academy hence providing quality
in authentication and authorisation of the clients log to see whether I made services
in credentials.I will also use wifi and a Macbook as the website with the
my required hardwares right materials as I had
intended to do.

In order to test for this specifications and see wheather the sucess criteria has been met I come up
with a rubric ranging from 1-5 so as to be able to help me analysis my solution against the design
Specification.Here is a sample of the rubric for the entire rubric (see appendix 3.2)
GRADE 1 2 3 4 5

Aesthetics The blog does The blog does The blog does The blog uses The blog perfectly
not use shades not use shades not use shades shades of blue and uses shades of
of blue and of blue and of blue and white blue and white
white ,the white ,the white ,the though not as it ,the
the background the background background was intended,the background color is
color is not color is not color is White. background color pure white ,the blog
White. The blog White. The blog The blog has is pure white.The uses roboto font 16
has no white has no white minimal white blog has white as the font
space that space that space that space that size.The blog has
isolates the isolates the isolates the isolates the enough white
content making content making content.Some content space that isolates
the the images are well providing the content
understanding understanding clear and are understanding perfectly
hard .Images are hard .Some of JPEG .Nearly all images enhancing great
not images are clear format. are clear and are of synthesis of the
 clear and are not and not all of JPEG content. All the
of JPEG format them are of format. images are clear
JPEG format and are of JPEG
format

Customer The blog posts The blog posts The blog The blog posts The blog posts
posted do not posted do not posts posted posted are for the posted are
contain any contain any speak MYP specifically for the
content for content for about mathematics extended
mathematics mathematics mathematics students in regards mathematics
provided by the provided by the in to the latest subject students in regards
IB. The cite has IB. The cite has general.The syllabus to
restrictions and some restrictions cite has some provided by the the latest subject
not everyone and not restrictions and IB.The site has syllabus provided
can visit it everyone can not everyone no age by the IB.The cite
visit it can visit it limitation and has no age
anyone can visit limitation and
it anyone can visit it

Cost The blog is The blog is The blog is The blog is fast The blog is
extremely slow slower and the slow and the and easy to extremely fast and
and the pages are pages are not pages are not access easy to access
not responding as responding as responding meaning the meaning the pages
they should ,the they should ,the quickly as they pages are are responding
site is not free site is not free should ,the site responding quickly in
and charges and is free and quickly in addition addition to that the
money charges money does not to that the site is site is free and does
charge any free and does not not charge any
monetary value charge any monetary value
monetary value

Environment The project is The project is not The project is The project is The project is
not built using built using Visual partially built built using fully built using
Visual studio studio code using Visual Visual studio Visual
code and together with studio code code together studio code
does not use Github and the together with with Github and together with
github and the blog does not Github and the blog has Github and the
blog does not have organic the blog do organic internet blog has organic
have organic internet not.... traffic from the internet traffic
internet traffic traffic examination
council

ii)develop a range of feasible design ideas which can be correctly interpreted by others MATHS BLOG IDEA 1

I plan of having the

trending blog article
on the very top of the
blog will enable the
students scrolling the
blog to be updated.
The chatting bot while
be placed at this point
in Order to help in
navigation when the
user is stack
The picture on this
cite will be of the
JPEG format.
I am planning to have a profile section on top of the blog for easy reach if a
subscribed user wants to review their profile and do some updates.
The navigation bars will be at the top where they can easily be seen, and the user
can click. This is where all the posts can be accessed and easen the

HOME PAGE navigation process.

The blog plans on If a user wants to subscribe for them to be notified One’s a new blog article has
using brown on the been posted and if they want to comment on the
blogs and a mixture of
blog, they will have to have an account to do so meaning they will have to sign up.
blue and purple
shades.
The just to be sure that he is the
comment section will not be actual
accessible by all due to commentor
protection of identity The user Here below are the actual blog pages. When the user
will have to login or create the account clicks on the all-blog posts button he will be directed to
 navigation links will be in one place. social media platforms this will be a good strategy to
Incase the user feels stack they can
increase the followers of the blog.
turn to the bot for help the bot will
be made using python and it will be
specifically at answering queries
regarding the
navigation process.
MATHS BLOG IDEA 2

THE HOME

this page where all the blog posts will be placed with
enough spacing to avoid congestion and cause confusion
while reading the articles. The page will also have a
comment section where the user can be able to
comment and share their views.

OTHER PAGES
For those who have an account to my blog they will OTHER PAGES
click on the profile button, and this will take them to
this page where they will be able to even update their PAGE The blog's
information. design is dynamic
and visually
The log in and signup page will be directed from the engaging. The
comment section, and they will find other option to inclusion of The search option will be at the top to enable the user to
continue as a guest or even to sign up interactive elements,
such as sliders, search for a specific blog article easily, but this will
The above page will have a short video on the aim and carousels, and only be beneficial to the user who knows the blog title
embedded
vision of the website. They will also get customers
multimedia, adds or had initially read it. I am planning to use blue
reviews about their experiences on this page.
depth and
together with its shades and purple to bring out an
interactivity to the
reading experience aesthetically pleasing blog furthermore it will
which makes it to
be outstanding contribute to the calm atmosphere of the blog since it is
IDEA 2
I am planning to place the logo on top of the blog just a cool color.
to bring a sense of identity to my blog.
The hamburger menu will ease the
navigation process of the blog because all the The footer will have a follow us icons below to famous
3
A phone view of 12 4
the blog this is
because I plan on
having a responsive blog that can fit in any screen size

1.The above page will be for the bot when the user needs further help in the navigation process.The chatting bot will
1
be powered with python and this will help it in giving quick responses
2
2.The blog post page will have a lot of white space which will help in absorbing the content since they will not be bunched up.The page will also have a comment
section where the user will be given a chance to comment but with his or her own authentic account this is to prevent Identity forgery.
3
3.The next page is the account section where the user will be able to either log in to there account or be able to sign up and an account which will enable them be able
to comment and follow up on other peoples comment 4.The last page is the about page which will briefly explain what the blog does and when the user scrolls down
 the
4
page he or she will now meet footer of the blog.

I am planning to place the logo on top of the blog just

to bring a sense of
identity to
my blog and to create a The profile will just be visible on the first page and if
long lasting impression. The bot will be placed on the one does not have an account the profile will still read
left hand side of the but with no data inside.The trending article will always
blog and it will be be at the very top of the page so as to update the user
powered by Javascript on the most trending topic and they will be prompted to
MATHS BLOG IDEA 3 read.
The footer will be at the very end of the blog and it will
be mainly on the blue background
THE HOME PAGE

From the home page below are the possible links that the user might click.The Curiosity center will be where the user discover cool mathematics facts and also gets to
ask any question which will be answered by a fellow student.This will
encourage collaboration. OTHER PAGE Sblog's design is dynamic and visually what the blog does and in addition to that It will have
engaging. The some of the customers review on how my product
The blog inclusion of would have helped them in passing their exams and
will also interactive elements, such as sliders,
provide the carousels, and
students embedded
With multimedia, adds depth and
mathematics interactivity to the reading experience which makes it to be
revision outstanding
material
that they
will use in The provide feedback button will be at the footer of the
practicing blog after scrolling all through the blogs.The user will
their skills be able to give there
feedback which will help in improving the services
provided.
The services page will contain a short video describing
All posts will have there humble login and sign up page where if they can quickly log in if they have an account or
negative space in which the user sign up if they no not have.Alternatively they can choose to continue as a guest
will be free to choose on the one user but this will limit them since they will not be able to comment on the posts
that he or she is interested in it.At also collaborating with other students from different walks of life
the end of the article there shall be
a comment section and for one to
comment they will have to have an
account this will direct them to the
Strand 3:Present the chosen design and justifies fully and critically its selection with detailed
reference to the design specifications

The tables below contains the scores that the three ideas achieved in relations to the Success Criterias furthermore,
the scores have been justified.The analysis below will help me in choosing the final idea
Justification
IDEA 1
Success Score 1\
criteria

Aesthetics 2/5 The Blog idea seems to have incorporated the IB colors that being blue and white as stated in
the design specification .By using white for the background color it shows its adherence to the
design specification.Even though the color choice of the website has been meet ,it is not
consistent throughout the blog and we are also having orange on the blog post which seems to
be shouting and off the color scheme.There is poor utilization of the white space creating
confusion on the content as per the design specification.The design uses a completely different
font size (times new roman) Which contradicts with the specification .The design plans to use
the JPEG image format for its sites images, which is in line with the design specification
making it to meet what was in the specification.The negative spacing of the components helps
in making the blog more organized and easy to scan for something

Customer 5/5 The site has has Extended Maths content and the customer of the cite is definite that the blog
was meant for the extended mathematics students.though it does not have any age restrictions
it is open to anyone who is interested in Extended mathematics

Cost 5/5 The blog is totally free and does not require any money ,provided that one has direct access to
the internet they can visit the site anytime without any limitations

Environment 3/5 The blog has shown some aspect of both HTMl,CSS and Javascript more so the chatting
bot section

Size 1/5 The blog has a total of 5 pages which is below what the specification requires that being 8 pages
Safety 3/5 The blog is safe in that for one to follow up on a comment they need to have signed up.This so
as to avoid Identity theft and also uphold accountability in case of cyber bullying,However it
does not fully meet the criteria because it does not have measures of preventing cyber bullying

Material 3/5 The design seems to have used basic web programming languages such as HTML and CSS . it
failed to integrate Javascript which is a powerful language as per the specifications .
Furthermore it has used code pen in its development Which is a browser based environment and
might get affected by external factors such as the DOS(Denial of service attack) on the web app
slowing down its functionality.This is contrary to the design specification of using visual studio
code and Github

General Total I received several feedback of the design idea both through interviews and surveys specifically
peer score involving my target audience as much as possible.From my survey I found out that (see
feedback 22/35 appendix 3.3)my clients were happy with the content layout and the integration of a chatting
on the bot to help in the navigation however they did not like the general color scheme of the blog
entire
Idea

Success Score Justification

IDEA TWO
criteria

Aesthetics 4/5 The blog makes good use of pictures to enhance understanding of the content.The color schemes
match perfectly with the descriptions as white is the dominant color whereas blue is the
subordinate color.This is evident in the blogs buttons and even pictures.The blog also has
adequate white spacing that makes the content easily understood since it is not bunched up in one
place.The hamburger menu at the top contributes to the overall tidiness of the blog since
everything is in one place under the menu . Furthermore the blog has a chat bot to help in the
navigation and in answering some of the frequently asked questions from the client's.Overall the
blog is simple but effective

Customer 5/5 The blog seems to be general and has not set any age restriction but the content inside
directly points to the MYP 4 and 5 who are taking extended mathematics

Cost 5/5 The blog is totally free and does not require any money ,provided that one has a gmail account
and has direct access to the internet they can visit the site anytime without any limitations

Environ 1/5 The blog does not have plans of using visual studio code or github which makes it to go contrary
me nt to the specifications

Size 1/5 The Blog consists of only 4 pages which is below what the specification expect of 8 pages
making it not meet the descriptors at all

Safety 4/5 The blog is safe in that it does not contain any malicious codes or inappropriate images and
explicit content furthermore for one to comment on others posts they have accounts so that
cyberbullying can be tracked and mitigated in my blog

Material 5/5 The design seems to have used web programing languages such as HTML and CSS it has
also incorporated Javascript to make it more dynamic , in addition to that the backend plans
on using Python making its security strong

General Total From the general feedback that I received I found out that the idea was gladly accepted as
comments score compared to the first idea.One thing that was gladly accepted in the design was its responsive
on the 25/35 nature and the clean easy to use navigation which makes it pleasurable to explore the content
entire Idea (see appendix 3.4)

Success Score Justification

IDEA THREE
criteria

Aesthetics 4/5 There is good utilization of the white space creating emphasis on the content as per the design
specification.The design uses a completely different font size (times new roman) Which
contradicts with my specification of using roboto .The design plans to use the JPEG image
format for its sites images, which is in line with the design specification.The color of the blog
is in accordance to the specification of using white and play around with shades of blue

Customer 5/5 The blog does not have any age restrictions as per the design specification and it is open
for anyone who wants to leverage their extended mathematics grade

Cost 3/5 The blog is totally free and does not require any money ,provided that one has a gmail account
and has direct access to the internet they can visit the site anytime without any
limitations.However it has no plan of using organic internet traffic as it was stated in the
specification meaning it is going to use a lot of mobile data before it fully loads

Environment 4/5 The blog is able to run in any web browser so long as one is connected to the internet
,furthermore the use of software environment such as github and visual studio code is inline
with the specification

Size 5/5 The blog meets this specification to a larger extent since it has a total of 8 pages just like it
was planned in the specification.

Safety 4/5 The blog is safe since for one to post a comment they need to have an account that prevents
identity forgery.furthermore the site does not contain any malicious codes or inappropriate
content with explicit pictures.
Material 2/5 The design seems to have used basic web programing languages such as HTML, CSS in
addition to that the backend uses Python however it failed to integrate Javascript which is a
powerful language as per the specifications

General Total The general comment on this design was quite intriguing since I received a lot of positive
comments score comments on it and it was clear that majority of my audience preferred the idea.From the
on the 27/30 feedback (see appendix 3.5) I found out that the layout and the negative spacing of the blog
entire was noted to give the user content break and let them understand the content that is in the
Idea article. The blog's design is dynamic and visually engaging. The inclusion of interactive
elements, such as sliders, carousels, and embedded multimedia, adds depth and interactivity to
the reading experience which makes it to be outstanding and get more likes than the other two
design

MY CHOSEN IDEA IS IDEA 3

From the above overview of the 3 design ideas It can be noted that Idea 3
is the most outstanding one in relation to the design specification made
earlier scoring 27/35 this makes it to be the best Idea so far.And it is for
that reason that I have taken Idea 3 as the chosen Idea with its
outstanding utilization of the white space It has been able to show the
potential of becoming a great blog design layout.Furthermore I did a
feedback and from the survey I found out that 53.3% of my
respondents(see appendix 3.6) went for idea 3 as their chosen design and
since I am creating the blog for them I will have no choice but to use Idea
3 which they prefer this is to ensure that my clients get what they want
rather than what I want
After ranking all my sketches against specifications under various aspects of the design requirements such as the aesthetics, cost, function, and
material. After evaluating the designs using peer, expert, and client evaluation as seen below.I have determined which product's design received
the highest score by using the rankings. To continue with the creation process I have selected design 3 as the design to continue with its
development.

Most MYP students from my school who viewed design 3 and the overall project idea where amused by the fact that for one to create an account
they do not require to do a lot of things and undergo a lot of verification process.What one requires is just a google account.One other thing that
amused them in design 3 is the resource sector where a user is able to access revision materials and revise.This mostly caught the attention of
MYP4s who do not know where to start their revision with this they saw design 3 as the right design for the final development

From my peers, design 3 was commended for having a good layout with enough negative spacing which gives the users content break enhancing
the understanding of the content that is in the article.Additionally they added that the design is visually engaging and the color scheme is perfect
in that it favors both those who have eye site problems and those who do not have since they are cool colors and brings about a calm atmosphere
in the site.The further added that the site fosters inclusion since anyone can use it both with eye site problems and those who are okay

However, as I sought advice from a variety of MYP students at my school about which design was the best,One of the Advice that I seeked was
from Emmanuel an MYP 5 student he told me that despite idea 3 being popular there are some strengths in designs 1 and 2 that I can consider
to incorporate into the final design to make it even better. From design 1 the feature of subscribe to receive new updates is a good idea since not
all the time users will be online but when they get a notification of a new upload they might be tempted to visit the site and check the
update.Emmanuel really felt like this was a good idea that should be integrated in the final design in order to keep the users of the blog updated
.From design 2, He advised me to borrow the feature of including a search button and its responsive nature and the clean easy to use navigation
links which makes it pleasurable to explore the content .The search button lets the user sought out the specific content that he or she wants to
read about which helps In time management of the user and enhances the productivity of the site since there shall be many posts posted and this
will help in finding the right one without wasting time.Integrating this is in the final design will boost its productivity.The responsive nature of
the cite If incorporated in design 3 will ensure that the cite is accessible to all despite the phone size and type that the client is using.He added
that since people come from different backgrounds they will have different phones and sizes and having a responsive site will ensure that this
problem is well addressed and anyone can visit the cite

Expert-From a design teacher (Mis Ruth )-She also choose design 3 and what was outstanding from her side was the fact that in the profile
section a user is able to add their photo on the profile section .She added that this was a good approach in ensuring that the identity of a user is
identified and one is able to view the profile picture and connect with him or her easily.An important aspect that she pointed out from the design
that contradicted with my clients preferences was the color scheme she thought the design color scheme could have been better if it was the
orange and red colors since those are the MYP colors but she advised me to go with what my clients prefer and that was white and shades of
white

THE FINAL DESIGN IDEA OF THE BLOG TH

iv)Develop accurate and detailed planning drawings/diagrams and outline
requirements for the creation of the chosen solution
The following are the User interface sketches for my final design idea of the blog
IDE STRENGTH WEAKNESS INSPIRATION TO THE FINAL IDEA
A

1 Idea 1 seemed to be The cite has inconsistency on the I Idea 1 inspired me to include a
outstanding in terms of the use of the design specification cite trending blog post at the very top of the
trending blog post being color schemes with the use of cite.This is just a strategy of keeping
placed at the very top of the orange on the color scheme it my clients updated on the trending blog
website.Which prompts the completely goes off grid since it is posts which will be determined by the
user to open it and read and a shouting color number of likes each blog posts gets
see what is trending

2 Idea 2 had a chat bot powered The cite does not have plans of From Idea 2 I have been inspired to
by python which makes it using organic internet traffic include a python powered bot in order to
become a useful tool when it meaning it is going to take long help new users of the cite with some
comes to navigation before the search results of the navigation queries that they may
helping(see appendix 3.7) cite to appear encounter
NTS NEEDED FOR THE CREATION
SEN DESIGN

3 The white space between the A weakness noted on the cite is that it The Idea being the chosen design
provided me with a foundation of
does not fully exploit javascript to drawing my chosen design and also
ICATION articles sticking to the color scheme that it used
h to provide that being dominant white and shades of
blue (see appendix 3.9)
room for breathing and make the content dynamic creating
enhance understanding(see an interesting experience for the
appendix 3.5) user as they browse the cite.(see
appendix 3.8)

outline the requirements for the creation of the chosen solution.

Visual studio During the creation of my website I will require a coding environment and from my research I found
out that visual studio code is the most popular and widely used coding environment preferred by
many developers in addition to that I happen to have some basics on how to use it ,having this
material will easen my creation process due to the coding shortcuts present on this software
furthermore it allows me to edit my codes from multiple devices so long as I have backup the code
with my github account and turned on the sync

W3school During the actual coding of the website I need to check and confirm my codes and from research I
found out that w3schools provide quick help to a developer incase they find difficulties in their
program.This will surely be helpful because as a programmer I am not required to crame all the code
lines but by mastering its syntax and applications I will be able to now refer to W3schools once I get
stack.
Life server During my creation I will need to keep on running my codes and see how the progress is so far and
that is why I need a life server which will help me in the debugging of my codes.As a programmer I
understand debugging a code at the very last stage might be tricky because one might find couples of
bugs which might be overwhelming.In order to solve this by having a life server after writing like 10
lines of codes I run it and get to see the output if there is any bug I fix it there and then

Pixa bay As seen in my design specification I need to incorporate clear pictures in my website and after doing
a primary research I found out that most people prefer pixabay pictures (see appendix 4.0) since they
are clear and to my advantage they are also free.By using this cite my blog will be able to have clear
and easy to see pictures which will help in luring many users in using the blog.

Font I will use font awesome to come up with the roboto fonts and also get some aesthetically pleasing
awesome Icons and logos that I will incorporate in my my design.Font awesome is a well known site more so
with front end developer s and by using it ,I will be able to get a quality product.

Python Python is a very powerful programing language and it vast application makes it the best choice for
Django my project
I will require to install python on my machine so as to be able to incorporate in the backend of
my programs.I will heavily using python to hand the files that they will be uploaded in the blog

HTML,CSS These are the general coding languages that need to be set in my machine before I begin coding.This
Javascript are the most commonly used front end languages and they have easy to deal syntax which I am
already aware of. This will now make my work easier creating the front-end because I am familiar
with the language.

Netify After I am done with the creation process I will need to deploy my project and notify will be the
perfect web hosting company for my website because it provides SSL certificates,and since SSL is a
security protocol that insures the users data is safe from hackers this will help to secure my customers
information

HARDWARE JUSTIFICATION

WIFI I will need to connect my device to the wide wide web and in order for that to happen I will need
an internet access point which is wireless for flexibility and this can only be achieved by having
access to a wifi router

MACBOOK This is where the actual creation will take place since it's like the raw material.I need a macbook
specifically because of its quick internet connectivity and low loading time meaning its fast and
this will enhance my productivity.

CRITERION C: CREATING THE SOLUTION

i)Construct a logical plan,which describes the efficient use of time and resources
sufficient for peers to be able to follow to create the solution.
The table below is the plan that I have that will guide me in the efficient use of time and resources that I will use in the development process additionally
any person who wants to create the project can follow the plan
Task Description and Requirements Time and deadline Process
relevance

1.Download Downloading Search This will take *Ensure that you are
Python on python from engine me connected to the internet
the device chrome will Chrome approximately *Open a browser
and set enable python files 20 minutes to
to be linked to Hardware do so since
visual downloading

up the studio code .Which Macbook python is not *search python.org and then click on the download button after choosing the operating
environment will in turn help in Wifi that technical system that you will be using *Finally using CMD download all the required modules
the backend side using pip3 command
more so in
handling the clients
data.

2.Set up Visual studio code is Softwares This will take *connect to the internet
visual a very vital platform Visual me 30 minutes *By using your browser open Code.visualstudio.com
studio code for any developer studio to fully set up Where by you will have the liberty to choose the operating system you want the
for due to its unique code the application to be downloaded on.After downloading
HTML,CSS features and vast Programmi environments.T *Now open a new project file and select HTML ,CSS and Javascript as your project
and Javascript extensions such as ng he time takes language
the life server that I languages into
will use in my HTML consideration
development processes CSS the
Javascript downloading
Hardware time of the
Wifi software
Macbook
 3.Install a While coding the Software This will take *click on the extension button on the left side and hit the search button
life blog it will be Python me 20 minutes *Search for a live server and press on the install button.
server,after logical to do, tiny Django *Confirm on your bottom right corner if the life server is there *If it is there use the
which you bits while running Life server Assuming that pip3
will install the codes so that if Hardware the internet command to download Django
Django to there is a bug it can Wifi connection is
be used at easily be Macbook perfect this will
the backend debuged.And this not take a lot of
can only be time
possible if we
have a life server.

4.Create all File naming is a Software This will require *list down all the project files that you want to have and name them according to their
the project very crucial step Visual 30 minutes functions e.g a profile code of html is recommended to be named as profile.html
files for a studio Since the *Do not forget to finish with the language that you are using for example home.html
and name developer it helps code programmer for html files ,login.css for css files followed by valdate.js
them the code files Macbook should be keen ,backend.py for javascript and python files
according to became to the type of file
their functions easily accessible Hardware being created
and more Wifi because if it does
organized and it Macbook not have the write
also make the code programming
debugging easier language at the
end it will
results to
erros

5.Begin For the users to Softwares This will only *Use the Form,input Attributes and the placeholders in the HTMl section of the form
working on follow up on the HTML take 20 minutes *Include CSS to make it more appealing
the Log in posts and comments Life server
and they will have to
sign up sign up so as to have Hardware
Forms an account this is to Wifi
using prevent identity Macbook
HTML for forgery
the the
comment
section

6.Add the I want my blog to Softwares This will only *Paying close attention to the design specification on the out type of styling that
harmburger have Easy to access HTML(link take 30 minutes should be done on the navigation bars
menu navigation links attributes) Given the fact
section of and this will be and CSS that the testing
the blog achieved Hardware and
and the debugging section

relevant by having a Wifi is also *Now begin working on it

links hamburger menu Macbook accounted for using CSS if you feel stuck
together you can refer to W3schools
with the for hits and tips
articles

7.Now add Having Only HTMl Softwares This will take 1 Use the following
CSS to makes the blog look hour to fully Attributes *padding
make the more of a Google Font beautify the *margin
blog more docs document and awesome blog adhering *background color
appealing through the use of CSS to the If you want to find out more
by my design color blog’s you can even refer to
adhering to template and Hardwares specifications W3schools.com for more
the color CSS I will add Wifi tutorials on the effective use
template beauty to the Macbook of CSS
stated in the website
specification

8.Using Javascript is a very Software This will take 1 *For you to be able to make
Javascript, powerful language Javascript hour 30 minutes the website more dynamic
makes the and will help in Visual You first of all have to
blog more making the website studio understand the syntax of
dynamic more dynamic code Javascript if you are not
and Hardware familiar with it then head to
interactive Wifi w3schools for tutorials
Macbook

9.Run the This will be among Software This will take On visual studio code simply
code and the final stages of Visual 30 minutes hit the debug button
debug the the blog since I studio
errors that would like to be code
might have sure on weather the Life server
occurred blog will function as Hardware
intended or crash Wifi
down during the Macbook
execution of the codes
10.Do pilot Getting Feedback Software This will take Deploy your website by
testing With of the blog before Google 45 minutes creating an account in netlify
the blogging the actual launch forms then drag and dropping your
cite and will Chrome folder to the site which will
collect really be Beneficial Netlify provide a url that you copy
feedback in getting the and send the link to 20 people
users Hardware • Using a google form
feedback and Wifi collect the feedback and
making Macbook work towards improving
improvements on the cite
areas that they
would have
addressed

11.Make Host the blog to a Software This will take at Finally deploy the cite for
improvemen trusted domain Chrome,Net most 10 minutes your clients to use
ts if there is that being notify ify Visual
need to and studio
host the Hardware
website Macbook,Wifi

ADDITIONAL PLANNINGS USING A GANTT CHART

(ii)Demonstrate excellent technical skills when making the solution

ii)demonstrate excellent technical skills when making the solution

1.SETTING UP OF THE ENVIRONMENT AND DOWNLOADING SOFTWARE REQUIREMENTS(Life server,visual studio

code,python packages and font awesome)

Following the steps outlined in

the action plan I began by first downloading my integrated development environment that was visual code on my macbook and enabling it to run as an
application. Afterwards I had to download Python on the device and ensure that it is running in addition to that I needed to install the specific web
modules that I required using the pip install command on the terminal.The screenshots below shows the cherry py and flask modules being installed
that I will be using in ensuring that the back end of the website is perfect and the HTTPS requests are passed as well as ensuring the multifactor

authentication is a success. As part of setting up my

development environment I clicked on the extension button and added the life server extension.A life server is used in opening up html files and it
works instantly helping the developer witness the output of the code in good time this will now help me monitor the output of my codes instantly and
make necessary improvement on it

I then organized my project files in a manner that I will be

able to spot them easily when I need them.For all my HTML
files they had to end with .html ,while all CSS files had to end
with .css this is just to ensure that the files are read in
accordance with the programing language that it is compiling
to.My next step now was to ensure that all my subordinating
languages and resources are all set up.That included updating
my github account and requesting a password reset from Font
awesome which is a cite that I use in getting beautiful icons
and different font sizes.
Creating the log in form backend configuration using python
 next was to create the log in form using HMTL.HTML stands for hypertext markup language and it is used
to add content in a website it is like the major markup language since all other scripting
languages such as Javascript and linked to it.In order to create the login page I began by opening the form tag and giving it a class attribute of form so that
it may become easy when it comes to styling it using CSS. The input tags where used so that I may be able to collect the clients data to process in the
backend .The labels tag where used to label the input so that clients may know what to type and where to type.I used the placeholder inside the input box to
give the clients a clue on what to type.A good example is the email box, where before the client begins to type he gets a hint of the email format that is
required example codder.ted@mpesafoundationacademy but immediately the client starts to type it disappears.Inside the input tag I gave it a required
attribute so that the client may not log in without filling all the required content.The sign up link was at the top so that when the client has not signed up he
or she can do so easily.After I was done with HTML bit of it I needed to sytle it and the first step was to link the css file to the index.html.Through the link
attribute I was able to link CSS to the file and now the form was ready for styling.By giving a certain element such as the buttons a class name of button
inside the div tag it made me organize my codes well in CSS and be able to style the page as planned

OTP(ONE TIME PASSWORD) AND MULTI FACTOR AUTHENTICATION

OTP is a unique code that is sent on a users personal phone to ensure that they are indeed the ones who want to be granted access this is under Multifactor
authentication an important aspect in cyber security.This was a very crucial stage in creating a secure site since it reduces the risk of social engineering
attacks to my clients.In order to do this,I needed a server side language that being Python,python is a general purpose programming language has easy to
read syntax.One of the outstanding concept that I used was the If statements and giving conditions which helped me in creating an algorithm that for the
user to be granted access all the conditions needed to be 1 or True in order to access their accounts. I created a list of password and gave it the variable
users.Ones the user has entered the username and password it will be checked on the list of existing credentials and if it is found the program automatically
generates an OTP password to the phone number that is saved in the server and the code is sent.If the user inputs the same OTP sent then the log in is a
success and if the OTP does not match the user will not be granted access to continue with the commentary section.
The output on my left side shows how a successful log in takes place with the OTP sent as 9545 and the one input was also 9545 hence the user is truly the
owner of the account.But if that Is not the case the user will not be granted access.As seen in the screenshot on my right the OTP generated was 7338 but
the one input afterwards was 7337 with this incorrect input the user is unable to continue with the login process. Hence the security of the site is assured.

HTML SETUP AND INSERTING

HYPERLINKS
HTML which stands for hyper text markup
language is used in the structuring of content and
presentation of content in a website.I used Visual
studio code and I was able to use html attributes
such as paragraphs,title and hyperlinks in order to
add content in my blog design.Afterwards ,below
the title tag I added the link attribute using the
<link> tag in order for my HTML file to be
integrated with the CSS and make it visually
appealing.As you can see from the above screen
shot using HTML only resulted in a cite that looked more or less of a google docs document this is the reason as to why HTML files must be integrated with
CSS so that the user interface may be appealing to the eye.

INTERGRATION OF CSS TO THE HTML FILES

Working on the home page using html and

CSS stands for cascading style sheet which is

used to add aesthetically principles to a cite.I used CSS because I want my
clients to be attracted to the blog .I did this by paying keen attention to the
color schemes in my specifications I used
white for my dominant color by placing it at the background.The spacing of
the content was
done using the padding and and margin which are the box model used in
layout formatting and spacing.The navigation bars at the top of the
blog where not left out.I placed the navigation bar at a height of 60px and the
display was flex with the content evenly spaced.The background color was
introducing some bit of
lightblue just as specified in my design specification.In order to easen the
navigation process I modified my code so that when the user is in a page the
page lits to show that the page is active and when the caser hovers on top of a
navigation link the link lits purple

CSS

INTEGRATING FONT AWESOME IN MY CSS AND HTML FILES

 Font awesome is a convenient and widely used site for
integrating high-quality icons to web projects making the
website or the application to be visually appealling.In order for
one to use font awesome thy have to include the font awesome
CSS file in the HTML document below the actual link to
CSS.This was not an exception for me in order to add the
beautiful icons to my blog I had to link the icons to my HTML
document.
I hugely used font awesome in the creation of my navigation
bars and generally adding cite icons such as social media
icons.I managed to use the user icon from font awesome in my collaboration page.From the code output below the user Icons will automatically be placed
if the user with an account does not place a profile picture.The user Icon had a margin of 10px and In order to make the cite interactive I added the hover
effect and the icon was made to rotate 360 degrees when the cursor was placed on top of it and all this will take place with a transition of 1 second.

ADDING IMAGES

In order to make the blog visually appealing I had to integrate picture in my design.By using the image attribute <img> I first uploaded the image from my
desktop and saved it as profile.png in order to to be able to link it to the html file.After uploading it I gave the image a class of profile_pic so that it might be
able for me to decorate it.In my css file since I wanted the picture to be circular I placed an equal width of 300px and a border_radius of 50%.At it is with
this I was able to achieve a circular image at the profile card.Apart from using an image in the profile section I also made use of the pictures as backgrounds
for some of my webpages such as the about section.Where I manipulated the opacity of the text box to have an opacity of 0.955 so that the background of the
mathematical calculations maybe visible.I also placed space around the continent so that it may be distinguished from the background .
SOFT SKILLS DEMONSTRATED
During the development of the blog I got a chance to demonstrate collaborative skills and communication skills this is because as I carried on with my coding process I felt some
challenges in debugging of my code more so the Javascript code and I had now to seek help to my design classmates so that I might be help in identifying where the error is and
try as much as possible to debug it as a team.During this time I had to be a good communicator so that I may listen to the what ever my classmates had to see regarding the
strategies to approach while debugging the code.Additionally I used communication skills during the numerous interviews we had with some of my clients and also experts in the
field with this I not only used my technical skills but also made good use of the 21 century soft skills of collaboration and communication

iii. Follow the plan to create the solution, which functions as intended.
The following table has a comparison of what I had planned to do versus what I was actually able to accomplish during the development process

INITIAL PLAN

SOLUTION
 l

(iv) Fully justify changes made to the chosen design and plan when making the solution CHANGES MADE TO THE CHOSEN

DESIGN

I. Changing The Site’s Color Scheme

After doing a research with my mathematics classmates, I found out that they perceived blue and white to be monotonous in the cite (see appendix 4.1) From
the research I had to now dig dipper to see which color will contrast with blue in a blog cite.I then had to send a survey to my peers asking them which
among the listed colors (Purple,red,pink,green,yellow,brown) would they love to be used so as to contrast blue and create a perfect color scheme.From the
respondents that I received majority of them 46.7% preferred to go with green as the contemporary color of the cite to contrast the blue which was becoming
monotonous(see appendix 4.2).Personally speaking after adding some green on the buttons and navigation bar of the website I saw it created a perfect color
scheme and the city was visually appealing to a viewer.This was commended by my peers when I went back to collect feedback on the changes made to the
cite( see appendix 4.3) and they were now satisfied with the change that was done
 II. Modifying The About Page
Initially I had planned to place a video on the mission of the blog then have a customer review section of the blog where the users can leave their general
comments.But after a code review with my programming club and sending surveys to my peers they all prepared the about section to be short and precise
without to much stuff and elements bunched on it for that reason I reduced the content to just give a brief overview about the author and aim of the blog.And
since I am a fullstack developer I decided to advertise myself so that if a client wants to hire me they can easily contact me by following the hire me button
which will direct him or her to my contact

III. Changing The Curiosity Center To Follow To Collaborate Page

In the spirit of creating collaborative spaces for my peer.I had not planned to have a collaborative page for my bloggers but after getting this idea from my
peers that provided peer review I was advised by some of my peers to add the page in order to have a more collaborative platform and due to to public
demand I had to add the follow and collaborate page where my peers can be able to help each other and even create new connections it is more like a
mini-Linkedin platform for my peers increasing the interaction between them and enhancing positive interaction.This was also supported by the survey that
I carried out inquiring on whether my peers will be comfortable and from the survey I was glad that 65% of my respondent agreed that they would really
like to have the page into the blog. ( see appendix 4.4)This is why I now had to make the change even though it was not in my initial plan

IV. Removing The Chat Bot From The Interface

I did not include the planned chatbot in my application mainly because I had done the navigation bars perfectly and since the bot was there to help in the
navigation process I saw no need at all to include a navigation bot in the cite.And since I was creating the blog for my peers I did not want to make
decisions based on my interest and it is for that reason that I decided to carry out an online survey to collect the opinions of my peers and from the survey I
found out that 52.7% ( see appendix 4.5)of my respondents preferred not to have the chat bot if the navigation bars are simple and easy to use furthermore if
the navigation bars are visible and easy to see it means that my clients will not be using it
• CHANGES MADE TO THE PLAN
The creation process was not that smooth as I had expected since I faced some technical challenges along the way which prompted me to make some
changes on the initial plan.
I. Initially I had planned to add Javascript after creating the entire blog but so it as a waste of time and opted in adding Javascript as I continued with the
creation process so that I may be able to
monitor the changes and make adjustments where necessary in real time in comparison in coming at the very last end where It would have brought
challenges in terms of identifying the actual html code to be modified.
II. Another change to the plan was the debugging of codes that was planned to take place at the end of the project but I changed it to be after every 100 lines
of codes.This strategy really helped me in identifying the flaws in the codes and it was easy to track them due to the few lines of codes that I had
subdivided them to.

CRITERION D: EVALUATING
(i)design detailed and relevant testing methods, which generate data, to measure the success of the solution.

After finishing the creation process of the MYP math blog cite I hosted in in netlify since this is the application that I did secondary research and found out
that it is the widely used web application online servers.Since I was unable to create my own server since it required some additional backend
programming skills like SQL PHP which at the moment I don’t have.With that I decided to use Netlify and after I had gotten the url of my cite I sent it to
my peers via gmail in our common gmail space that we are in.In order to ensure that the cite is also accessible by other students in different international
schools from us and in order to do that I had to also share the link to my linkedin posts so that my peers from around the world may also get to come
together and collaborate.After deploying the cite I had now to conduct tests that will help me measure my success in terms of the design specifications and
to what extent has the math blogging site which is my design helped to impact interaction and enhance connectivity across space and time.Conducting
testing of my site will enable me realize the strengths and limitations of my site which will play a pivotal role in helping me improve the product to make it
work better for my peers the extended mathematics students who are my clients.Here are some of the testing methods that I used;

Expert appraisal-Diploma Computer Science student -To get feedback from an expert in web development I conducted an interview with Meshack who is
in his final year in the diploma program taking computer science higher level and has wealth of experience as both a front end and back-end developer for
the past four years. He was to evaluate the blogging cite both the front-end and backend and give feedback regarding the limitations in the programs used for
me to get the loopholes and make improvements to the source code to enhance the usability and functionality of the blog cite to enhance the connectedness
of my clients as they interact in the blog virtually. From the responses he provided me with (see appendix 4.6). He commented that the use of Django as my
server-side software was a plus on the safety of the website he added that Django has a strong secure password hashing mechanism that uses a specific
algorithm know as PBKDF2 which ensures that the passwords have been assigned a random salt this ensures that the users password is difficult for hackers to
crack. Additionally, he also added that (see appendix 4.6). Django has a built-in protection software that protects the software against common web
vulnerabilities such as Cross-site Scripting since it carefully skips users input while interacting with the server. He agreed that the blog's color scheme has
really met its purpose (see appendix 4.6). that of bringing a calm atmosphere and contributing to the connection of the IB community since it uses the same
color scheme as the one in the IB organization logo. However, he felt like the blog could be improved by Using a different hosting platform apart from
Netlify. He was concerned about the use of Netlify because it does allow developers to update their cite in real time for them to make changes they have to
take down the site and edit the source code .Since my blog aims at providing my peers with recent posts from their peers from around the world this means
that I will be updating the source code frequently. He advised me to use the Apache web server because it is flexible, and one can edit the source code while
the site is still life and accessible to the users. He also added that Apache is free for extensions such as PHP or a database like MySQL to work alongside
Apache.

DEVELOPER TESTING
Speed test of the cite using pingdom tester.

I needed to analyze the speed of my blog cite so that

it may help me analyze my sites load speed and this
will help me identify how fast, slow, and the size of
my files. This will eventually help me optimize my
blogging site performance. From the test results I
found out that the overall performance of the
blogging site was 88% which equates to a B which
is not so bad. The test also helped me note the areas
of improvement of my site. The cite was fast
because the source code did not have empty src or
href attributes and the fact that JavaScript was
placed at the bottom of the html source code it made
The linking was effective and this reduced the loading time of the blog to 1.31s this was remarkable because the average loading time for a website is
3.21s.This confirmed the site to be fast and increase the productivity of my users. However, from the test I found out that the site can be improved further by
correcting on some section that we did not score well such as adding Expires headers which help In the reducing unnecessary HTTP requests on subsequent
page views this will help reduce the site’s loading time. Another area that I will need to improve on is the compression of components with Gzip which
reduces the response size by about 70% (Pingdom, 2019)
 Inspecting the cite compatibility ( Works on cross platforms)

In my specification I had intended to have a

responsive site that can be able to fit into any screen
size.Using the inspect extension in chrome ,I was able
to check my cite across different screen sizes and from
the results It was clear that the cite was able to fit
appropriately across different gadget sizes.In order to
confirm this I had to also send a survey to my clients
and from the results that I received(see appendix 4.7) I
found out 100% of my respondent cite was responsive
and the content was able to fit perfectly on the screen
size not hindering the communication of the cite

Client appraisal (Beta testing)- an MYP 5 students

I was able to send the link of my blog to the MYP 5 students via our gmail space group and gave them a period of two weeks to use the cite after which I
collected their feedback via google forms and a one on one interview with a sample of the year group (5 students) for analysis of the cite in order to make the
necessary correction.In regards to the feedback that I received all of them 100% (see appendix 4.7)Of the respondents agreed that the cite is responsive and
fits perfectly to their screen gadgets regardless of the size or gadget type without overlapping the content and images in the user interface.In terms of
accessing the cite majority of my clients commented that the site was accessible via google,safari,chrome and bing this being the major search engines this
was a plus on my cite since it meant that the cite was flexible in terms of accessing it.In terms of the loading speed and the overall reaction time of the
cite,73.3% of my respondents(see appendix 4.8) felt that to a greater extend the loading time of the cite was minimal hence increasing the user experience of
the cite and improving the productivity of the cite since they are minimal time delays.

From the interviews( see appendix 4.8) what was common was that my clients were impressed by the navigation bars and the layout of the cite saying that
the cite did not have content overload and that it was easy for one to scan for content .For the navigation bars it was easy to spot them and the
a page that was active was lit up hence reducing confusion and improving the navigation experience of the entire site.From interviewer number 2. He pointed
out that the cite has really meet its purpose since he is now able to discuss with an extended mathematics student and he feels like his views are respected
and that he has been able to create new connections and gotten to improve his mathematics capability by learning new tricks from his peers.The 4th
interviewer proposed on the need of having a one on one chatting platform which will be helpful in addressing education related questions that are not
directly related to mathematics.This will help to increase the bond among the users and at the same time help them improve on their academics in general.
The 5th interviewer noted that the site really attracted a lot of users due to the fun learning materials that are present in the site such as Kahoots,quiz and
online math competition that fosters a great understanding of the subject concepts and makes the learning enjoyable and fun for the students.

SURVEYS:-After the two weeks I sent a survey to my clients in order to get their full experience as they were using the cite.From the survey the following
was the responces.The aesthetics of the cite did really attract majority of the users since 75.9% of the respondents(see appendix 4.9) agreed that the cite
was visually appealing and commented on the use of the cool colors in the cite(green,blue
and white).In terms of the functionality of the cite 100% of my respondents(see appendix 5.0) agreed that the cite really worked for them in terms of
connecting and collaborating with their fellow
mathematics counterparts to a greater extent and they feel like they have gotten to make connections with students whom they had never approached before
for help in the subject .From the response that I received 64% of the respondents (see appendix 5.1) Felt like there favorite part of the cite was the follow and
collaborate section where they did not only get help in their weakest areas in math but also got to make new friends out of their interaction hence building
healthy relationships.In terms of the weakness of the cite 76% (see appendix 5.2 )of the respondents pointed out they did not like the font type that was used
(roboto) since it made the cite seem more of a formal platform and they preferred if an informal font as Arial could have been used so as to be able to make
the cite to be a fun place for teenagers to meet and collaborate mathematics wise and its for that reason they prefer it having an informal setup. Additionally
some of the respondents felt like the site could be improved by having a section that had actual mathematics competition and their venues so as to encourage
the positive competition among them as they test their mental capabilities through these competitions.

ii. Critically evaluate the success of the solution against the design
specification.
Using the data that I generated from my testing methods above and the rubric that I created I was now ready to critically evaluate the success of my
specification based on the strengths and limitations that I was proved by my peers. By doing this I will be able to understand the areas of improvement so that
my cite function effectively for my peers.The table below is an evaluation of the success of my product against the design specification made earlier on
SPECIFICATION SCORE JUSTIFICATION

1.Color 3/5 Strengths -Just as I had stated in my

This site will be made appealing to the audience by design specification I was able to use
incorporating the well known IB colors that being blue and white for my background making it the
white .This is after conducting a secondary research on color dominant color and from the feedback
psychology and finding out that using organization colors that I received(see appendix 5.3) it was
brings a sense of identity and remarkable to note that majority of my
heritage among members of the organization which may peers agreed that the color combination
inactivate a sense of commonality and belonging when really brought out the IB community
they browse the blog (Ciotti 2020) aspect and helped them feel like they are
The background color or the dominant color of the blog will be part of one organization,In terms of font I
white this is after getting my inspiration from existing products was not able to use the stated font that
that I analyzed .White brings a sense of peace and calmness in being Roboto but rather I used Aerial due
the mind which will be crucial when my target audience will to its simplicity,ease of reading and the
be exchanging Ideas and learning new concepts from the lastly its professional look.I wanted my
posted
articles.The buttons and the hamburger menu will be blue peers to have quality text and Aerial was
dominated making them stand out from the background color the best font for that Since before using
white.This color scheme will apply to all the pages . Aerial some of my peers complained that
1.2Font-After carefully evaluating the legibility,scalability and they were not able to read the texts with
readability of my font across multiple devices I went for Roboto ease but when it was changed to Aerial
font, and I will be using 16 as my font size this is after they agreed that they can now see.For
conducting research of what majority of my clients prefer while the spacing and layout I managed to
using a website.And from the survey I found out that roboto stick to negative spacing which
was the most outstanding one managed to reduce the cognitive load
1.3, Spacing and layout and made it easy to scan for content. In
In order to create emphasis on my blog I will have to use the terms of the image type I had intended
white spacing technique which will help in Isolating the to use the JPEG format but after
content columns and provide greater synthesis of the consulting Rhoda who is the head of the
content.Important elements and content will be surrounded media club in the academy I decided to
with ample white space which will make them more visually change to png this made this sub-criteria
prominent.This is after using doing a primary research and I not to be met to a larger extend
found out that they preferred content that is not squeezed and
has some breathing space. I opt to use negative spacing in my Weakness -This specification was not
entire blog to increase the readability and reducing the met fully due to the fact that some
cognitive load.This will make the user interface more friendly sub-criterion had to be changed along
and easy to scan for content and navigation bars 1.4) Image the way such as the integration of green
resolution to the color scheme so as to be able to
The image format that I will be using is JPEG since I will be contrast with the blue and the changing
using complex images with color gradient.I choose JPEG over of the jpeg image format to png so as to
PNG and GIF because I will not be dealing with screenshots have high quality pictures.All this were
and animated graphics but rather Ideal images with color done because after the site was created
gradient and this can only be supported by JPEG .My images my clients complained of blue being
will not be compressed because I want clearly and easy to see monotonous and opted for it to be
websites this is after doing research and finding out that changed.For the image format I had
website with clear images increases its aesthetics and lures used JPEG according to my
more customers in using the site and also after doing primary specification but some of my clients
research I found out majority of my target audience prefer clear complained that the pictures were
blurred and not able to see it clear for
that reason they requested for the
image format to be changed to a more
clearer one like the png format

1.2 Clients 5/5 The specification was met to a larger

extent because the site was able to
The blog that I am making is for the extended mathematics and bring the mathematics students together
the standard mathematics students who fail to interact due to the and they were able to collaborate
fact of having different classes from each other with this blog virtually and even play games in the
they will be able to meet at a virtually and collaborate on IB process hence increasing their
MYP mathematics concepts connection.

COST 4/5 From the specification I wanted to

1.1)Loading time reduce the loading time of the cite and
I opt for my blog to be fast and easy for one to access and in this was able to be achieve by reducing
order to achieve that I will reduce the number of external the number of external scripts and from
scripts so as to prevent the multiple https request that my blog the developer tests that I carried out
will have to make to the server in order to open up, this will earlier using pingdom I found out that
reduce loading time and also reduce the cost of buying the loading time of my city was below 2
bundles or wifi in order for the cite to load seconds.Furthermore there was no
1.2)Internet charges monetary charges imposed on the users
In order for the clients to access the website they need to of the site hence this specification was
have access to the internet that is either wifi or mobile data met to a greater extent.The cite just as
1.3)Monetary charges for users earlier on planned was hosted on netlify
My site will be free for all the users provided that they all and the only internet charges that my
have access to the world wide web . clients were to inquire was to ensure
that they are
connected to the internet

Virtual environment 3/5 Strength-During the design creation, I

For the entire project I will be using Visual studio code which managed to use Visual studio code for
is a Virtual environment with a lot of features such as the the entire creation process after which I
online server and a faster loading time in terms of running uploaded my project repository to my
codes. GITHUB github account and netlify
This being a social media platform for coders I might get
some ideas that I had not thought of earlier by publishing the Weakness-However ,the internet traffic
partially completed blog on the site and getting feedback sub-criteria was not well address since
Internet traffic the traffic that was used was not
My blog will use organic internet traffic in that when a client organic at all.This lead to the
searches for my product or services they are able to quickly specification not to be met to a greater
assess the services. extent
Gadget compatibility 4/5 The gadget compatibility was perfectly
My site will be responsive in that It is able to resize and fit done and this was tested by using the
the gadget size that the client is using.This is after doing a inspect aspect of chrome and it was
primary research and finding that my mathematics noted that the site was able to fit all the
classmates all use different phones while at home and since screen sizes from a desktop to a smart
I want my cite to be global I would like it to be accessible phone .For the site page was below 10
by all irregardless of the phone size that they are using. to be specific 8 pages just as planned in
Pages of the Blog the specification hence the specification
Since I am building a simple blog It will have a maximum of was met
8 pages this is just to ensure that it does few requests to the
server and it is manageable in terms of services,updates and
maintainers.Furthermore from the research that I did I found
out that majority of my clients prefer 6-10 pages

Data safety 4/5 The cite did have the two factor
The data of the clients will be kept safe in the netlify database authentication via the use of the OTP
which is a trusted web host server that developers use when (one time password) which enhanced the
hosting their blogs. security of my site and helped reduce the
Log in and two factor authentication will be a part of my blog chances of account forgery.Just as
fostering security but this one will only apply to those who want planned earlier my clients data were kept
to become community members and follow up on posts and in netlify database since it is the hosting
comments.Meaning one can freely access the articles and and cite that hosted my cite
read but if they really want to comment and follow up on
comments they have to log in with their accounts so as to
comment this is just one of the measurers I have placed in order
to ensure that there is no Identity forgery and also for
accountability purposes when a client makes a racist comment
or verbal bullying it will be easy to track them down and freeze
their account

Function 5/5 The cite function was greatly met since

The function of the blog is to connect the extended and the two groups (extended mathematics
standard mathematics student who are having their lessons in and standard mathematics)students
different classes and they are unable to find time to connect where able to find a common ground
mathematically.For that reason the blog will help them where everyone was equal and shared
come together posts articles related to different topics and their ideas (see appendix 5.4) The
play educational games increasing their connectivity students were able able to upload their
articles and also access other articles in
the blog which made them share their
ideas and the follow and collaborate page
enabled my clients to connect one on one
hence the specification was met to a
greater extent

Coding language 5/5 Using pingdom tester, I was able to

For the entire blog to work I will need multiple languages inspect the cite just to confirm that I
,HTML,CSS and Javascript for the front end and for the used all the coding languages that I had
backend planned to use

I will require Python to aid in authentication and authorisation and from the results it was confirmed
of the clients log in credentials.I will also use wifi and a that all the coding languages were used
Macbook as my required hardwares just as planned

iii. Explain how the solution could be improved.

From the feedback that I got from the expert appraisal, developer testing, target user beta testing and the surveys has given me the major strengths as well as
some of the weaknesses that I should address so as to be able to maximize the cites functionality. Here below is a list of some of the improvements that I will
work on to help in enhancing collaboration and the interconnectedness among MYP extended and standard mathematics students.

Changing From Netlify To Apache Web Server -From the expert appraisal that I conducted I was advised to use Apache web server which to me as a
developer makes a lot of sense because I will need to make some changes on the cite and also post weekly articles and by using netlify I will not be able to
make adjustment on the site if it is still running .I will have to pause the cite first and this may lead to inconveniences while using the cite.And since I want
my cite to be accessible 24/7 I will have to change to apache web server since I can update the cite without having to bring it
down.Furthermore, Apache has MySQL and Php extensions that I will use to ensure that my backend is more secure so the database is safe and it is not
vulnerable to cyber attacks.

Addition Of A Page That Has Mathematics Competition Updates-From the beta tests that I conducted one of the feedback that I received was the
addition of a page that has updates about inter school mathematics competitions so that the students may be able to test there cognitive abilities with
students from other schools.For me to create this page I will have to work hand in hand with the school mathematics department to ensure that inter school
mathematics competition dates and events are communicated in good time so as to ensure that the students have humble time of planning for the event

Adding A One-On-One Chat Platform -From the interviews that I conducted I found out that my clients would really benefit if the site had a one-on-one
texting platform. I also think this is a good idea because it works well in LinkedIn which has an option of following someone and also has a one-on-one
texting platform. This will enable the student to share some of their challenges at a personal level. For example, a discussion such as “how do you balance
your academics “this is a crucial
question, but it is not directly related to mathematics and such discussions will be able to take place on the one-on-one chat platform. I will be able to create
a simple chat platform using python sockets module and the frontend languages such as HTML, CSS, and JavaScript

Compression Of Components With Gzip And Adding Expires Headers

-From my developers tests I found out that my site was made to be slow since I had not incorporated expired headers and enabled Gzip compression. This
two techniques helps the site reduce unnecessary HTTP requests and reduce the response size.Having Gzip compression will reduce the response size and a
smaller
response size leads to faster page loadinf time,since the browser needs to download less data from the server.On the other hand expires header help the site
reduces new http requests to the server since it saves the valid resources that the client and when he wants to use it again it becomes

iv. Explain the impact of the solution on the client/target audience.

Creating this math blogging site has fostered connection and collaboration among the MYP
Mathematics students .Through this blog, I have created a virtual platform for my peers to connect, enhance their mathematical skills and most
importantly collaborate in order to boost their grades in class.I was able to create a collaborative platform for my clients by incorporating my
programming skills and providing them with a blog where they will be able to share their blog posts to other
students in regard to mathematics topics and tips on how to best hack their way through subject.With
this blog posts, my peers will be able to share their ideas in regard to the topic of discussion and also comment on other students article.In terms of criterion
wise I created a follow and collaborate page where my peers first fill a login form that prompts them to feel the criterions they feel they are good at and also
one or two general topics that they can be able to teach others fluently.With this page my peers can now see different students profile and the areas that they
are good in.With this information they are now able to follow the individual and through a chat forum they are able to chat one on one helping each other in
there weak mathematical areas and also cementing their strong mathematical areas by teaching others.

To what extent has the client’s or target audience’s problem been solved? -For this unit I was tackling the problem of disconnection among the extended
and standard mathematics student who are my peers.This problem was affecting their social life and also their mental well-being since there was a bridge
between the extended students who saw themselves as superior in terms of mathematically knowledge and the standard mathematics students due to the fear
of being looked down upon relented to collaborate with their counterpart.Furthermore the fact that they learn in different classes now separated them
more.Luckily,with my solution, the math blog has been able to act as a catalyst in uniting this two groups.By having a collaborative platform where students
can be able to post articles,play online games such as kahoots and also get a chance to follow and collaborate with other students via the chatting software in
the blog.Since my peers attend their math lessons in different classes this cite acts as the only place where they can meet with peers who are not from their
class and collaborate.Hence enhancing the connectivity of my peers in this 21st century via the use of technology

How does this solution improve the client’s or target audience’s situation? -With the math blog ,the situation of my target audience has gotten to improve in
that they are able to now interact freely with their counterparts without one feeling superior than the other and another one having low self esteem.The blog
has acted as a level ground setting an equal and fair opportunity for all my peers to air out their views and be respected regardless of the math level that they
are taking. This has improved my peers situation since they are now able to organize collaborative groups with students from all the 6 classes and met during
their free time in the library to have a one on one discussion .It is important to note that since I made the blog accessible to the public, students from other
international schools offering the IB curriculum have also started collaborating with my peers from school this then makes them practice their social skill and
build onto their self-confident as they interact and share their ideas.What are the negative impacts of my design? -Even though my solution has been able to
enhance the connection of my peers across space and time it is important to note that it comes with its own share of negative impacts one of them being that
the blog acting as a mini social media platform, students may tend to spend more than the required screen time hence becoming addicted to the site which
can make the user have eye problems and even gain weight due to the tendency of just wanting to stay on the screen and not to exercise or play with friends.
Another negative implication can be cyber bullying which may result in my peers not having the positive relationships that I hope they may have.

To what extent has the design brief been met? -The design brief has been meet to a larger extent more so on the functionality aspect of the design
brief.Secondly, the Safety of the blog has been achieved through the use of Multi factor authentication which enhanced the security layer of my
blog.Additionally the materials that were used in the creation of the blog where as intended in the design brief and helped to create a quality product. The
site is free and my clients do not require any money in order to access it. The aesthetics of the website was largely based on my clients preference. However
I felt like incorporating the navigation bot in my design brief.

Future plans and project extensions -I am thinking of expanding the cite to not only serve the MYPs students alone but also the diploma students who take
different mathematics level subjects.I will then advertise my cite in LinkedIn ,WhatsApp and other social media platforms so that more of my peers
may get connected and collaborate virtually.
APPENDIX
Appendix.1.1

Appendix.1.2

Appendix.1.3
 Appendix 1.4

Appendix 1.5

Appendix 1.6

Appendix 1.7

Appendix 1.8

Appendix 1.9

Appendix 2.0
Appendix 2.1

Appendix 2.2

Appendix 2.3

Appendix 2.4

Appendix 2.5 a

Appendix 2.5 b
 Appendix 2.6

Appendix 2.7

Appendix 2.8

Appendix 2.9

Appendix 3.0

Appendix 3.1

Appendix 3.2
*trrAppendix 3.3
 Appendix 3.4

Appendix 3.5

Appendix 3.6

Appendix 3.7

Appendix 3.8

Appendix 3.9
 Appendix 4.0

Appendix 4.1

Appendix 4.2

Appendix 4.3

Appendix 4.4

Appendix 4.5

Misddddeee Appendix 4.6

Appendix 4.7

Appendix 4.8

Appendix 4.9

Appendix 5.0

Appendix 5.1

Appendix 5.2
 Appendix 5.3

Appendix 5.4

Appendix 5.5

BIBLIOGRAPHY

Adobe . (n.d.). JPEG vs. PNG: Which is best | Adobe. Www.adobe.com. Retrieved January 25, 2024, from

https://www.adobe.com/creativecloud/file

types/image/comparison/jpeg-vs-png.html

Aguilar, J. (2021). High school students’ reasons for disliking mathematics: The intersection between teacher’s role and student’s emotions,

belief and self-efficacy. International Electronic Journal of Mathematics Education, 2021(3), 658.

https://doi.org/10.29333/iejme/11294

Amazon. (2023). Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs & more. Amazon.com.

https://www.amazon.com/

BBC. (2023, July 28). Kenya cyber-attack: Why is eCitizen down? Www.bbc.com. https://www.bbc.com/news/world-africa

66337573#:~:text=What%20has%20 happened%3F

blue cactus . (2021, July 12). 11 blogging skills that every blogger requires. BluCactus Digital Marketing.

https://blucactus.blue/blogging-skills/

Bondar, S. (2023, October 10). Creating a responsive blog layout with CSS | Reintech media. Reintech.io.

https://reintech.io/blog/creating-a-responsive-blog-layout-with-css

Ciotti, G. (2020, August 12). The psychology of color in marketing and branding. Helpscout.com.

https://www.helpscout.com/blog/psychology-of-color/ edsys. (2019, July 24). 10 Reasons Why Students Fail Mathematics - Edsys

Mathematics. Edsys. https://www.edsys.in/10-reasons-students-fail-mathematics/

Gafoor, K., & Kurukkan, A. (2015). Why High School Students Feel Mathematics Difficult? An Exploration of Affective Beliefs.

https://files.eric.ed.gov/fulltext/ED560266.pdf ICMI. (2017). The role of mathematics in the overall curriculum | International Mathematical

Union (IMU). Mathunion.org. https://www.mathunion.org/icmi/role mathematics-overall-curriculum

Indeed. (2023). Indeed. Indeed.com. https://www.indeed.com

Lakeside Academy. (2019). Lakeside Academy > IB Framework > Global Contexts. Lakesideacademy.lbpsb.qc.ca.

https://lakesideacademy.lbpsb.qc.ca/IB Framework/Global-Contexts

Lucid chart. (2018, June 15). Why Lucidchart Is the Perfect Visio Replacement. Lucidchart.

https://www.lucidchart.com/blog/reasons-why-lucidchart-is-the-perfect-microsoft visio-replacement

Mourya, S. P. (2021, October 15). 5 Basic Requirements to Start a Blog. NxtDecade.

https://nxtdecade.com/basic-requirements-for-starting-a-blog/

MYPMATHS . (2021). MYP Maths | Support and Resources for Teachers. MYP Maths. https://www.mypmaths.com/

N-able. (2021, June 1). 4 rules for storing your client credentials. N-Able. https://www.n

able.com/blog/4-rules-for-storing-your-client-credentials

narst.org. (2018). Encouraging Student/Student Interaction | NARST. Narst.org.

https://narst.org/research-matters/encouraging-student

interaction#:~:text=Some%20of%20the%20findings%20include
National Geographic Society. (2022, July 15). Adaptation | National Geographic Society. Education.nationalgeographic.org.

https://education.nationalgeographic.org/resource/adaptation/

Pingdom. (2019). Pingdom Tools. Tools.pingdom.com.

https://tools.pingdom.com/#6352616ed0000000

Prep zone Academy. (2021, March 4). IB Math Guide - Prep Zone Academy | IB. Prep Zone AcademyIB.

https://ib.edu.sg/subject-guide/math/#:~:text=If%20you

Raygun. (2019, September 18). Make fewer HTTP requests: What this means and how to do it. Raygun Blog.

https://raygun.com/blog/make-fewer-http

requests/#:~:text=Reducing%20HTTP%20requests%20is%20the

REVVLAB. (2023). The Ultimate Guide To Effective Blog Design. Www.linkedin.com.

https://www.linkedin.com/pulse/ultimate-guide-effective-blog-design-revvlab/ Smith, A. (2016, May 17). Effective Use Of Negative Space In

Web Design. Usability Geek. https://usabilitygeek.com/effective-use-negative-space-web-design/

Soegaard, M. (2020). The Power of White Space in Design. The Interaction Design Foundation.

https://www.interaction-design.org/literature/article/the-power-of-white space#:~:text=White%20space%20can%20help%20guide

softermii. (2019). 16 Best IDEs For Software Development: Overview For 2022 | Softermii Blog. Softermii.

https://www.softermii.com/blog/top-ides-for-software-development

Src=’https://Secure.gravatar.com/Avatar/9c5ba4d5e95f1749a4bf63a87efffff8?s=80, img A., #038;d=blank,

Srcset=’https://Secure.gravatar.com/Avatar/9c5ba4d5e95f1749a4bf63a87efffff8?s=16 0, 038;r=g’, #038;d=blank, team, 038;r=g 2x’

class=’avatar avatar-80 photo’ height=’80’ width=’80’ decoding=’async’/> L. W. L. W. is a member of the B. W. content, WordPress, a

freelance writer for hire S. loves sharing new tips on, blogging,

& Whole, O. B. as a. (2022, August 19). 13 Website Page Load Time Statistics (2023 Data). Blogging Wizard.

https://bloggingwizard.com/page-load-time

statistics/#:~:text=3.-

Teja, S. (2020, April 23). Language of the Universe: Mathematics. AtomsTalk.

https://atomstalk.com/blogs/language-of-the-universe-mathematics/
 The Citizen. (2021, April 1). Why students continue to perform poorly in maths. The Citizen.

https://www.thecitizen.co.tz/tanzania/magazines/success/-why-students-continue-to perform-poorly-in-maths -2669752

Turing. (2020). Visual Studio vs Visual Studio Code - What’s Best In 2022? Www.turing.com.

https://www.turing.com/kb/ultimate-guide-visual-studio-vs-visual studio-code

University of Minnesota. (2015, November 25). What Is Communication? Umn.edu; University of Minnesota Libraries Publishing edition, 2015.

This edition adapted from a work originally produced in 2010 by a publisher who has requested that it not receive attribution.

https://open.lib.umn.edu/businesscommunication/chapter/1-2- what-is-communication/

Vogels, E. A., Gelles-Watnick, R., & Massarat, N. (2022, August 10). Teens, Social Media and Technology 2022. PEW Research Center; Pew

Research Center.

https://www.pewresearch.org/internet/2022/08/10/teens-social-media-and-technology 2022/

A Constraints,r How to Pot

s equirements, meet /test enti
p and for al
e justification specificati imp
c on act
t to
my
clie
nts

A 1.Color 1.0) 1.1)By

e This site will This will be using
s be made tested blue
t appealing to through and
h the audience product white as
e by testing by the blog
t incorporating sending out main
i the well a survey to color
c known IB the MYP this will
s colors that mathematic simulat
being blue s students e the
and white in my IB
.This is after school and colors
conducting a getting to which
secondary hear from would
research on them on make
color whether the blog
psychology my design to break
and finding prototyp any
out that using e has kind of
organization taken racial
colors brings into discri
a sense of account minati
identity and this on
heritage specificati and
among on.Further differe
members of more I nt
the will also ideolo
organization do a self gies
which may review becaus
inactivate a and e they
sense of evaluate shall
commonality my be
and website interac
belonging based on ting as
when they the IB
browse the specificatio student
blog (Ciotti n by s with
2020) measuring a
The it against comm
background the design on
color or the rubric identit
dominant y and
color of the 1.2) a
blog will be To test for similar
white this is this purpos
after getting specificatio e of
my inspiration n excelli
from existing performanc ng in
products that I e testing mathe
analyzed and will be matics
conducting a used .I will and the
primary select 10 of overall
research (see my design curricu
appendix 2.6) classmates lum
where and make
majority of them stand
my clients at different
prefer white distances
over light trying to 1.2)Ha
blue.This is read the ving
because, information easy to
White brings a at the read
sense of peace website and
and calmness .This will visible
in the mind enable me fonts
which will be to see will
crucial when whether the lure
my target use of the more
audience will Roboto font users
be exchanging 16 was a into
Ideas and success for using
learning new easier my
concepts from visibility blog
the posted of the since
articles.The website they
buttons and would
the 1.3) In not
hamburger order to have to
menu will be test for struggl
blue this e while
dominated specifica readin
making them tion, I g the
stand out from will use inform
the expert ation.It
background appraisa will
color l by also
white.This conducting reduce
color scheme an eye
will apply to interview proble
all the pages. with ms
1.2,Font-Aft MR.Osbor from
er carefully n the IT my
evaluating assistant in peers
the my school since
legibility,scal and they
ability and inquire will
readability of from him not
my font on a scale struggl
across of 1-5 e to
multiple whether read.
devices I the
went for
Roboto font,
and I will be
1.3)A
using 16 as
perfect
my font size
layout
this is after
of the
conducting
blog
research of
will
what majority
bring a
of my clients
sense
prefer while
of
using a
Organis
website.And
ation on
from the
my site
survey I
bringin
found out that
g
roboto was
calmnes
the widely
s to the
accepted one
user as
by my clients.
they
(see
navigat
appendix 2.7)
e
1.3, Spacing
throug
and layout
h their
From my
learni
secondary
ng
research I
found out
that ,In order
to create
emphasis on
my blog I
will have to
use the white
spacing
technique
which will
help in
Isolating the
content
columns and
provide
greater
synthesis of
the content
(Soegaard,
2020).Import
ant elements
and content
will be
surrounded
with ample
white space
which will
make them
more visually
prominent.Th
is is after
using doing a
primary
research and
I found out
that my
clients
preferred
content that
is not
squeezed and
has some
breathing
space.(See
appendix
2.8).I opt to