1. Project management¶
This week we focused in multiple tasks and terminology that will be shown below. First we work in establishing the website and it related terminology and processes. Secondly, I worked in identifying my final project idea and wrote an introduction to illustrate it’s importants.
MK docs¶
MkDocs is a static site generator designed for creating project documentation that is quick, easy, and just attractive. The Markdown-based source files for the documentation are set up using a single YAML configuration file. Read the introduction tutorial first, then look in the User Guide for further details.
Git lab¶
Git is a version control system that developers use all over the world. It helps you track different versions of your code and collaborate with other developers. If you are working on a project over time, you may want to keep track of which changes were made, by whom, and when those changes were made.
Signing in¶
Click your desired project¶
It will show the building blocks of you website such as coding program website, and related files to your website such as images, assessment and documents.
Choose desired folder (example choose about) Then click Index
Click on Open in Web IDE
Web IDE is a software that help us programmers in developing software code efficiently. The folder below are exactly the same as shown in Gitlab, therefore any change done can be shown in the website deployed by Gitlab.
Above is an example code; where I added an image an upload it in the website. The image format in the code is for the offline version; I will explain how to upload the image.
How to see your website page?¶
Go to Gitlab website> Sign in>Deploy>Pages>Deployments link
How to customize website regarding color gradient and name?¶
Open your page, click on mkdoc.yml
You can change the ‘Your Name’ to your real name
You can change the ‘theme’ for more option you can visit the website in the photo
How to have an offline version of your website editor?¶
Clone a repo is simply copying the desired website code (HTTPS) from online source to a local device such as a laptop were I can work in editing the website without having an internet connection.
Download Gitbash and Visual Studios
Gitbash is a terminal panel where it communicate with local computer to connect a website code and building blocks of it to other Program such as Visual Studios or Atom. Gitbash app need to add to Desktop to enable the merge.
When I opened the Gitbash and a security accesses system applied it needed from me to add my username and password to link the cloned website. I had a problem in Log in.
I asked the instructer for a solution which is to reset my password through Gitlab website. Successful Attempt + adding it to my local PC by using git config function and cd.
Git configuration Function The user.name/email is not about remote authentication, but about local commit authorship (the committer user name/email associated with the commit you are creating locally), therefore you can’t push entering any credentials. After staging the desired changes you need to push which enable to display them in your website entering any credentials.
Cd (change directory), is a command-line shell command used to change the current working directory in various operating systems. In the case of the case above is saying create a folder name ‘abdulla.alsaood’ in desktop and add all following files and link it to the remote server in this case the gitlab website.
Open Visual studious app (choose ‘your.name’ folder’)
Format of Visual Studios similar to the website + signing Student Agreement.
For coding format it is helpful to use mkdocs cheat sheet.
To add images it is important to be less than 500 kp per picture, therefore using an image compress tool or website is a must. Example: iloveimg.com
How to add an image to the website using Visual Studios?
Choose desired image or screenshot, make sure it is less than 500 kb then add at to the image file in ‘your.name’ file, make ensure that the name of the image there is no space in it use – instead.
Example code (note that ‘..’, is a command of the terminal to go to level back from its current position)
Week classes summary:¶
Understanding how the program works
Remote – a computer with repo on it
Push is when you add or update new code to remote.
Pull is get new commits to the repo from the remote
Save the changes with ctrl+s then it is crucial to write a comment for the program to run. Then click ‘Commit’. Stage- is saying that I want to place the changes in a shown area. Click the arrow pointed upward to ‘Push’ for the changes in the stage to be applied.
Research for Final Project Ideas¶
This week I worked on defining my final project idea and started to getting used to the documentation process.I start doing research for my final project and I think I reached to a simple first draft regarding the idea but there some challenges in how I can do what I do regarding the lock mechanism, design of the box and the electric part, programing the box to close and open related to the time shown in the screen, the emergency mechanis, and finally connection to phone.
First Sketch¶
Design Thinking¶
Understanding this cycle help you understand your design importance and its solution to the problem statement.
Simply it is a concept that enable you to illustrate your project main compenents; namely they are; User, Need, Solution and Unique Value Propesition.
From that concept I searched 5 research from google scholar and wrote introduction to my final project.
Introduction¶
Key words: Online gaming, Cell-phone addiction, Accidents, Depression and Behavior. The digital revolution has fundamentally transformed how we interact, learn, and entertain ourselves, bringing unprecedented connectivity and convenience to our daily lives. However, this technological advancement has also introduced new challenges, particularly in the form of behavioral addictions. Internet gaming addiction has emerged as a significant concern in contemporary society, manifesting through various psychological and behavioral symptoms that can severely impact an individual’s wellbeing. These include psychomotor disorders, emotional desensitization, and personality changes, which can significantly disrupt normal functioning and social relationships.
Parallel to gaming addiction, cell phone dependency has become increasingly prevalent, with research revealing strong connections to specific personality traits such as extraversion, neuroticism, and impulsivity. This form of technological dependency often correlates with mental health challenges, including sleep disorders, anxiety, and stress, mirroring many of the symptoms observed in broader internet addiction cases. The implications of these dependencies extend beyond psychological effects, as evidenced by the concerning relationship between mobile phone addiction and increased risk of road accidents, with affected individuals being nearly two and a half times more likely to be involved in phone-related accidents.
Of particular concern is the impact of technology on adolescent mental health, with studies indicating a potential connection between increased technology use and rising depression rates among young people since 2011. While technology itself may not be the primary cause of depression, its role in shaping adolescent experiences and mental health outcomes cannot be ignored. Understanding these challenges requires a comprehensive approach that considers both the neurological aspects of addiction and the broader social context. Recent advances in neuroscience have provided valuable insights into motivation and reward systems, offering new perspectives on behavior change processes that could be crucial in addressing these modern addictions. This growing body of knowledge is essential for developing effective prevention strategies and treatments for technology-related addictions in our increasingly digital world.
Design Structure¶
Design structure is a way to sketch the main component of the design and try to set different way to arrange the elements while having the problem statement into consideration to think of the limitation of each solution arrangement sketch.