Lab Assignment 7 | Web Forms and Manipulating Strings Interactive Features Added In this assignment you will continue the design and implementation of.

Slides:



Advertisements
Similar presentations
WeB application development
Advertisements

Introduction to PHP MIS 3501, Fall 2014 Jeremy Shafer
Introducing Cascading Style Sheets  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles  Text Formatting with CSS.
1 Chapter 12 Working With Access 2000 on the Internet.
Chapter 16 Dynamic HTML and Animation The Web Warrior Guide to Web Design Technologies.
Week 2 IBS 685. Static Page Architecture The user requests the page by typing a URL in a browser The Browser requests the page from the Web Server The.
PHP Scripts HTML Forms Two-tier Software Architecture PHP Tools.
Chapter 14 Introduction to HTML
Web Design Basic Concepts.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
DAT602 Database Application Development Lecture 15 Java Server Pages Part 1.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
8 Chapter Eight Server-side Scripts. 8 Chapter Objectives Create dynamic Web pages that retrieve and display database data using Active Server Pages Process.
PHP Tutorials 02 Olarik Surinta Management Information System Faculty of Informatics.
Chapter 4 Handling User Input PHP Programming with MySQL 2nd Edition
Practical PHP IDIA Spring 2012 Bridget M. Blodgett.
INTERNET APPLICATION DEVELOPMENT For More visit:
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Open Source Server Side Scripting ECA 236 Open Source Server Side Scripting Cookies & Sessions.
MySQL in PHP – Page 1 of 17CSCI 2910 – Client/Server-Side Programming CSCI 2910 Client/Server-Side Programming Topic: MySQL in PHP Reading: Williams &
CO1552 – Web Application Development Lists, Special Characters, and Tables.
Chapter 33 CGI Technology for Dynamic Web Documents There are two alternative forms of retrieving web documents. Instead of retrieving static HTML documents,
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
CREATING A SHELL FOR YOUR WEBSITE. Create Website plan (see previous) Refer to/revise website plan as needed Create a folder to place ALL WORK: web pages,
Web Technologies Website Development Trade & Industrial Education
1 PHP and MySQL. 2 Topics  Querying Data with PHP  User-Driven Querying  Writing Data with PHP and MySQL PHP and MySQL.
NMED 3850 A Advanced Online Design January 26, 2010 V. Mahadevan.
Web Development Using ASP.NET CA – 240 Kashif Jalal Welcome to week – 4-1 of…
Website Development with Dreamweaver
IST 210: PHP BASICS IST 210: Organization of Data IST210 1.
Tutorial 121 Creating a New Web Forms Page You will find that creating Web Forms is similar to creating traditional Windows applications in Visual Basic.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 7: Working with Frames Kelly L.
Creating Dynamic Web Pages Using PHP and MySQL CS 320.
PHP2. PHP Form Handling The PHP $_GET and $_POST variables are used to retrieve information from forms, like user input. Name: Age:
Chapter 5: Windows and Frames
Project 2 Web Page Design Creating and Editing a Web Page Pages
Variables and ConstantstMyn1 Variables and Constants PHP stands for: ”PHP: Hypertext Preprocessor”, and it is a server-side programming language. Special.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
XHTML & Forms. PHP and the WWW PHP and HTML forms – Forms are the main way users can interact with your PHP scrip Typical usage of the form tag in HTML.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
Intro to PHP IST2101. Review: HTML & Tags 2IST210.
Computational Boot Camp HTML Mike Schaffer. 8/23/2002 (MES) HTML What is HTML? HTML stands for HyperText Markup Language HTML is the language for publishing.
Introducing Cascading Style Sheets. Cascading Style Sheet Basics  Cascading Style Sheet Basics  Creating Styles  Using Styles  Manipulating Styles.
© Anselm Spoerri Web Design Information Visualization Course Prof. Anselm Spoerri
Website Development & Management A PHP Exercise CIT Fall Instructor: John Seydel, Ph.D.
הרצאה 4. עיבוד של דף אינטרנט דינמי מתוך Murach’s PHP and MySQL by Joel Murach and Ray Harris.  דף אינטרנט דינמי משתנה עפ " י הרצת קוד על השרת, יכול להשתנות.
INTRODUCTORY Tutorial 5 Using CSS for Layout and Printing.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
8 Chapter Eight Server-side Scripts. 8 Chapter Objectives Create dynamic Web pages that retrieve and display database data using Active Server Pages Process.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Basic ActionScript and PHP Cis 126. Getting Started set up a basic folder structure so we can keep our files organized. Mirror this structure on your.
Creating and Editing a Web Page
IS2803 Developing Multimedia Applications for Business (Part 2) Lecture 2: Introduction to IS2803 Rob Gleasure
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
PHP Form Processing * referenced from
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
Web Page Designing With Dreamweaver MX\Session 1\1 of 9 Session 3 PHP Advanced.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
INTERNET APPLICATIONS CPIT405 Forms, Internal links, meta tags, search engine friendly websites.
IST 210: PHP Basics IST 210: Organization of Data IST2101.
PHP: Further Skills 02 By Trevor Adams. Topics covered Persistence What is it? Why do we need it? Basic Persistence Hidden form fields Query strings Cookies.
Arrays and files BIS1523 – Lecture 15.
Intro to PHP & Variables
Building Web Applications
PHP.
HTML Forms What are clients? What are servers?
Presentation transcript:

Lab Assignment 7 | Web Forms and Manipulating Strings Interactive Features Added In this assignment you will continue the design and implementation of your lab 5 (Age Calculator). You will add user-directed interactivity that allows the user to select a different month or year from a set a links you provide. Based upon the user request you should provide them with both horizontal and vertical age chart tables which are correctly laid out for the requested month and year, since users may predict their age in terms of days in the future or trace back to their age in a specific year/month. The day information will predefined as the first day of each requested month. Then the user can have the flexibility to select different days in the requested month as well. At the bottom of the script page, a table of hyperlinks which point to every single day of the requested month will be displayed for user to pick up day information. Design Requirements You will build upon the existing Age Calculator that you created in lab assignment 5. All the features of that assignment should remain in your current lab. You will simply be adding new features to the features you previously implemented. In the previous lab assignment you were to determine and display the current date, month (either based on a date being hard coded or the current date), or other months in the current year and other years. Rather than hard coding the alternate months and years, you should now allow the user to select these from a dynamic hyperlink list that you provide. An example of what this hyperlink may look like is provided in the URL and footer portion of the example diagram (see next page). Using the hyperlinks, you should pass variables to the.php file and then assign the values to the variables you had previously hard coded. You can retrieve the passed GET variables from the superglobal array. You should use logic to correctly display the age chart tables for the selected month and year. Your hyperlink variable values will need to be dynamically set by your code so they continue to work no matter what year is being displayed. When you allow the user to jump to later and previous months in a year and to other years, the currently displayed month and year can act as a starting point in determining what to show next and how to set up the dynamic hyperlink values. Note here the day information is predefined as the first day of each requested month. After the age chart tables have been displayed, you will display a line of text which shows the displayed day, month and year (see the red circle in the diagram). Then a set of hyperlinks which point to each individual day of the displayed month will be displayed for the user to pick a different day, instead of the predefined first day of each month. For this set of hyperlinks, in addition to month and year, the day information will be passed to the php script as a parameter as well. When the user initially accesses the web page you should display the current day, month and year (as they have not yet specified a particular month and year to view). No matter what month, day or year is being displayed, the ‘Today’ information on the top of the page should continue to display the current date. The ‘Today’ word should also always be a hyperlink that points back to the current date’s age calculator chart tables by hyperlinking to itself. Hint: You can set this hyperlink without passing any variable values as the script would then think that this is your first visit to the web page and thereby display the current day, month and year (as earlier noted/required). In contrast to your lab 5, you should remove the single link at the bottom of your current date’s page which you previously used to get to another date’s page. You should continue to stick to the basics, using functions already available in PHP. In addition to date() and mktime() functions, you can use another system defined function cal_days_in_month() which calculate the number of days for any given month and year. You should not need to use any other functions for this assignment. Constants should be used for values that do not change, and variables for values that change during the course of execution.

You should use a file name that will automatically load when a user specifies only the folder name in the URL. The file should be uploaded to your Lab Assignment 7 directory. Your XHTML file should be well- formed and created using a strict XHTML DTD. You can create the web page using any text editor (Microsoft Notepad, RogSoft Notepad+, Adobe Homesite, etc) that is not WYSIWYG capable (Adobe Dreamweaver, Microsoft Word, etc). You will continue to display your age charts inside XHTML tables that if printed to a printer, should look similar to what you see in your web browser. You should use XHTML for the layout of all and CSS for the formatting of each of the pages. Using an external.css file, add formatting of your choice to make the output more aesthetically pleasing.

Approach You can simply add a new one row table below the age chart tables to include a set of interactive links for user to select different month and year. The current selected day, month and year will be echoed out below this set of interactive links. After that, another table will include a set of interactive links for the user to select different days for the currently selected month and year. All interactive hyperlinks in the table will be generated by PHP script. You will want to determine, code, and validate the.php file itself using XHTML (and absent of any new CSS). Once working like the output given, you can begin adding the CSS formatting. Finally, validate all the pages and correct any ill-formed tags where necessary.