Captivate การสร้างหน้า Login แบบมีเงื่อนไข

ขนตอนท 1 การสรางหนาตาง 1. ป ม INSERT TEXT CAPTION

1.1 น ำ TEXT CAPTION มำวำง พมพ “พมพชอในชองวำง”

1.2 น ำ TEXT CAPTION มำวำง พมพ “แลวกดป ม เขำสระบบ”

2.ป ม INSERT TEXT ENTRY BOX

2.1 น ำ INSERT TEXT ENTRY BOX มำวำงต ำแหนงทตองกำร

2.2 เปลยนชอ VARIABLE ชอ USERNAME

2.3 ลบป ม SUBMIT ทมำดวย ทง

3.ป ม INSERT BUTTON

3.1 เปลยนชอป มเปน SUBMIT

วชา การใชโปรแกรมมลตมเดยในงานอาชพ รหส 3900-0003 อ.วยะดา คงแกว

แผนกวชาเทคโนโลยสารสนเทศ วทยาลยเทคนคสราษฎรธาน

ขนตอนท 2 การสรางขอความแสดงกรณไมปอนชอผใช1. ป ม INSERT SMART SHAPE

1.1 สรำง SHAPE มำวำงต ำแหนงทตอง

1.2 เอำเครองหมำยถกหนำ VISIBLE IN OUTPUT ออก

2. เปลยนชอเปน PLEASEFILL ทต ำแหนง NAME: PLEASEFILL

3. พมพ CAPTION “กรณำกรอกชอกอนเขำสระบบ”



ขนตอนท 3 การสรางขอความยนดตอนรบ

1. ป ม INSERT SMART SHAPE

1.1 น ำ CHAP มำวำงต ำแหนงทตองกำร

พมพ ยนดตอนรบคณ $$USERNAME$$

1.2 ตงชอ NAME : WELCOME



ขนตอนท 4 การใสค าสงทปม SUBMIT (ขนตอนท 1 ขอ3)1. คลกป ม SUBMIT

2. เลอก ACTION EXECUTE ADVANCED ACTIONS

3. ต ำแหนง SCRIPT คลกเลอก ADVANCED ACTIONS (รปโฟลเดอร)

4. ต ำแหนง CRETE FROM เลอก BLANK

5. ต ำแหนง ACTION TYPE เลอก CONDITION ACTIONS

6. ต ำแหนง ACTION NAME พมพชอทตองกำร เชน FILLNAME

7. ต ำแหนง UNTITLED เปลยนชอเปน NAME



ขนตอนท 4 การใสค าสงทปม SUBMIT ตอ1. ต ำแหนง IF 2. PERFORM ACTION IF : เลอก ALL CONDITION ARE TRUE คลก ADD (รปเครองหมำย+สเหลยมซอน3อน)

1. เลอก USERNAME (ตวแปร)2. เลอก IS EQUAL TO (เทำกบ)3. เลอก VARIABLE คำ VAR_NULL (ถำไมมท ำตำมขอ 4)4. วธสรำงตวแปร VAR_NULL

4.1 คลกเลอกปม VARIABLE4.2 ต ำแหนง TYPE เลอก USER 4.3 คลกปม ADD NEW4.4 ต ำแหนง NAME พมพ VAR_NULL4.5 ต ำแหนง VALUE ไมตองใส ใหเวนวำง4.6 คลกปม SAVE แลว CLOSE4.7 กลบไปท ำขอ 3 ใหม



ขนตอนท 4การใสค าสงทปม SUBMIT ตอ1. ต ำแหนง ACTION คลก ADD (รปเครองหมำย+สเหลยมซอน3อน)2. เลอก SHOW เลอก PLESEFILL3. คลก ELSE คลก ADD (รปเครองหมำย+สเหลยมซอน3อน)เงอนไขท 1 เลอก CONTINUEเงอนไขท 2 เลอก HIDE เลอก PLEASEFILL (ซอนขอควำม)4. คลกปม SAVE ACTION (หรอ UPDATE ACTION กรณแกไข)5. คลกปม CLOSE



Education

Captivate การสร้างหน้า Login แบบมีเงื่อนไข