50
CSE3026 Web Application Development Lab 1: Trello & Git 1 Software Engineering Lab Except where otherwise noted, the contents of this document are Copyright 2016 HyungLak Kim,Gichan Lee, Scott Uk-Jin Lee. All rights reserved. Any redistribution, reproduction, transmission, or storage of part or all of the contents in any form is prohibited without the author's expressed written permission.

Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

CSE3026 Web Application Development

Lab 1: Trello & Git

1

Software Engineering Lab

Except where otherwise noted, the contents of this document are Copyright 2016 HyungLak Kim,Gichan Lee, Scott Uk-Jin Lee. All rights reserved. Any redistribution, reproduction, transmission, or storage of part or all of the contents in any form is prohibited without the author's expressed written permission.

Page 2: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

TrelloEx) https://trello.com/b/6otslC4i/template-board-agile-with-trello

2

Page 3: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Sign up

https://trello.com/home

3

Page 4: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Board

• Click ‘Create new board’

• Click Trello logo

4

Page 5: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

5

Page 6: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Add New List

• Click Add a list • Set name of a list

6

Page 7: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Add a new Item• click add a card then setting item name

7

Page 8: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

• Edit the description & Write a description

8

Page 9: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

• drag you want move item

Item able to move between the list

9

Page 10: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Delete item and list

• List • Item

• Move to archive

10

Page 11: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

More• You can set item member,label,checklist,due date and attachment

• Checklist

11

Page 12: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

• Add Members • Labels • Due Date

12

Page 13: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

1. Create a new board 2. Create a set of List -My information,Portfolio,Hobby&interest,Doing 3. Add information,career,resume,contact,phone number item in My information List

4. Add an item of the thing that you are doing now in Doing List and set item Due date

5. Add items (your project, paper or etc) in Portfolio List and set Label(team, solo, domestic, global…)

6. Add items representing your interest or bucket list in Hobby & Interest List and set checkbox(your bucket list)

Exercise 1

13

Page 14: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Example

14

Page 15: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

https://trello.com/guide http://buildbettersoftware.com/with-trello/

http://www.infoq.com/articles/scrum-trello http://wpcurve.com/trello-for-project-management/ https://trello.com/b/UTc6X4FS/-

Additional

Reference

15

Page 16: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

https://github.com/

Github

16

Page 17: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

You can think of a version control system (short: "VCS") as a kind of "database".

VCS(version control system)

17

Page 18: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

• Collaboration Without a VCS in place, you're probably working together in a shared folder on the same set of files

• Storing Versions (Properly) Saving a version of your project after making changes is an essential habit. But without a VCS, this becomes tedious and confusing very quickly

• Back up A side-effect of using a distributed VCS like Git is that it can act as a backup

• Understanding What Happened Every time you save a new version of your project, your VCS requires you to provide a short description of what was changed.

• Restoring Previous Versions Being able to restore older versions of a file (or even the whole project)

Why use VCS

18

Page 19: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Git work flow

19

Page 20: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

OS X • http://sourceforge.net/projects/git-osx-installer/

Windows • https://git-scm.com/download

Linux • $ apt-get install git

Install

20

Page 21: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Remote Repository

Sign in https://github.com Only input email address of Hanyang of University

21

Page 22: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Remote Repository

• Check the your email of Hanyang of University • Click “Verify email address”

22

Page 23: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Remote Repository

23

Page 24: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Remote Repository

24

If you don’t see this page

Click -> https://education.github.com/pack

Page 25: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Remote Repository

25

Page 26: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Remote Repository

26

Page 27: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Remote Repository

27

Page 28: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Remote Repository

28

Page 29: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New Local Repository

• Create a new folder and repository

$ git init

29

Page 30: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create a New File

• Create a new file

30

Page 31: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Add Files

$ git add <file name>

$ git add *

Add all files

•Add the created file,

‘hello.txt’, and track it

31

Page 32: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Commit Files

•Write commit message and commit added files

$ git commit -m “<message>”

32

Page 33: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

View commit logs

$ git log

33

Page 34: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Connect to Remote Repository

$ git remote add origin <URL>

$ git push -u origin master

34

Page 35: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Get Files From Remote Repository

• Clone files from repository of the remote server

$ git clone <URL>

35

Page 36: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Push and Pull at Remote Repository

$ git push origin master

• Push updates in local to remote server • *If you want to push to other branch input the branch name instead master

$ git pull

• Synchronize the local repository with remote repository

36

Page 37: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Edit Files

• Change the ‘text.txt’ ,create new file

37

Page 38: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Cancel Added Files

Create and add a text file, ‘todo.txt’

$ vi todo.txt

$ git add *

• Remove a specific file in the staged state

$ git rm --cached todo.txt

38

Page 39: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Ignore Files

Create ‘.gitignore’ and add the name rules for files to be ignored

$ vi .gitignore

Check that it works

$ git add *

$ git status

git config --global core.excludesfile .gitignore

39

Page 40: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Turn Back to the Recent Commit

$ git checkout <filename>

$ git checkout

• If you want to turn a specific file or all of files back to the recent commit

40

Page 41: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Change Files and Remove

$ git rm <filename>

• Remove a file

$ git mv <filename> <new_name>

Change file name

* If you change file name without using this command, git considers the existing file is removed and the new file is created

41

Page 42: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Exercise 21. Create an remote private repository

2. Create a program if you press “1” that print your email (language of your choice)

3. Add and commit local repository named “lab1” directory

4. Upload to your remote repository

5. Add a function to print your phone number when you press “2”

6. Update your remote repository

7. Add the git id of TA! (ID: koliaok)

42

Page 43: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Example

43

Page 44: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Example

44

Page 45: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Example

45

Page 46: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create Folder

46

Page 47: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create Folder

47

Page 48: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create Folder

48

Page 49: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

Create Folder

49

Page 50: Lab 1: Trello & Git - Hanyangselab.hanyang.ac.kr/courses/cse326/2016/labs/Web_Lab1.pdf · 2016-09-08 · 1. Create a new board 2.Create a set of List -My information,Portfolio,Hobby&interest,Doing

AdditionalA cheat sheet of common Git commands

• https://training.github.com/kit/downloads/github-git-cheat-sheet.pdf

Git reference

• https://rogerdudler.github.io/git-guide/index.ko.html

ProGit-kor

• https://progit2.s3.amazonaws.com/ko/2015-07-08-5c390/progit-ko.582.pdf

Git simple guide

• https://rogerdudler.github.io/git-guide/index.ko.html

50