ഫീഡ്ബാക്ക് ഫോമുകള്‍ ഏവര്‍ക്കും പരിചിതമായിരിക്കും. മിക്കവാറും എല്ലാ സൈറ്റുകളിലും ഈ സൌകര്യം, ഉപയോക്താക്കള്‍ക്ക് ലഭ്യമാണ്. വെബ് സൈറ്റ് പ്രേക്ഷകര്‍ക്ക്, അഭിപ്രായങ്ങളും നിര്‍ദ്ദേശങ്ങളും വെബ് സൈറ്റില്‍ നിന്നു തന്നെ, അതിന്റെ നിര്‍മ്മാതാക്കള്‍ക്ക് അയയ്ക്കുവാനുള്ള സൌകര്യമാണ് ഫീഡ്ബാക്ക് ഫോമുകള്‍ എന്നതുകൊണ്ട് ഉദ്ദേശിക്കുന്നത്. ഫ്രണ്ട് എന്റ്, ബാക്ക് എന്റ് എന്നിങ്ങനെ രണ്ട് പടികളിലായാണ് ഫീഡ്ബാക്ക് ഫോമുകള്‍ പ്രവര്‍ത്തിക്കുന്നത്. ഫ്രണ്ട് എന്റായി മുന്‍‌കാലങ്ങളില്‍ HTML ഫോമുകളാണ് ഉപയോഗിച്ചിരുന്നത്. ഇവിടെ ഫ്രണ്ട് എന്റായി ഒരു SWF മൂവി എങ്ങിനെ ഉപയോഗിക്കാമെന്നാണ് വിശദീകരിക്കുന്നത്. ബാക്ക്‍എന്റായി PHP, ASP, CGI എന്നിങ്ങനെയുള്ള സ്ക്രിപ്റ്റുകള്‍ ഉപയോഗിക്കാവുന്നതാണ്.
ആദ്യമായി ഫീഡ്ബാക്ക് ഫോമിന് ആവശ്യമായ ഇന്റര്‍ഫേസ് ഫ്‌ളാഷില്‍ ഡിസൈന്‍ ചെയ്യുകയാണ് ചെയ്യേണ്ടത്. ഇന്റര്‍ഫേസ് ഡിസൈനിംഗ് ആരംഭിക്കുന്നതിനു മുന്‍പായി എന്തൊക്കെ വിവരങ്ങളാണ് ഉപയോക്താവില്‍ നിന്നും സ്വീകരിക്കുവാന്‍ ലക്ഷ്യമിടുന്നതെന്ന് തീരുമാനിക്കുക. ഇവിടെ വിവരിച്ചിരിക്കുന്ന ഉദാഹരണത്തില്‍, ചില പ്രാഥമിക വിവരങ്ങള്‍ മാത്രമാണ് സ്വീകരിക്കുന്നത്. ആവശ്യാനുസരണം കൂടുതല്‍ വിവരങ്ങള്‍ ചേര്‍ക്കുവാന്‍ കഴിയും, അതിനനുസരിച്ച് ഫ്‌ളാഷിലെ ആക്ഷനുകളിലും, PHP സ്ക്രിപ്റ്റിലും മാറ്റങ്ങള്‍ വരുത്തണമെന്നു മാത്രം.
ഫോം ഇന്റഫേസ് ഡിസൈനിംഗാണ് അടുത്ത പടി. ടൈംലൈനില്; bg, components, texts എന്നീ പേരുകളില്‍ മൂന്ന്‍ ലെയറുകള്‍ കൂട്ടിച്ചേര്‍ക്കുക. പ്രധാനമെനുവില്‍ Window > Components എന്ന പാനല്‍ തുറന്ന്; Button, TextArea, TextInput എന്നീ കമ്പൊണെന്റുകള്‍ ലൈബ്രറിയിലേക്ക് ചേര്‍ക്കുക. ഫീഡ്ബാക്ക് ഫോമിന് യോജ്യമായ ഒരു ബാക്ക്‍ഗ്രൌണ്ട് ആദ്യമായി ഡിസൈന്‍ ചെയ്യുക. bg എന്ന ലെയറില് ഒരു ഗ്രാഫിക് സിംബലായി ഇത് നിര്‍മ്മിക്കാവുന്നതാണ്.
പ്രധാന സ്റ്റേജിലേക്ക് തിരിച്ചു വന്ന്, ലൈബ്രറിയില്‍ ലഭ്യമായ കമ്പൊണെന്റുകളുടെ വിവിധ ഇന്‍സ്റ്റന്‍സുകള്‍ സ്റ്റേജിലേക്ക് ചേര്‍ക്കുക. Name, E-Mail, Subject എന്നിവയ്ക്ക് TextInput എന്ന കമ്പൊണെന്റും; Message ചേര്‍ക്കുവാനുള്ള സ്ഥലത്തിന് TextArea എന്ന കമ്പൊണെന്റും; മെസേജ് അയയ്ക്കുവാനുള്ള ബട്ടണായി Button എന്ന കമ്പൊണെന്റും ഉപയോഗിക്കുക. കമ്പൊണെന്റുകള്‍ components എന്ന പേരില്‍ ടൈംലൈനില് ലഭ്യമായ ലെയറിലേക്കാണ് ചേര്‍ക്കേണ്ടത്. തൊട്ടു മുകളില്‍ കാണുന്ന texts എന്ന ലെയറില്, ഓരോ ബോക്സിന്റേയും പേരും മറ്റ് വിവരങ്ങളും ആവശ്യാനുസരണം നല്‍കാവുന്നതാണ്. ഓരോ കമ്പൊണെന്റിനും ഇന്‍സ്റ്റന്‍സ് നെയിം നല്‍കേണ്ടതുമുണ്ട്.
Variable Name / Variable / Component / Instance Name
Name / user_name / TextInput / box_user_name
E-Mail / user_email / TextInput / box_user_email
Subject / user_subject / TextInput / box_user_subject
Message / user_message / TextArea / box_user_message
ടൈംലൈനില് ലഭ്യമായിരിക്കുന്ന text എന്ന ലെയറിലേക്ക് ഒരുഫീല്‍ഡ് കൂടി കൂട്ടിച്ചേര്‍ക്കുക. ഈ ടെക്സ്റ്റ്ഫീല്‍ഡിന്റെ ഇന്‍സ്റ്റന്‍സ് നാമമായി box_status എന്നും നല്‍കുക. ഫീഡ്ബാക്ക് ഫോമിന്റെ ഇന്റര്‍ഫേസ് ഡിസൈനിംഗ് ഇവിടെപൂർത്തിയായി. ചിത്രത്തിൽ കാണുന്നതിനു സമാനമായരീതിയിലാവണം സ്റ്റേജ് നമുക്ക് ഇപ്പോള്‍ ലഭ്യമായിരിക്കുക. ഭാവനയ്ക്ക്അനുസൃതമായി ഫോമിനെ മോടിപിടിപ്പിക്കുകയും, ആനിമേഷനുകൾചേർക്കുകയും മറ്റുമൊക്കെ ചെയ്യാവുന്നതാണ്. ഫീഡ്ബാക്ക് ഫോംഉപയോഗിക്കുന്ന വെബ് സൈറ്റിന്റെ ഡിസൈനുമായി ചേർന്നുപോവുന്ന രീതിയിൽ ഫോം ഡിസൈൻ ചെയ്യുകയാണ് വേണ്ടത്. ഫീഡ്ബാക്ക് ഫോം പ്രവര്‍ത്തിക്കുവാന്‍ ആവശ്യമുള്ള ആക്ഷന്‍സ്ക്രിപ്റ്റിംഗ്, PHP സ്ക്രിപ്റ്റിംഗ്എന്നിവയെക്കുറിച്ച് അടുത്ത പോസ്റ്റിൽ Dynamic Text . രണ്ടാം ഭാഗതിന്നായി ഇവിടെ ക്ലിക്കൂ !
(2008 ജൂലൈ ലക്കം ഇന്‍ഫോകൈരളി കമ്പ്യൂട്ടര്‍ മാഗസീനില്‍ പ്രസിദ്ധീകരിച്ചത്.)
ആദ്യമായി ഫീഡ്ബാക്ക് ഫോമിന് ആവശ്യമായ ഇന്റര്‍ഫേസ് ഫ്‌ളാഷില്‍ ഡിസൈന്‍ ചെയ്യുകയാണ് ചെയ്യേണ്ടത്. ഇന്റര്‍ഫേസ് ഡിസൈനിംഗ് ആരംഭിക്കുന്നതിനു മുന്‍പായി എന്തൊക്കെ വിവരങ്ങളാണ് ഉപയോക്താവില്‍ നിന്നും സ്വീകരിക്കുവാന്‍ ലക്ഷ്യമിടുന്നതെന്ന് തീരുമാനിക്കുക. ഇവിടെ വിവരിച്ചിരിക്കുന്ന ഉദാഹരണത്തില്‍, ചില പ്രാഥമിക വിവരങ്ങള്‍ മാത്രമാണ് സ്വീകരിക്കുന്നത്. ആവശ്യാനുസരണം കൂടുതല്‍ വിവരങ്ങള്‍ ചേര്‍ക്കുവാന്‍ കഴിയും, അതിനനുസരിച്ച് ഫ്‌ളാഷിലെ ആക്ഷനുകളിലും, PHP സ്ക്രിപ്റ്റിലും മാറ്റങ്ങള്‍ വരുത്തണമെന്നു മാത്രം.
- Name (Variable: user_name) - Name എന്ന ഫീല്‍ഡിലെ ഡാറ്റ user_name എന്ന വേരിയബിളിലാണ് സൂക്ഷിക്കപ്പെടുക എന്നര്‍ത്ഥമാക്കിയിരിക്കുന്നു.
- E-mail (user_email)
- Subject (user_subject)
- Message (user_message)
ഫോം ഇന്റഫേസ് ഡിസൈനിംഗാണ് അടുത്ത പടി. ടൈംലൈനില്; bg, components, texts എന്നീ പേരുകളില്‍ മൂന്ന്‍ ലെയറുകള്‍ കൂട്ടിച്ചേര്‍ക്കുക. പ്രധാനമെനുവില്‍ Window > Components എന്ന പാനല്‍ തുറന്ന്; Button, TextArea, TextInput എന്നീ കമ്പൊണെന്റുകള്‍ ലൈബ്രറിയിലേക്ക് ചേര്‍ക്കുക. ഫീഡ്ബാക്ക് ഫോമിന് യോജ്യമായ ഒരു ബാക്ക്‍ഗ്രൌണ്ട് ആദ്യമായി ഡിസൈന്‍ ചെയ്യുക. bg എന്ന ലെയറില് ഒരു ഗ്രാഫിക് സിംബലായി ഇത് നിര്‍മ്മിക്കാവുന്നതാണ്.പ്രധാന സ്റ്റേജിലേക്ക് തിരിച്ചു വന്ന്, ലൈബ്രറിയില്‍ ലഭ്യമായ കമ്പൊണെന്റുകളുടെ വിവിധ ഇന്‍സ്റ്റന്‍സുകള്‍ സ്റ്റേജിലേക്ക് ചേര്‍ക്കുക. Name, E-Mail, Subject എന്നിവയ്ക്ക് TextInput എന്ന കമ്പൊണെന്റും; Message ചേര്‍ക്കുവാനുള്ള സ്ഥലത്തിന് TextArea എന്ന കമ്പൊണെന്റും; മെസേജ് അയയ്ക്കുവാനുള്ള ബട്ടണായി Button എന്ന കമ്പൊണെന്റും ഉപയോഗിക്കുക. കമ്പൊണെന്റുകള്‍ components എന്ന പേരില്‍ ടൈംലൈനില് ലഭ്യമായ ലെയറിലേക്കാണ് ചേര്‍ക്കേണ്ടത്. തൊട്ടു മുകളില്‍ കാണുന്ന texts എന്ന ലെയറില്, ഓരോ ബോക്സിന്റേയും പേരും മറ്റ് വിവരങ്ങളും ആവശ്യാനുസരണം നല്‍കാവുന്നതാണ്. ഓരോ കമ്പൊണെന്റിനും ഇന്‍സ്റ്റന്‍സ് നെയിം നല്‍കേണ്ടതുമുണ്ട്.
Variable Name / Variable / Component / Instance Name
Name / user_name / TextInput / box_user_name
E-Mail / user_email / TextInput / box_user_email
Subject / user_subject / TextInput / box_user_subject
Message / user_message / TextArea / box_user_message
ടൈംലൈനില് ലഭ്യമായിരിക്കുന്ന text എന്ന ലെയറിലേക്ക് ഒരുഫീല്‍ഡ് കൂടി കൂട്ടിച്ചേര്‍ക്കുക. ഈ ടെക്സ്റ്റ്ഫീല്‍ഡിന്റെ ഇന്‍സ്റ്റന്‍സ് നാമമായി box_status എന്നും നല്‍കുക. ഫീഡ്ബാക്ക് ഫോമിന്റെ ഇന്റര്‍ഫേസ് ഡിസൈനിംഗ് ഇവിടെപൂർത്തിയായി. ചിത്രത്തിൽ കാണുന്നതിനു സമാനമായരീതിയിലാവണം സ്റ്റേജ് നമുക്ക് ഇപ്പോള്‍ ലഭ്യമായിരിക്കുക. ഭാവനയ്ക്ക്അനുസൃതമായി ഫോമിനെ മോടിപിടിപ്പിക്കുകയും, ആനിമേഷനുകൾചേർക്കുകയും മറ്റുമൊക്കെ ചെയ്യാവുന്നതാണ്. ഫീഡ്ബാക്ക് ഫോംഉപയോഗിക്കുന്ന വെബ് സൈറ്റിന്റെ ഡിസൈനുമായി ചേർന്നുപോവുന്ന രീതിയിൽ ഫോം ഡിസൈൻ ചെയ്യുകയാണ് വേണ്ടത്. ഫീഡ്ബാക്ക് ഫോം പ്രവര്‍ത്തിക്കുവാന്‍ ആവശ്യമുള്ള ആക്ഷന്‍സ്ക്രിപ്റ്റിംഗ്, PHP സ്ക്രിപ്റ്റിംഗ്എന്നിവയെക്കുറിച്ച് അടുത്ത പോസ്റ്റിൽ Dynamic Text . രണ്ടാം ഭാഗതിന്നായി ഇവിടെ ക്ലിക്കൂ !(2008 ജൂലൈ ലക്കം ഇന്‍ഫോകൈരളി കമ്പ്യൂട്ടര്‍ മാഗസീനില്‍ പ്രസിദ്ധീകരിച്ചത്.)
അഭിപ്രായങ്ങളൊന്നുമില്ല:
ഒരു അഭിപ്രായം പോസ്റ്റ് ചെയ്യൂ