Git Command

Below are just a list of commands for Git in the command line that I made a note on in my seminar with Rob.

cd = go to directory.

mkdir= make a directory

touch= make a blank file (can create lots files at once)

rm= remove

clear= clears the command line

../ back a directory

tab = completes a word

-a = all

git status= list the status of the git (shows whats being tracked and what isn’t and if they have been changed)

git add = tracks a file

git add . = tracks all files

git commit= commits any changes you’ve made should be followed with -am for all and for you to write a message about the changes

git push= pushes all changes

You should only upload small files, no PSDs or videos as the take up to much space.

Setting up GitHub and using Git

After having a session with Rob on how to use git through a command line I went home and decided to create a account on GitHub and create a repository. The main problem that I had was finding a command line program for Windows as I am more of a Windows user, Mac has terminal pre installed. After looking for a while I found GitHub had created a program for Windows which at first I thought was a GUI software that does the command line stuff in the background (which would be easier but I wanted to learn command line myself) but it came with a command line program as well!

1 2 3 4

Above are some pictures of me using the command line.

Group Meeting 1

My group has had their first meeting to discuss possible ideas for the website and decide on our roles within the group.

We thought of a website which users could upload Urban legend stories and share them and allowing other people to edit and expand on them so it would be a sort of community story. However after doing some research we found a popular website that already offers these features called creepypasta.com.

So we brainstormed a few more ideas and settled on a website that Bournemouth universities student could use. Most students go out and it is common in the news to see stories on how students have “crazy” nights out so we decided to create a site where students could upload real and truthful stories of their events on a night out. It would also be a place where they could create and check up on upcoming events around the area. Currently the idea is only limited to BU students however this may change to add more universities.

We also discussed our roles in the group. As I had a wider knowledge of HTML and CSS it was decided I would do most of the coding side, Jordan would create the design and art work for the site and Letitia would create the content. However no one is limited to just there role, we said we should all chip in on each. We will all do the PHP together and the files will be held on my Dakar server space.

Blog Structure

Last week we discussed how it is important to have a structure to a blog. It makes reading the blog easier and the overall design look nicer.

We have been tasked to create our own blog structure and this is mine:

  • Less but more specific Categories
  • More tags
  • Consistent image and video width of 500px
  • Using HTML editing instead of the rich text editor when writing posts
  • Using bullet points more
  • Short and sweet posts
  • Posting at least twice a week.

Design for Digital Media Environments-Understanding PHP-Connecting to a Database

For the last couple of week in the workshops we have been covering how to connect to our own database running on myphpadmin. I have decided to look more into this in my own time: the code I have created is this and I will run through what it all means:

<?php — Opening PHP file
if(isset($_POST[“post”])) {  this is saying if a submit button  with the name post run the following code.

$name = ($_POST[“name”]);   This is saying what ever is in the input part of the form with the name “name” then put that information into the database table with the name “name”
$post = ($_POST[“post”]); This is saying what ever is in the input part of the form with the name “post” then put that information into the database table with the name “post”

if(empty($name)) { This is just if submit is hit out there is no data inside the form if that is true then it will display the following message on the site
$message = “Invalid Name”;
} else if(empty($post)) {
$message = “Invalid Post”;
} else {   This is else statement for the above code so if the form was filled out it will run the below code
$query = “INSERT INTO post (name, post) VALUES (‘{$name}’, ‘{$post}’)”;  This is the code that puts the data into the database table “post”

$result = mysqli_query($connection, $query);

if($result) {
$message = “Success, your post was added”;
} else {
$message = “Sorry, something went wrong”;
}

echo $message;

}

}
?>

Group Project- Creating the About Us Page

The first thing we were ask to do as a team was create a about us page. I manage to find one of my team members Letitia Mills via Facebook and talked about who had more experience with HTML and CSS, it turned out I did, so I offered to create a mock up of the about page. I said I could easily create it using bootstrap and it was agreed that we would use it. Letitia is going to create the content for the page.

We are going to try and meet our third member this week in the workshop/seminars to see what they think and could add to the project.

Design for Digital Media Environments – ERD – Database

For our web project we will need to use some sort of database to hold data. We had a lecture on how this works and using Richard Barker’s model on how to hand create them first, lets us see what they may look like as an end product.

I was set the task to create a ERD for a recipe book site. Here is the data base I created:

database2

I then went on to check it in Microsoft Access to check if I was to use this I would run into any problems, thankfully I did not.

database1

Design for Digital Media Environments- Database Design

Today we had three lessons on database design.

In the first which was a workshop we were set a task to, set up a table within our database to allow users of the site to upload their information (username and password) Below are some images of me doing that:

Screen Shot 2015-02-10 at 09.39.57 Screen Shot 2015-02-10 at 09.41.49 Screen Shot 2015-02-10 at 09.44.50

I then had to find a way for people who cant access the database manually to input data, this is most commonly done on a website below is a screenshot of the code i created myself:

Untitled

Design for Digital Media Environments- Adding to WikiCommons

WikiCommons is a place for people to share images and video to be used by others without the worry of copyright. Under the Creative Commons Attribution ShareAlike 4.0 license which WikiCommons uses, any file uploaded by any user can be used by anyone. This is all explained in a graphic provided by WikiCommons which I will upload at the end of this post.

Using WikiCommons was very easy and took less then 20 minutes from creating an account to uploading my first image. I have also looked through some of the files uploaded by other users and have found lots of images that I may use in my project, if my group goes with my idea. This would be a huge help as we wouldn’t have to worry about copyright unlike when you take images off Google.

This slideshow requires JavaScript.

Design for Digital Media Environments – Setting up and using GitHub

I’ve started looking into GitHub, as my lecture told us it was a good way for a group to work together on the same files.

Everytime a file is updated on GitHub, it doesn’t override the whole file just the part that has been changed allowing two people to work on the same project without causing the other on to lose their work. It also allows us to look back on past files within the project just in case something goes wrong without loosing other work that went correctly.

I’ve only just started looking into GitHub and made my first repository. Its all very new to me and I will need to look at Lynda.com for their video tutorials on how it all works.

This slideshow requires JavaScript.