No.1 Orientation

About this Class

Don’t just “USE” but “Create”

In this class you we will be learning about “Information Technology”.  You may think “Well, I use smartphones and the internet all the time, there’s no reason to study it now”, or “I don’t plan on working at a IT company, so this has nothing to do with me”.  At SFC, we plan to train students to take advantage of IT at any field of intrest, and not only use but create services of their own.

You may think “If we pay money we can use new and convenient services, why should we bother making new ones?“.  As long as you use services that already exists, that is the limit of your choice.  To make new ideas into shape, there is the need to make a new system.  Also, there are times when it can not be handled by the system used until now because of changes of conditions.  One such example is a situation do to emergency or disaster.

At the time of the Great East Japan Earthquake, Google provided the “Person Finder”.  The core system of the “Person Finder” was actually made at the time of the Haiti earthquake, but was modified to suit the new conditions, and new features have been added on after another.  Below is a system that was made  to collect the text data of roaster photos, which was input by hand by the help of many volunteers.

Exercise 01-1

  • Search and summarize what kind of relationships there are between IT and the field of your intrest.

One big difference between learning at high school and college  distinguishing your thoughts from others.  To answer the exercise above, you will likely need to have reference from books or the internet.  If you do so, material quoted from any other sources MUST be clearly identified(SFC Guide Vol.2 p.55). Quoting fron any other documents without identifying their sources is a fraudulent behavior.

What we will be studying in this class

Information technology used all the way from nuclear power plants to video games.  It is impossible to study all of this at once, so in this class we will be studying about “Web Programming”.

One difference between information printed out on paper and Web, is whether you can move around the information by using a mouse or keyboard.  To create the movement of the information, a technology called “programming” is used.  Note, studying programming for just one semister will not give you the power to make Websites such as Youtube of Twitter. Let’s look at some of the spring semester’s final projects (sorry, in Japanese only) and see how much you will be able to program in this class.

This may seem quite easy compared to website from around the world, but is actually quite difficult for beginners to programs this much.

Some students studied and used technology a little beyond what they learned in class, and made the following.

About this Page

  • Besides the basics explained on this page, there are external pages linked with detailed information so remember to look at the links and study on your own.
  • There are some slides attached on this page displayed by PDF, which can be downloaded by clicking on the icon on the upper right corner.
  • On the exercise problems, the number of stars represents the difficulty.  Exercises with more than 4 starts are only for students who can solve it.

Grades

You will be graded by the following.

Touch Typing
There will be a touch typing test in the beginning, middle, and end of the semister.  You will fail the class if you do not pass the test.(this does not mean you will pass the class even if you pass the test)
Basic Knowledge
There will be two test at the second half of the semister.
Final Project
At the end of the semister, you will be given a project due in a few weeks.
Class Participation
Mainly based on attendence and homework.
  • There is no final test, and you will be graded based on the points above.  If any fraudery is found, no credits will be awarded for any courses taken in the semester.
  • Grades given may differ slightly depending on the instructor in charge.

How to use CNS

PC Rooms

  • Files created will be saved on the “file server”, so you will be able to access it from any computer.(It will be displayed differently if viewed from a server or Windows)
  • Be SURE to logout at the end of class.
  • If a class is in session, you may not use a computer even if it’s not in use.

E-Mail

  • If there are any contacts about the class, you will be notified by email(SFC mail), so make sure to check it every day.
  • When contacting your intructor, be sure to write the following: Name, Student ID, Login ID, which lecture the email is concerning.

It is perfered to use the question form on SFC-SFS.(E-mail sent on sfs will be sent to both the instructor and the TA/SA, and will be archived to prevent any trouble)

When sending email from cell phones, be sure to set the SPAM filter to receive email from the university.

If you have any troubles…

  • There is a Q/A on the SFC CNS GUIDE page 143.
  • If this does not solve the problem, contact the CNS consultant.

CNS consultants will help you out on how to use CNS.  If you have questions about the class or homework, ask the instructor or TA/SA.

Software used in Class

Operating System

What an operating system is will be described on the 10th lesson, so just think of it as a software that runs when you turn the computer on.

The iMacs in the PC Room run on a operating system called MacOS.

Browser

There are 2 browsers on the iMacs in the PC Room.  Both browsers will work fine, but there are slight differenes between the two.  This class will be using Firefox.

Firefox
A web browser developed by the Mozilla Foundation and its subsidiary
Safari
A browser developed by Apple, included in MacOS

Terminal

Mac and Windows is based on GUI(Graphical User Interface).  With GUI, you operate a computer by using a mouse and clicking on icons and menues.

In contrast, there is a method called CUI(Character User Interface).  With CUI, you operate a computer by typing commands with a keyboard.

GUI is very intuitive and easy to use. On the other hand with CUI, you must study commands and is harder to use, but is faster and suited for repeating commands many times.

To use CUI on Mac, there is an application called “Terminal”. To be percise, Terminal is an application for keyboard input and display output, and the program operation the command is actualy a different program called “shell”.

ShellAndCommand

Let’s try using Terminal

  • If there is a Terminal icon on the Dock, click it.  If there isn’t, try looking in the Utilities folder, which is under the Applications folder.
  • When the Terminal window opens, shell will automaticly start-up.
  • The “%” mark displayed on the left side of Terminal shows that the shell is waiting for a command(this is called “prompt”).  Now, you can start typing in commands.
Exercise 01-2(☆)
  1. Try typing the “date” command(which obviously shows the date).

    • type in "date" and press the return key
  2. Try typing the “cal” command which shows the calendar.
  3. Start-up the calculator app.  Type in the following command.

    • There is a space after "open".  The command after "open" is called an argument.
    • If you press the TAB key after you type "/App", the computer will automatically fill out "Applications"(as long as there aren't any files starting with "app").
  4. Display all of the files on the disk.  Type the following command.

    • "-R" is an "option" that indicates how ls" operates.
    • This will take some time to finish.  To stop the command, press down the “control” key and type “C”.
  5. Type the logout command which terminates shell.

    • Depending on the settings, the Terminal window may or may not close.

Text Editor

”Word” and “Pages” is often used to write something on a computer.  However, when writing a program,  functions such as changing fonts or drawing borders are useless, and come in the way when opening the file with different programs.

To avoid this, we use text editors to write programs.  Text editors save only letters without any excess information.

Text editors have features that help you coding, such as syntax highlighting, but this information is not recorded on the source file.  The text editor analyzes the program and displays this information(without editing the source file).

The following text editors are installed on the iMacs in the PC Room.

mi
A text editor developed for MacOS X
Emacs
The SUPREME text editor used from the elderies.  Emacs has been used from when there was no such thing as GUI, and naturally operates (mainly) only on keyboard input.  It is also famous for the Editor war between “vi”.
Excercise 01-3(☆)
  1. Make a new text editor file. write a random sentence, and save the file.
    • Save the file under “CNSiMac”.  The reason will be explained on the 3rd lesson.
    • Make the file name aaa.txt. The “.txt” part of the file name is called the “filename extension”, and represents that the file is a text file.
  2. Start-up Terminal, and type in the following command to show the content of the file.
  3. Make a word processor file(Microsoft Word) and type in the same sentence.  Make the file name “aaa.docx".
  4. Display the content of the file.
  5. We will not be using the file we just created, so let’s delete it.  You can delete the file by typing in the following command.

      aaa* means “every file that starts with aaa”.  Regard, if there are other files that start with “aaa”, those files will be deleted too.

    • When deleted by this command, the file will be deleted PERMANENTLY without going to the recycle bin.

The emacs installed on the iMac is a little bit difficult to use, and is recommended to make a file named “~/.emacs”, and write the type in the following.

(load-file “/pub/sfc/ipl/elisp/init.el”)

This will change the following settings.

  • change the meta key to “option”
  • copy and paste with command-X,C,V
  • change the menu to Japanese
  • auto-complete, physical-line

Touch Typing

Practicing

(Download PPT)

Software for Practicing Touch Typing

TUTTT

The software introduce on the slides above.

  • download TUTTT
  • Depending on the settings of Mac, the file may not open.  If so, right click the file and select “open”, and allow the confermation dialog. →OS X:About Gatekeeper
  • If a dialog for Java Runtime appears, install it at that time.  Java Runtime can also be installed from the following page. → Java.com

Software working on Browsers

  • keybr.com:Displays a keyboard on the screen and shows which key to type next
  • typeracer.com:Compete with other players

Typing Test

  1. Start-up Terminal
  2. Type "typingtestex"
  3. A new window will open.  You cannat use your mouse, so operate with your keyboard
  4. Follow the instructions given by the supervisor.  If you mistype a letter, you can delete it by typing the “delete” key, which is above the “return” key
  5. Once  the selection screen is displayed, wait for further instructions.
  6. When instructed, select the assinged number and start.
    • Youcan challenge any number of times during the 10-minute test time.  You will pass the test if you meet the passing points even once.
    • The letters you type will not be displayed.
    • You CANNOT use the Delete key, so restart typing from the present position.
    • At the end of the line, type the return key(do not type the space key).
    • The passing grade is 150 letters/min, less than 9 mistakes.
    • If “合格” appears on the screen, raise your hand and call the supervisor.  The supervisor will check the screen and Student ID Card.
    • If you pass, your student id will be posted on the web by the next day, so make sure to confirm. →List of passed students
Points to Check
  • What will we learn in this class?
  • What should we check when sending an E-mail to the instructor?
  • What is the difference between a text editor and word processor?
  • Why do we need to practice touch typing?