Welcome To CIS115 Introduction to Programming & Logic.
-
Upload
marlene-sanders -
Category
Documents
-
view
217 -
download
1
Transcript of Welcome To CIS115 Introduction to Programming & Logic.
Welcome Welcome ToToCIS115CIS115
Introduction to Programming & LogicIntroduction to Programming & Logic
Staff & ResourcesStaff & Resources
Instructor: Darell MatthewsInstructor: Darell Matthews
Course Assistants / Student VolunteersCourse Assistants / Student Volunteers
Course Website: cis115.infoCourse Website: cis115.info
Reference Books on web developmentReference Books on web development
Course InformationCourse Information
CIS110-0A – Darell MatthewsCIS110-0A – Darell Matthews
Syllabus and Objective InformationSyllabus and Objective Information
Course ExpectationsCourse Expectations
Lectures and ModulesLectures and Modules
Project-based Course AssessmentProject-based Course Assessment
Lab Time for Problem Sets / ProjectsLab Time for Problem Sets / Projects
What is Computer Science? What is Computer Science?
Webster: a branch of science that deals Webster: a branch of science that deals with the theory of computation or the with the theory of computation or the design of computersdesign of computers
Webster Learners: the study of computers Webster Learners: the study of computers and their usesand their uses
Urban Dictionary: the magical major where Urban Dictionary: the magical major where you have to write a program the night you have to write a program the night before it is due while your friends are before it is due while your friends are playing poker or “other” thingsplaying poker or “other” things
Why Use Computer Science?Why Use Computer Science?
Solve problems more quickly than humanly Solve problems more quickly than humanly possiblepossible
Integrate today’s media into ‘old school’ forms Integrate today’s media into ‘old school’ forms of communicationof communication
Create pages/apps that will accomplish Create pages/apps that will accomplish complicated goals with little effortcomplicated goals with little effort
Make things people can use so we can make $Make things people can use so we can make $$$$$
Common Problems We Common Problems We Can Solve Using CSCan Solve Using CS
Finding ‘Mike Smith’ in a phone bookFinding ‘Mike Smith’ in a phone book
Making a PB&J sandwich with an algorithmMaking a PB&J sandwich with an algorithm
$1,000,000 or $0.01 a day, doubled each day, $1,000,000 or $0.01 a day, doubled each day, for 30 daysfor 30 days
6 Degrees of Kevin Bacon6 Degrees of Kevin Bacon
What Programs Will What Programs Will I Write in CIS115I Write in CIS115
Laying out our web pages in Laying out our web pages in BalsamiqBalsamiq or other or other mockup applicationsmockup applications
Web pages in simple Web pages in simple HTML5HTML5 or or XHTML 1.0 XHTML 1.0 TransitionalTransitional
Styling our pages using Styling our pages using CSSCSS
Taking user input via Taking user input via PHPPHP
Storing/retrieving user input via Storing/retrieving user input via XML/MySQLXML/MySQL
Making pages interactive with Making pages interactive with JavaScriptJavaScript
What Assignments Will What Assignments Will I Have in CIS115I Have in CIS115
3-4 web-based projects, each with layout3-4 web-based projects, each with layout
1 using HTML5/XHTML and CSS1 using HTML5/XHTML and CSS
1 using HTML5/XHTML, CSS, XML, and JavaScript1 using HTML5/XHTML, CSS, XML, and JavaScript
1 using HTML5/XHTML, CSS, PHP, and JavaScript1 using HTML5/XHTML, CSS, PHP, and JavaScript
1 using HTML5/XHTML, CSS, PHP, MySQL, and JavaScript1 using HTML5/XHTML, CSS, PHP, MySQL, and JavaScript
1 Final Project utilizing all languages, mashups, 1 Final Project utilizing all languages, mashups, CMS, or other meansCMS, or other means
What Tools Will I Use to What Tools Will I Use to Program in CIS115?Program in CIS115?
Balsamiq Mock-Up Web (outlining utility - $FREE)Balsamiq Mock-Up Web (outlining utility - $FREE)
Programmer’s Notepad / Notepad++ (editing utility - Programmer’s Notepad / Notepad++ (editing utility - $FREE)$FREE)
WAMP (local web server for Windows - $FREE)WAMP (local web server for Windows - $FREE)
WinSCP (file transfer utility for Windows - $FREE)WinSCP (file transfer utility for Windows - $FREE)
Online Resources (W3Schools.com, PHP.net, Online Resources (W3Schools.com, PHP.net, MySQL.com - $FREE)MySQL.com - $FREE)
Every student in the class, course assistants, Every student in the class, course assistants, etc...!!!etc...!!!
Is This CS Stuff Something I Is This CS Stuff Something I Can Do @ Home?Can Do @ Home?
Certainly, the process is simple:Certainly, the process is simple:
Use Balsamiq to mock-up your page/siteUse Balsamiq to mock-up your page/site
Write your pages and style sheets using Write your pages and style sheets using Programmer’s NotepadProgrammer’s Notepad
Test your page/site using your WAMP server Test your page/site using your WAMP server locallylocally
Upload your page/site to our server for grading Upload your page/site to our server for grading using WinSCP (this step MUST be done from our using WinSCP (this step MUST be done from our classroom)classroom)
Can I Make $$$ With CS or Can I Make $$$ With CS or Making Web Pages?Making Web Pages?
Most DefinitelyMost Definitely
Today a nice site designed from scratch costs around $2,500-$10,000 Today a nice site designed from scratch costs around $2,500-$10,000 just for creation, not including maintenance.just for creation, not including maintenance.
Examples of $1,000-$1,500 web pages:Examples of $1,000-$1,500 web pages:
dougcreeger.comdougcreeger.com
pewrenovations.compewrenovations.com
bethabaraumc.combethabaraumc.com
ncfishinglog.com & ncfishinglog.com/mobilencfishinglog.com & ncfishinglog.com/mobile
Web-based applications (Easy Auction Software)Web-based applications (Easy Auction Software)
Page Type ExamplesPage Type ExamplesPhotoshop Image (difficult to update, wonderful control of colors and Photoshop Image (difficult to update, wonderful control of colors and images) = kmtballjig.comimages) = kmtballjig.com
CSS (easy to change/update, lots of code to write) = CSS (easy to change/update, lots of code to write) = pewrenovations.com & dougcreeger.compewrenovations.com & dougcreeger.com
JavaScript (looks great with dynamism, runs on client sandbox) = SCC JavaScript (looks great with dynamism, runs on client sandbox) = SCC Mobile site (www.friendsfa.com)Mobile site (www.friendsfa.com)
Flash (moving images, dynamic sounds) = bethabaraumc.comFlash (moving images, dynamic sounds) = bethabaraumc.com
Content Management System (ie: Drupal, Joomla, Wordpress - makes Content Management System (ie: Drupal, Joomla, Wordpress - makes daily updates and reorganization faster and easier) = daily updates and reorganization faster and easier) = sampsoncctech.info (Drupal)sampsoncctech.info (Drupal)
PHP/MySQL = gather user input and organize it for retrieval = PHP/MySQL = gather user input and organize it for retrieval = ncfishinglog.comncfishinglog.com
So What’s Next?So What’s Next?
Get our desktops ready for programmingGet our desktops ready for programming
Login to Windows 7 as ‘student / password’Login to Windows 7 as ‘student / password’
Start WAMP server and view icon menuStart WAMP server and view icon menu
Programmer’s Notepad, WinSCP3Programmer’s Notepad, WinSCP3
Lecture 0 - HTTP and the WebLecture 0 - HTTP and the Web