I253 Presessional Informatics: Difference between revisions

From ICO wiki
Jump to navigationJump to search
Lvosandi (talk | contribs)
Sahuts (talk | contribs)
 
(16 intermediate revisions by one other user not shown)
Line 4: Line 4:


ECTS : 2  
ECTS : 2  
 
4
Grading: Test + homework
Grading: Test + homework


Line 38: Line 38:
* Store your homepage files in Git repository at GitHub
* Store your homepage files in Git repository at GitHub
* Set up GitHub authentication using SSH keys
* Set up GitHub authentication using SSH keys
* Complete a test online, time will be set to schedule, probably mid-october
* Set up passwordless authentication between your personal computer and school servers (enos, doris) to access command-line and transfer files
* Edit a page on this wiki, for example by fixing a typo on this page
* Set up software necessary to do homework in other courses eg Java 8, Intellij, Eclipse, PuTTY, Git Bash, notepad++, Atom.io, Sublime, Ubuntu, web server etc.
* Create a page on this wiki by creating a howto page accompanied with screenshots relevant for this course (VirtualBox, FileZilla, WinSCP, Cyberduck etc)
* Complete a test online, cybersecurity students 16:00 18. october 2016
* Gotten familiar with virtualization, has installed Windows and Ubuntu into a virtual machine in one of the labs
* [http://enos.itcollege.ee/~lvosandi/check.html Grading bot] checks your progress once an hour
* [http://enos.itcollege.ee/~lvosandi/check.html Grading bot] checks your progress once an hour


==Homework==
==Homework==


* CodeAcademy [https://www.codecademy.com/learn/learn-the-command-line Linux command-line course]
Go through following CodeAcademy tracks:
* CodeAcademy [https://www.codecademy.com/learn/web HTML & CSS course]


* [https://www.codecademy.com/learn/learn-the-command-line command-line]
* [https://www.codecademy.com/learn/web HTML & CSS]
* [https://www.codecademy.com/learn/learn-git Git]


==Lectures==
==Lectures/labs==


===First session: Introduction to Windows and personalisation of enos homepage===
===First session: Introduction to Windows and personalisation of enos homepage===
In windows you can log in using user: "kylaline" and password:"kylaline". Log in with ID-card using Chrome or Firefox and reset your password [http://itcollege.ois.ee SIS]. ID-card does not work with Microsoft Edge! Write down your IT College (ITC) username, which you can find from "My Data". Log out of your guest account and try to log in using the username and password which you obtained from SIS. After that check whether you are able to log in to [http://wiki.itcollege.ee Wiki] as well as [https://outlook.colm/itcollege.ee e-mail server]. When logging into outlook, username is using format "username@itcollege.ee". All necessary links can be found [http://www.itcollege.ee/ IT College homepage] top left corner.
In windows you can log in using user: "kylaline" and password:"kylaline". Log in with ID-card using Chrome or Firefox and reset your password [http://ois2.ttu.ee SIS]. ID-card does not work with Microsoft Edge! Write down your IT College (ITC) username, which you can find from "My Data". Log out of your guest account and try to log in using the username and password which you obtained from SIS. After that check whether you are able to log in to [http://wiki.itcollege.ee Wiki] as well as [https://mail.ttu.ee e-mail server]. When logging into outlook, username is using format "username@itcollege.ee". All necessary links can be found [http://www.itcollege.ee/ IT College homepage] top left corner.


In Windows 'This PC' should have four drives in it:
In Windows 'This PC' should have four drives in it:
Line 95: Line 98:


If you have done all of the above, try to access files on enos server using FileZilla. FileZilla is preinstalled in Windows. You can also install it to your personal computer or use WinSCP. If you want to mount your private folder as it has been mounted on Windows workstations you can use [http://www.swish-sftp.org/ Swish].
If you have done all of the above, try to access files on enos server using FileZilla. FileZilla is preinstalled in Windows. You can also install it to your personal computer or use WinSCP. If you want to mount your private folder as it has been mounted on Windows workstations you can use [http://www.swish-sftp.org/ Swish].
To access the command line from Windows you can use [https://the.earth.li/~sgtatham/putty/latest/x86/putty.exe PuTTY]. Use [https://the.earth.li/~sgtatham/putty/latest/x86/puttygen.exe PuTTYgen] to generate public/private key pair, make sure you save the private file in a file. To select generated key in PuTTY select on the left hand panel Connection -> SSH -> Auth -> Privater key file for authentication and click Browse... to select the generated file. Also set the username under Connection -> Data -> Auto-login username. Finally save these configuration changes by going back to Session section, selecting Default Settings and hitting Save.


Connecting FileZilla:
Connecting FileZilla:
Line 105: Line 106:


Make sure you can access your folder, try to upload/download files-
Make sure you can access your folder, try to upload/download files-
To access the command line from Windows you can use [https://the.earth.li/~sgtatham/putty/latest/x86/putty.exe PuTTY]. Use [https://the.earth.li/~sgtatham/putty/latest/x86/puttygen.exe PuTTYgen] to generate public/private key pair, make sure you save the private file in a file. Log in to server using PuTTY, type your username after "log in as:" then enter the password. Copy the public key from PuTTYgen window, run <code>cat >> .ssh/authorized_keys</code>, paste the public key, hit Enter to add newline and hit Ctrl-D twice to end the input.
To select generated key in PuTTY select on the left hand panel Connection -> SSH -> Auth -> Privater key file for authentication and click Browse... to select the generated file. Also set the username under Connection -> Data -> Auto-login username. Finally save these configuration changes by going back to Session section, selecting Default Settings and hitting Save.


===Second session: Introduction to Ubuntu and creating virtual machines===
===Second session: Introduction to Ubuntu and creating virtual machines===
Line 234: Line 242:




===Fourth session: Git ja SSH keys===
===Fourth session: Git and SSH keys===


This time we'll take a look how Git works and how to set up public key authentication between your personal computer, GitHub and enos.
This time we'll take a look how Git works and how to set up public key authentication between your personal computer, GitHub and enos.
Line 240: Line 248:
Proceed to do the development portion of your homepage on your computer:
Proceed to do the development portion of your homepage on your computer:


* If necessary install Git on your Ubuntu box: <code>apt install git</code>
* If necessary install Git on your Ubuntu box: <code>apt install git tig gitg</code>, Windows users can check out [https://git-for-windows.github.io/ Git Bash]
* Register account at GitHub
* Register account at GitHub
* Create a repository for your homepage at GitHub
* Create a repository for your homepage at GitHub
Line 247: Line 255:
* Add files to newly created directory, eg index.html and some images
* Add files to newly created directory, eg index.html and some images
* Tell Git to keep track of the files <code>git add index.html</code>
* Tell Git to keep track of the files <code>git add index.html</code>
* Configure your full name for Git commits: <code>git config --global user.name "First Last"</code>
* Configure your full name for Git commits: <code>git config --global user.name "Lauri Võsandi"</code>
* Configure your e-mail for Git commits: <code>git config --global user.email first.last@domeen.tld</code>
* Configure your e-mail for Git commits: <code>git config --global user.email lauri.vosandi@gmail.com</code>
* Make your first commit using <code>git commit</code>, Git asks for the description, this should answer to question "what was added/changed/deleted?"
* Make your first commit using <code>git commit</code>, Git asks for the description, this should answer to question "what was added/changed/deleted?"
* Publish your changes using <code>git push</code>
* Publish your changes using <code>git push</code>
Line 288: Line 296:
</source>
</source>


==Fifth session: Importing virtual appliances==
Do not just copy-paste the whole thing, consider what kind of project you're working on.
 
===Fifth session: Importing virtual appliances===


There is a lot of software available as virtual appliances (*.ova files). This means that a piece of software has been packaged as a virtual machine harddisk image plus the accompanying metadata which includes network configuration etc.
There is a lot of software available as virtual appliances (*.ova files). This means that a piece of software has been packaged as a virtual machine harddisk image plus the accompanying metadata which includes network configuration etc.
Line 294: Line 304:


In this example we'll download a Ubuntu server virtual appliance from  http://upload.itcollege.ee/ova/lamp.ova
In this example we'll download a Ubuntu server virtual appliance from  http://upload.itcollege.ee/ova/lamp.ova
to practice more with playing around with SSH and accessing resources on a server.


Before importing it to VirtualBox create a host-only adapter in VirtualBox by clicking Preferences in the VirtualBox main windows' menu:
Before importing it to VirtualBox create a host-only adapter in VirtualBox by clicking Preferences in the VirtualBox main windows' menu:
Line 307: Line 318:
* Try to log in: <code>ssh student@192.168.56.101</code>
* Try to log in: <code>ssh student@192.168.56.101</code>
* Change the password of user student: <code>passwd</code>
* Change the password of user student: <code>passwd</code>
* Change the password of MySQL administrator: <code>sudo dpkg-reconfigure mysql-server-5.*</code>
* Change the password of MySQL administrator
* Try to access files via sftp://student@192.168.56.101
* Try to access files via sftp://student@192.168.56.101
* Make the web server files editable by user student with: <code>sudo chown student -R /var/www/html</code>
* Make the web server files editable by user student with: <code>sudo chown student -R /var/www/html</code>
Line 313: Line 324:
For practice try to set up your homepage in the virtual machine as we did on enos.itcollege.ee
For practice try to set up your homepage in the virtual machine as we did on enos.itcollege.ee


If you didn't change the password then [https://www.youtube.com/watch?v=PivpCKEiQOQ think again]
If you didn't change the password then [https://www.youtube.com/watch?v=PivpCKEiQOQ think again], many virtual machines ship with default passwords that can allow hackers to get in. Be careful when downloading stuff off the internet, virtual machines downloaded from arbitrary websites might have malware bundled with them.
 
 
 
==Sixth session: Keyboard shortcuts==
 
Unplug the mouse from your computer and deal with it.
 
If running Ubuntu, press Ctrl-Alt-F1 to open up text-only console and then Ctrl-Alt-Delete for graceful reboot.
 
If the up button does not work (because of keyboard firmware issue :D)  then use the up button on numpad. Use NumLock to switch between number entry and arrow button modes.
 
Some other keyboard shortcut notations, especially in the Help section of older terminal programs:
 
* Super is a vendor-neutral way to refer to Windows button on PC or Command key ⌘ on Mac
* M-r means Alt-R, because M refers to Meta key which is also known as Alt key
* Meta-R means Alt-R
* ^X means Ctrl-X
 
Windows/Ubuntu:
 
* Alt-Tab - Switch between windows
* Alt-Space - Opens window's menu, to move, resize, minimize, maximize the window
* Alt-F4, for dialog windows also Escape - Close window
* Alt-F, Atl-E, ... - Open the main menu of current window
 
Mac OS X:
 
* ⌘-Tab - Switch between windows
* ⌘-C - Copy
* ⌘-V - Paste
 
File browser:
 
* F2 - Rename file
* Ctrl-Arrow buttons  and Space - Select individual files
* Shift-Arrow buttons - Select bunch of files
* Ctrl-A - Select all files
* Ctrl-C - Copy file
* Ctrl-V - Paste file
* Ctrl-X - Cut file
* Alt-Up or Backspace - Go up in directory tree
* Alt-Left, Alt-Right - Navigate back and forth
* Alt-Enter - Open file properties
* Enter - Enter directory, open file
 
 
 
Windows:
 
* Super-PrintScrn - Take a screenshot of the desktop and place it under Pictures/Screenshots
* Ctrl-Alt-Arrow buttons - Rotate screen
* Super-Left - Resize window to leftmost half of screen
* Super-Right - Resize window to rightmost half of screen
* Super-Up - Maximize window
* Super-R - Run command
* Super-D - Show desktop
* Super-L - Lock screen (?)
 
Ubuntu:
 
* Ctrl-Super-Left - Resize window to leftmost half of screen
* Ctrl-Super-Right - Resize window to rightmost half of screen
* Ctrl-Super-Up - Maximize window
* Ctrl-Super-Up - Minimize
 
* Ctrl-Alt-T - Open terminal
* Ctrl-Alt-L - Lock screen
* Alt-F2
 
Firefox/Chrome:
 
* Ctrl-U - View page source
* Ctrl-F - Find in page
* Alt-Left, Backspace - Navigate back in history
* Alt-Right, Shift-Backspace - Navigate forward in history
* Ctrl-R - Refresh
* Ctrl-N - Open window
* Ctrl-T - Open tab
* Ctrl-Shift-N - Open new incognito window
* Ctrl-W - Close tab
* Ctrl-L - Open address bar
* Ctrl-K - Search
* Ctrl-H - History
* Ctrl-Tab - Switch between tabs
* Tab - Focus next clickable element in the web page
* Shift-Tab - Focus previous element
* Enter - Click on an element
* Ctrl-Shift-J - Open developer console
* Ctrl-Shift-T - Reopen closed tabs
* Ctrl-D - Bookmark
* Ctrl-Plus, Ctrl-Minus, Ctrl-0 - Zoom in, zoom out, reset zoom factor
* Ctrl-1, Ctrl-2, ..., Ctrl-9 - Select tab in Chrome
* Alt-1, Alt-2, ..., Alt-9 - Select tab in Firefox
 
Text editors/IDE-s:
 
* Ctrl-A - Select all text
* Ctrl-S - Save
* Ctrl-O - Open file
* Ctrl-F - Find in file
* Ctrl-H - Search & replace (?)
* Ctrl-Arrows - Jump back and forth by words
* Shift-Arrows - Select text
* Tab - Indent
* Shift-Tab - Unindent
* Page Up/Page Down - Scroll up and down by page
* Home/End - Go to the beginning/end of line
* Alt-1, Alt-2, ..., Alt-9 - Select tab
* Ctrl-Page Up, Ctrl-Page Down - Switch between tabs
 
Terminal:
 
* Up/Down - Navigate through command history
* Shift-Alt-Up/Down - Scroll up down in terminal output
* Ctrl-R - Search command history
* Ctrl-C - Kill currently running command
* Ctrl-Shift-C - Copy text from terminal
* Ctrl-Shift-V - Past text to terminal
* Ctrl-Z - Background and suspend a command, if accidentally pressed run <code>fg</code> to resume
* Ctrl-D - End of input, on blank command line equivalent with <code>exit</code>
* Ctrl-L - Clear screen, equivalent with <code>clear</code>
* Ctrl-Plus, Ctrl-Minus, Ctrl-0 - Zoom in, zoom out, reset zoom factor
 
Command line Norton Commander style file browser, run <code>mc</code> in terminal or to install on a personal machine <code>apt install mc</code>:
 
* Tab - Switch between panels
* F4 - Edit file  --> here select mcedit, it's a neat text editor
* F5 - Copy file
* F6 - Move/rename file
* F7 - Create directory
* F8 - Delete file/folder
* F9 - Open main menu
* F10 - Exit
* Alt-S - Search for files, unfortunately Ubuntu dashboard eats this keyboard shortcut


Command line web browser links, open with <code>links wiki.itcollge.ee</code> or to install on a personal machine <code>apt install links</code>
===Sixth session: Keyboard shortcuts===


* Up/down arrow buttons - Navigate between links
Unplug the mouse from your computer and deal with it. [[Keyboard shortcuts]] are on a separate page.
* Left/right - Go back/forward in history, click on link
* Enter - To click
* F10 - Open main menu
* q - Quit browser
* g - Go to another URL

Latest revision as of 12:20, 4 September 2017

General information

Oh no, I am not cyber warrior! No worries, just head over to Estonian translation of the same course.

ECTS : 2 4 Grading: Test + homework

Lecturer: Lauri Võsandi with tutors Arti Zirk, Marvin Martinson, Kristjan Peterson, Taavi Teearu, Mohanad Aly


Prerequisites and target audience

Course aims to prepare freshmen for lectures read during fall-semester and to familiarize themselves with IT college's infrastructure. Powerusers are probably able to learn everything on the fly. It is advised to fill your voluntary subject points from other subjects.

Course goals and content

Topics aren't nescessarily in correct order, but to pass this course you should know following things:

  • ITC technical manuals, printing, e-mail forwarding and using enos web server.
  • Basics of computer hardware, so you know which computer to purchase.
  • Keyboard shortcuts for Windows users, for Ubuntu users - it's a bit embarrasing if you are using mouse like a savage instead of Alt + Tab.
  • Managing files in Windows, in Ubuntu. You know how to copy, move, delete files. Distinguish files from folders. Can switch on showing file extensions and hidden files.
  • Using text editor Notepad++ in Windows, Gedit in Ubuntu. Use correct indentation, line breaks and charset (UTF-8).
  • Using SSH to manage servers and other computers via command line (access, copy, relocate, delete, modify files) PuTTY and for GUI access via SFTP WinSCP
  • Basics of version control systems, can distinguish software from service e.g. Git vs GitHub. Knows how to add files to version control system (add-commit-push) and open ones code on GitHub.
  • Basics of virtualization, can dual-boot between Windows and Ubuntu in a virtual machine and can manage doing the same to personal computer. Has heard of assigning resources to virtual machines, knows the difference between B, KiB, kB, B, MiB, MB, GiB, Gb.
  • Can figure out what is connected to where inside the computer (PCI, USB, SATA).
  • There will be additional bits and pieces here in the future...

Grading

In order to pass the course:

  • Set up a web page in enos web server
  • Store your homepage files in Git repository at GitHub
  • Set up GitHub authentication using SSH keys
  • Set up passwordless authentication between your personal computer and school servers (enos, doris) to access command-line and transfer files
  • Set up software necessary to do homework in other courses eg Java 8, Intellij, Eclipse, PuTTY, Git Bash, notepad++, Atom.io, Sublime, Ubuntu, web server etc.
  • Complete a test online, cybersecurity students 16:00 18. october 2016
  • Gotten familiar with virtualization, has installed Windows and Ubuntu into a virtual machine in one of the labs
  • Grading bot checks your progress once an hour

Homework

Go through following CodeAcademy tracks:

Lectures/labs

First session: Introduction to Windows and personalisation of enos homepage

In windows you can log in using user: "kylaline" and password:"kylaline". Log in with ID-card using Chrome or Firefox and reset your password SIS. ID-card does not work with Microsoft Edge! Write down your IT College (ITC) username, which you can find from "My Data". Log out of your guest account and try to log in using the username and password which you obtained from SIS. After that check whether you are able to log in to Wiki as well as e-mail server. When logging into outlook, username is using format "username@itcollege.ee". All necessary links can be found IT College homepage top left corner.

In Windows 'This PC' should have four drives in it:

  • C: - Location of running Windows. SSD - not much space, but it's fast
  • D: - This is regular HDD, lots of space but slower. Virtual machines should go there in the future.
  • H: - This contains everything you have in enos.itcollege.ee server, also contains public_html folder that can be accessed from a web browser using address http://enos.itcollege.ee/~username/
  • U: - This is public folder, using which you can share files with one-another. Only for public content - no pirates allowed.

Create a file called index.html onto H: drive into public_html folder. Create content that introduces you - Who are you? Where are you from? Add a picture. Example can be found here. To create index.html get yourself a decent text editor. For example Notepad++, choose portable version in .zip file, because you have no rights to install software to the system. Microsoft word is for word processing. It IS NOT a text editor. Notepad++ should be installed during next week. Since you have no previous knowledge of HTML, don't worry, that's why you are here. You will have a course explaining everything regarding web application development in spring semester.

For now, you can use following code to make yourself an introductive web page:

<html>
  <head>
    <meta charset="utf-8"/>
  </head>
  <body>
    <p>Hey, I'm Lauri from Tallinn, Estonia</p>
    <!-- These two are from cloudfront server -->
    <img src="https://d1qb2nb5cznatu.cloudfront.net/users/18344-large?1405448591"/>
    <img src="//d1qb2nb5cznatu.cloudfront.net/users/18344-large?1405448591"/>

    <!-- These four are from enos server -->
    <img src="http://enos.itcollege.ee/~lvosandi/pics/lauri.jpeg"/>
    <img src="//enos.itcollege.ee/~lvosandi/pics/lauri.jpeg"/>
    <img src="/~lvosandi/pics/lauri.jpeg"/>
    <img src="pics/lauri.jpeg"/>

    <!-- Examples that definitely will NOT work -->
    <img src="/home/lvosandi/public_html/pics/lauri.jpeg"/>
    <img src="H:\public_html\pics\lauri.jpeg"/>
    <img src="pics\lauri.jpeg"/>
  </body>
</html>


If you have done all of the above, try to access files on enos server using FileZilla. FileZilla is preinstalled in Windows. You can also install it to your personal computer or use WinSCP. If you want to mount your private folder as it has been mounted on Windows workstations you can use Swish.

Connecting FileZilla:

  • hostname: enos.itcollege.ee
  • username: <your-SIS-username>
  • password: <your-SIS-password>
  • port: 22

Make sure you can access your folder, try to upload/download files-


To access the command line from Windows you can use PuTTY. Use PuTTYgen to generate public/private key pair, make sure you save the private file in a file. Log in to server using PuTTY, type your username after "log in as:" then enter the password. Copy the public key from PuTTYgen window, run cat >> .ssh/authorized_keys, paste the public key, hit Enter to add newline and hit Ctrl-D twice to end the input.

To select generated key in PuTTY select on the left hand panel Connection -> SSH -> Auth -> Privater key file for authentication and click Browse... to select the generated file. Also set the username under Connection -> Data -> Auto-login username. Finally save these configuration changes by going back to Session section, selecting Default Settings and hitting Save.


Second session: Introduction to Ubuntu and creating virtual machines

Boot your computer to Ubuntu, if computer is in Windows restart it and while in dualboot menu select Ubuntu (NOT advanced option). You should be able to log in with the same username and password as in SIS, Outlook and Windows environment. In case of emergency keep calm and use username: "student" and password: "student" In that case drive H: will not be attached and you have no access to your files in school server.

In Ubuntu, your home folder will be at /home/username. There are no drives C:, D: or H:, because all those rescources will be attached to folders. Drive H: familiar from Windows will be accessable in folder /home/username/Dokumendid and drive U: will be at /home/username/Avalik and D: can be found at /shared .

To open terminal use Ctrl + Alt + T

Some commands cherry-picked from last years I600 course:

  • Use lsb_release -a command to see what exact linux version are you running
  • Use uname -sr command to see what kernel version is your computer running
  • Use cat /proc/cpuinfo command to see everything there is to know about the processor your computer is running on. What's the model and how many cores does it have?
  • Use arch to see whether running configuration is 32- or 64 bit
  • Use cat /proc/meminfo command to see memory information. How much RAM does your computer have?
  • Use lspci -t -v -nn command to see which PCI and PCI Express devices are connected. Try to understand what is where.
  • Use lsusb and lsusb -t command to show all USB devices. Try to understand what is where.
  • Use lsblk command to show all drives, how much capacity does your computer's HDD/SSD have?
  • Use xrandr command to list all video output connectors. Which resolutions are available, which one is in use?
  • Use cat /proc/asound/cards command to list all audio devices.
  • Use dmidecode to get more information about your computer. For example which frequency is your RAM running on and which socket are they using? In case you need to shop for more RAM. The cheapest upgrade possible for a computer.
  • Use ifconfig -a or ip addr list commands to list network adapter settings
  • Use htop command to list all processes

Download Windows 10 ISO and install it to a virtual machine created with VirtualBox. Assign 8GB of RAM and 100 GB of HDD which is located under /shared. Otherwise SSD will be filled. Download Ubuntu MATE 16.04 ISO and install it to the same virtual machine. During installation choose "Install alongside Windows". If no such option was presented, Windows in the virtual machine was not correctly shut down. If Ubuntu should freeze while booting try to assign more cores to the virtual machine, that model of the processor does not exist with a single core.

Third session: Hello world in different programming languages

Try to create "Hello, World!" in different programming languages using Ubuntu. Try to add functionality to the program. Add asking name and let the program greet user using inserted name. Why is running programs so different in different languages? Name strenghts and weaknesses of used programming languages? Restart your computer, boot into Windows and try to do the same in Visual Studio using C#.


Python

Open gedit text editor, and save the following content into file hello.py.


#!/usr/bin/env python
print "Tere maailm"

Open command line Ctrl + Alt + T and run file you just saved:

python hello.py

Ruby

Create file hello.rb:

#!/usr/bin/env ruby
puts "Hello, world!"

Run the program on the command line:

ruby hello.rb


Bash

Create file hello.sh:

#!/bin/bash
echo "Hello, world!"

Run program on command line:

bash hello.sh

C

Create file hello.c:

#include <stdio.h>
void main() {
    printf("Hello, world!\n");
}

Compile program on the command line:

gcc hello.c -o hello

Run program in file hello:

./hello


Java

Create file HelloWorld.java:

class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello World!");
    }
}

Compile on command line:

javac HelloWorld.java

Run compiled Java bytecode in file HelloWorld.class

java HelloWorld


Fourth session: Git and SSH keys

This time we'll take a look how Git works and how to set up public key authentication between your personal computer, GitHub and enos.

Proceed to do the development portion of your homepage on your computer:

  • If necessary install Git on your Ubuntu box: apt install git tig gitg, Windows users can check out Git Bash
  • Register account at GitHub
  • Create a repository for your homepage at GitHub
  • Set up SSH authentication between your own computer and GitHub server using ssh-keygen -t ecdsa -P "", dump public key on the terminal using cat ~/.ssh/id_ecdsa.pub and paste it to GitHub web page (Settings -> SSH and GPG keys), detailed instructions here
  • Clone the repository to your computer using git clone git@github.com:username/repo.git, cd repo
  • Add files to newly created directory, eg index.html and some images
  • Tell Git to keep track of the files git add index.html
  • Configure your full name for Git commits: git config --global user.name "Lauri Võsandi"
  • Configure your e-mail for Git commits: git config --global user.email lauri.vosandi@gmail.com
  • Make your first commit using git commit, Git asks for the description, this should answer to question "what was added/changed/deleted?"
  • Publish your changes using git push

Now proceed to do the administration portion on enos.itcollege.ee by setting up your homepage there so it is connected to the Git repository

  • Set up SSH public key authentication between your computer and enos.itcollege.ee using ssh-copy-id username@enos.itcollege.ee
  • Set up public key authentication between your account on enos.itcollege.ee and GitHub, the same way you did for your computer above.
  • Move the old webpage with: mv ~/public_html ~/homepage_backup
  • Clone the repository to enos: git clone https://github.com/username/repo/ ~/public_html
  • Check that your homepage is back up and running by going to http://enos.itcollege.ee/~school-user-account

Now after all the stuff has been set up, the daily development cycle looks like this:

  • In your development machine edit files, use git add filename to tell Git to remember these changes, make a commit using git commit and publish changes using git push
  • In your production environment, that is the enos server you just do git pull

Get on the track with Git, manual isn't very helpful. Instead try to follow some Git for newbies guide.

Git should track *only* source code files, any kind of temporary/compiled/generated garbage does not belong to Git repo. Use .gitignore file to tell Git to ignore such files:

# Text editor backup files
*~
*.swp
*.bak
*.tmp
 
# Java project
build/
*.class
 
# Python project
*.pyc
 
# C/C++ project
*.so
*.o

Do not just copy-paste the whole thing, consider what kind of project you're working on.

Fifth session: Importing virtual appliances

There is a lot of software available as virtual appliances (*.ova files). This means that a piece of software has been packaged as a virtual machine harddisk image plus the accompanying metadata which includes network configuration etc. Many lecturers as well provide a *.ova file to work on the labs.

In this example we'll download a Ubuntu server virtual appliance from http://upload.itcollege.ee/ova/lamp.ova to practice more with playing around with SSH and accessing resources on a server.

Before importing it to VirtualBox create a host-only adapter in VirtualBox by clicking Preferences in the VirtualBox main windows' menu:

From VirtualBox's main windows' menu select Import Appliance ... and point to the file you just downloaded.

Start the virtual machine and once it has booted up try to:

  • In web browser open up http://192.168.56.101
  • Try to access MySQL server web interface, username root, password student: http://192.168.56.101/phpmyadmin
  • Try to log in: ssh student@192.168.56.101
  • Change the password of user student: passwd
  • Change the password of MySQL administrator
  • Try to access files via sftp://student@192.168.56.101
  • Make the web server files editable by user student with: sudo chown student -R /var/www/html

For practice try to set up your homepage in the virtual machine as we did on enos.itcollege.ee

If you didn't change the password then think again, many virtual machines ship with default passwords that can allow hackers to get in. Be careful when downloading stuff off the internet, virtual machines downloaded from arbitrary websites might have malware bundled with them.

Sixth session: Keyboard shortcuts

Unplug the mouse from your computer and deal with it. Keyboard shortcuts are on a separate page.